fix: use mdc-web's sass imports and include sass from dev packages

Author: hperrin

packages/banner/_style.scss

@@ -1,4 +1,4 @@
-@use '@material/banner/styles';
+@use '@material/banner/styles' as banner-styles;
 
 .smui-banner--force-show {
   display: block !important;

packages/banner/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/button/_style.scss

@@ -1,4 +1,4 @@
-@use '@material/button/styles';
+@use '@material/button/mdc-button';
 @use '@smui/ripple/style';
 @use './mixins';
 

packages/button/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/card/_style.scss

@@ -1,10 +1,8 @@
-@use '@material/card/index' as card;
+@use '@material/card/mdc-card';
 @use '@smui/button/style' as button-style;
 @use '@smui/icon-button/style' as icon-button-style;
 @use '@smui/ripple/style' as ripple-style;
 
-@include card.core-styles;
-
 .smui-card--padded,
 .smui-card__content,
 .smui-card__primary-action--padded {

packages/card/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/checkbox/_style.scss

@@ -1,4 +1,2 @@
-@use '@material/checkbox/index' as checkbox;
+@use '@material/checkbox/mdc-checkbox';
 @use '@smui/ripple/style';
-
-@include checkbox.core-styles;

packages/checkbox/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/chips/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/circular-progress/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/data-table/_style.scss

@@ -1,10 +1,10 @@
-@use '@material/data-table/data-table';
+// Select's styles must be emitted before datatable's due to equal specificity.
+// See: https://github.com/material-components/material-components-web/blob/v13.0.0/packages/material-components-web/material-components-web.scss
+@use '@smui/select/style' as select-style;
+@use '@material/data-table/mdc-data-table';
 @use '@smui/checkbox/style' as checkbox-style;
 @use '@smui/icon-button/style' as icon-button-style;
 
-@include data-table.core-styles;
-@include data-table.theme-baseline;
-
 // Unset overflow on sticker header tables, because it interferes.
 .mdc-data-table--sticky-header > .mdc-data-table__table-container {
   overflow-x: unset;

packages/data-table/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -41,6 +41,7 @@
     "@smui/common": "^5.0.0",
     "@smui/icon-button": "^5.0.0",
     "@smui/ripple": "^5.0.0",
+    "@smui/select": "^5.0.0",
     "svelte2tsx": "^0.4.8"
   },
   "devDependencies": {

packages/dialog/_style.scss

@@ -1,6 +1,4 @@
-@use '@material/dialog/index' as dialog;
-
-@include dialog.core-styles;
+@use '@material/dialog/mdc-dialog';
 
 .mdc-dialog.smui-dialog--selection .mdc-dialog__content {
   padding: 0;

packages/dialog/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/drawer/_style.scss

@@ -1,8 +1,4 @@
-@use '@material/drawer/index' as drawer;
-
-@include drawer.core-styles;
-@include drawer.dismissible-core-styles;
-@include drawer.modal-core-styles;
+@use '@material/drawer/mdc-drawer';
 
 .mdc-drawer.smui-drawer__absolute,
 .mdc-drawer-scrim.smui-drawer-scrim__absolute {

packages/drawer/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/fab/_style.scss

@@ -1,6 +1,5 @@
-@use '@material/fab/index' as fab;
-@use '@smui/ripple/style';
+@use '@material/fab/mdc-fab';
+@use '@smui/ripple/style' as ripple-style;
 @use './mixins';
 
-@include fab.core-styles;
 @include mixins.core-styles;

packages/fab/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/floating-label/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/form-field/_style.scss

@@ -1,5 +1,4 @@
-@use '@material/form-field/index' as form-field;
+@use '@material/form-field/mdc-form-field';
 @use './mixins';
 
-@include form-field.core-styles;
 @include mixins.core-styles;

packages/form-field/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/icon-button/_style.scss

@@ -1,7 +1,5 @@
-@use '@material/icon-button/icon-button';
-@use '@smui/ripple/style';
-
-@include icon-button.core-styles;
+@use '@material/icon-button/mdc-icon-button';
+@use '@smui/ripple/style' as ripple-style;
 
 // Prevent pointer giving focus inside.
 .mdc-icon-button svg {

packages/icon-button/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/image-list/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/layout-grid/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/line-ripple/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/linear-progress/_style.scss

@@ -1,3 +1 @@
-@use '@material/linear-progress/index' as linear-progress;
-
-@include linear-progress.core-styles;
+@use '@material/linear-progress/mdc-linear-progress';

packages/linear-progress/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/list/_style.scss

@@ -1,6 +1,5 @@
-@use '@material/list/index' as list;
-@use '@smui/ripple/style';
+@use '@material/list/mdc-list';
+@use '@smui/ripple/style' as ripple-style;
 @use './mixins';
 
-@include list.deprecated-core-styles;
 @include mixins.core-styles;

packages/list/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/menu-surface/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/menu/_style.scss

@@ -1,5 +1,5 @@
 @use '@material/menu/mdc-menu';
-@use '@smui/menu-surface/style';
+@use '@smui/menu-surface/style' as menu-surface-style;
 
 // Increase specificity.
 .mdc-menu__selection-group

packages/menu/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/notched-outline/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/paper/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/radio/_style.scss

@@ -1,2 +1,2 @@
-@use '@material/radio/styles';
-@use '@smui/ripple/style';
+@use '@material/radio/mdc-radio';
+@use '@smui/ripple/style' as ripple-style;

packages/radio/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/ripple/_style.scss

@@ -1,4 +1,4 @@
-@use '@material/ripple/styles';
+@use '@material/ripple/mdc-ripple';
 @use './mixins';
 
 @include mixins.core-styles;

packages/ripple/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/segmented-button/_style.scss

@@ -1,2 +1,2 @@
-@use '@material/segmented-button/styles';
-@use '@smui/ripple/style';
+@use '@material/segmented-button/styles' as segmented-button-styles;
+@use '@smui/ripple/style' as ripple-style;

packages/segmented-button/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

packages/select/_style.scss

@@ -1,4 +1,4 @@
-@use '@material/select/styles';
+@use '@material/select/mdc-select';
 @use '@smui/floating-label/style' as floating-label-style;
 @use '@smui/line-ripple/style' as line-ripple-style;
 @use '@smui/notched-outline/style' as notched-outline-style;

packages/select/package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "build": "npm run build:js && npm run build:sass",
     "build:js": "tsc",
-    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css && sass --no-source-map -I node_modules -I ../../node_modules helper-text/_style.scss helper-text/bare.css && sass --no-source-map -I node_modules -I ../../node_modules icon/_style.scss icon/bare.css",
+    "build:sass": "sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules _style.scss bare.css && sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules helper-text/_style.scss helper-text/bare.css && sass --no-source-map -I node_modules -I ../smui-theme/node_modules  -I ../../node_modules icon/_style.scss icon/bare.css",
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"