fix: update packages and fix issues

Author: hperrin

THEMING.md

@@ -100,6 +100,14 @@ If you'd like to customize the styles even further, you can set additional varia
 
 Just make sure that you put that directly after the `@use '@material/theme/index'` block. All `@use` statements in a file must precede any styles in Sass. Also, remember to include it in both your light and dark theme files if you're using both.
 
+### Adding Classes and Variables
+
+If you want to use MDC's classes and variables (like `var(--mdc-theme-primary)` and `class="mdc-theme--primary-bg"`), you can add the following line somewhere in your Sass files. A great place to add it is in your `_smui-theme.scss` file.
+
+```scss
+@use '@material/theme/styles';
+```
+
 ## Theming the Bare CSS
 
 If you use the bare CSS, you can set a subset of the theme options with CSS variables. Note that not all of the colors in SMUI read from CSS variables, so some parts will still use the colors defined in the original Sass compile. Below is a copy of the variables from the CSS on the SMUI website. You can use this as a starting point for your own theme.
@@ -146,11 +154,3 @@ If you use the bare CSS, you can set a subset of the theme options with CSS vari
   --mdc-layout-grid-column-width-phone: 72px;
 }
 ```
-
-## Adding Classes and Variables
-
-If you want to use MDC's classes and variables (like `var(--mdc-theme-primary)` and `class="mdc-theme--primary-bg"`), you can add the following line somewhere in your Sass files. A great place to add it is in your `_smui-theme.scss` file.
-
-```sass
-@use '@material/theme/styles';
-```

package-lock.json

@@ -36,14 +36,14 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
-    "@commitlint/cli": "^17.0.3",
-    "@commitlint/config-conventional": "^17.0.3",
-    "husky": "^8.0.1",
-    "lerna": "^5.2.0",
-    "lint-staged": "^13.0.3",
-    "prettier": "~2.7.1",
-    "prettier-plugin-svelte": "^2.7.0",
-    "sass": "^1.54.0",
-    "svelte": "^3.49.0"
+    "@commitlint/cli": "^17.5.1",
+    "@commitlint/config-conventional": "^17.4.4",
+    "husky": "^8.0.3",
+    "lerna": "^6.6.1",
+    "lint-staged": "^13.2.0",
+    "prettier": "~2.8.7",
+    "prettier-plugin-svelte": "^2.10.0",
+    "sass": "^1.60.0",
+    "svelte": "^3.58.0"
   }
 }

package.json

@@ -48,14 +48,14 @@
     "@smui/common": "^7.0.0-beta.0",
     "@smui/paper": "^7.0.0-beta.0",
     "@smui/ripple": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/accordion/package.json

@@ -47,14 +47,14 @@
     "@smui/menu": "^7.0.0-beta.0",
     "@smui/menu-surface": "^7.0.0-beta.0",
     "@smui/textfield": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/autocomplete/package.json

@@ -45,14 +45,14 @@
     "@material/theme": "^14.0.0",
     "@material/typography": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/badge/package.json

@@ -41,14 +41,14 @@
   "dependencies": {
     "@material/banner": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/banner/package.json

@@ -43,14 +43,14 @@
     "@material/theme": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
     "@smui/paper": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/bottom-app-bar/package.json

@@ -46,14 +46,14 @@
     "@material/theme": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
     "@smui/ripple": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/button/package.json

@@ -44,16 +44,16 @@
     "@smui/common": "^7.0.0-beta.0",
     "@smui/icon-button": "^7.0.0-beta.0",
     "@smui/ripple": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
     "@material/button": "^14.0.0",
     "@material/icon-button": "^14.0.0",
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/card/package.json

@@ -42,14 +42,14 @@
     "@material/checkbox": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
     "@smui/ripple": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/checkbox/package.json

@@ -44,14 +44,14 @@
     "@material/rtl": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
     "@smui/ripple": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/chips/package.json

@@ -41,14 +41,14 @@
   "dependencies": {
     "@material/circular-progress": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/circular-progress/package.json

@@ -53,16 +53,16 @@
     "url": "https://github.com/hperrin/svelte-material-ui/issues"
   },
   "license": "Apache-2.0",
-  "devDependencies": {
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
-  },
   "dependencies": {
     "@material/dom": "^14.0.0",
-    "@tsconfig/svelte": "^3.0.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
+  },
+  "devDependencies": {
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/common/package.json

@@ -46,14 +46,14 @@
     "@smui/icon-button": "^7.0.0-beta.0",
     "@smui/ripple": "^7.0.0-beta.0",
     "@smui/select": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/data-table/package.json

@@ -43,14 +43,14 @@
     "@material/dialog": "^14.0.0",
     "@material/dom": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/dialog/package.json

@@ -42,14 +42,14 @@
     "@material/dom": "^14.0.0",
     "@material/drawer": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }

packages/drawer/package.json

@@ -43,14 +43,14 @@
     "@material/feature-targeting": "^14.0.0",
     "@smui/common": "^7.0.0-beta.0",
     "@smui/ripple": "^7.0.0-beta.0",
-    "svelte2tsx": "^0.5.12"
+    "svelte2tsx": "^0.6.10"
   },
   "devDependencies": {
-    "@tsconfig/svelte": "^3.0.0",
-    "sass": "^1.54.0",
-    "svelte-check": "^2.8.1",
-    "svelte-strip": "^1.0.2",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "@tsconfig/svelte": "^4.0.1",
+    "sass": "^1.60.0",
+    "svelte-check": "^3.1.4",
+    "svelte-strip": "^2.0.0",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.3"
   }
 }