refactor: update MDC and switch chips Sass import path (#22220)

* refactor(material-experimental/mdc-chips): update MDC and switch chips Sass import path * fixup! refactor(material-experimental/mdc-chips): update MDC and switch chips Sass import path
angular · Mar 15, 2021 · 168611d · 168611d
1 parent 4a943f1
commit 168611d
Show file tree

Hide file tree

Showing 4 changed files with 634 additions and 1,253 deletions.
diff --git a/package.json b/package.json
@@ -63,63 +63,14 @@
     "@types/youtube": "^0.0.40",
     "@webcomponents/custom-elements": "^1.1.0",
     "core-js-bundle": "^3.8.2",
-    "material-components-web": "11.0.0-canary.73a227194.0",
+    "material-components-web": "11.0.0-canary.f8579b7ea.0",
     "rxjs": "^6.5.3",
     "rxjs-tslint-rules": "^4.33.1",
     "systemjs": "0.19.43",
     "tslib": "^2.0.0",
     "zone.js": "~0.11.3"
   },
   "devDependencies": {
-    "diff": "^5.0.0",
-    "reflect-metadata": "^0.1.3",
-    "@material/animation": "11.0.0-canary.3201cae47.0",
-    "@material/auto-init": "11.0.0-canary.3201cae47.0",
-    "@material/banner": "11.0.0-canary.3201cae47.0",
-    "@material/base": "11.0.0-canary.3201cae47.0",
-    "@material/button": "11.0.0-canary.3201cae47.0",
-    "@material/card": "11.0.0-canary.3201cae47.0",
-    "@material/checkbox": "11.0.0-canary.3201cae47.0",
-    "@material/chips": "11.0.0-canary.3201cae47.0",
-    "@material/circular-progress": "11.0.0-canary.3201cae47.0",
-    "@material/data-table": "11.0.0-canary.3201cae47.0",
-    "@material/density": "11.0.0-canary.3201cae47.0",
-    "@material/dialog": "11.0.0-canary.3201cae47.0",
-    "@material/dom": "11.0.0-canary.3201cae47.0",
-    "@material/drawer": "11.0.0-canary.3201cae47.0",
-    "@material/elevation": "11.0.0-canary.3201cae47.0",
-    "@material/fab": "11.0.0-canary.3201cae47.0",
-    "@material/feature-targeting": "11.0.0-canary.3201cae47.0",
-    "@material/floating-label": "11.0.0-canary.3201cae47.0",
-    "@material/form-field": "11.0.0-canary.3201cae47.0",
-    "@material/icon-button": "11.0.0-canary.3201cae47.0",
-    "@material/image-list": "11.0.0-canary.3201cae47.0",
-    "@material/layout-grid": "11.0.0-canary.3201cae47.0",
-    "@material/line-ripple": "11.0.0-canary.3201cae47.0",
-    "@material/linear-progress": "11.0.0-canary.3201cae47.0",
-    "@material/list": "11.0.0-canary.3201cae47.0",
-    "@material/menu": "11.0.0-canary.3201cae47.0",
-    "@material/menu-surface": "11.0.0-canary.3201cae47.0",
-    "@material/notched-outline": "11.0.0-canary.3201cae47.0",
-    "@material/radio": "11.0.0-canary.3201cae47.0",
-    "@material/ripple": "11.0.0-canary.3201cae47.0",
-    "@material/rtl": "11.0.0-canary.3201cae47.0",
-    "@material/segmented-button": "11.0.0-canary.3201cae47.0",
-    "@material/select": "11.0.0-canary.3201cae47.0",
-    "@material/shape": "11.0.0-canary.3201cae47.0",
-    "@material/slider": "11.0.0-canary.3201cae47.0",
-    "@material/snackbar": "11.0.0-canary.3201cae47.0",
-    "@material/switch": "11.0.0-canary.3201cae47.0",
-    "@material/tab": "11.0.0-canary.3201cae47.0",
-    "@material/tab-bar": "11.0.0-canary.3201cae47.0",
-    "@material/tab-indicator": "11.0.0-canary.3201cae47.0",
-    "@material/tab-scroller": "11.0.0-canary.3201cae47.0",
-    "@material/textfield": "11.0.0-canary.3201cae47.0",
-    "@material/theme": "11.0.0-canary.3201cae47.0",
-    "@material/tooltip": "11.0.0-canary.3201cae47.0",
-    "@material/top-app-bar": "11.0.0-canary.3201cae47.0",
-    "@material/touch-target": "11.0.0-canary.3201cae47.0",
-    "@material/typography": "11.0.0-canary.3201cae47.0",
     "@angular-devkit/build-optimizer": "^0.1200.0-next.0",
     "@angular-devkit/core": "^12.0.0-next.0",
     "@angular-devkit/schematics": "^12.0.0-next.0",
@@ -133,14 +84,61 @@
     "@axe-core/webdriverjs": "^4.1.0",
     "@bazel/bazelisk": "^1.4.0",
     "@bazel/buildifier": "^4.0.0",
+    "@bazel/concatjs": "3.2.1",
     "@bazel/ibazel": "^0.14.0",
     "@bazel/jasmine": "3.2.1",
-    "@bazel/concatjs": "3.2.1",
     "@bazel/protractor": "3.2.1",
     "@bazel/rollup": "3.2.1",
     "@bazel/terser": "3.2.1",
     "@bazel/typescript": "3.2.1",
     "@firebase/app-types": "^0.6.1",
+    "@material/animation": "`11.0.0-canary.f8579b7ea.0`",
+    "@material/auto-init": "11.0.0-canary.f8579b7ea.0",
+    "@material/banner": "11.0.0-canary.f8579b7ea.0",
+    "@material/base": "11.0.0-canary.f8579b7ea.0",
+    "@material/button": "11.0.0-canary.f8579b7ea.0",
+    "@material/card": "11.0.0-canary.f8579b7ea.0",
+    "@material/checkbox": "11.0.0-canary.f8579b7ea.0",
+    "@material/chips": "11.0.0-canary.f8579b7ea.0",
+    "@material/circular-progress": "11.0.0-canary.f8579b7ea.0",
+    "@material/data-table": "11.0.0-canary.f8579b7ea.0",
+    "@material/density": "11.0.0-canary.f8579b7ea.0",
+    "@material/dialog": "11.0.0-canary.f8579b7ea.0",
+    "@material/dom": "11.0.0-canary.f8579b7ea.0",
+    "@material/drawer": "11.0.0-canary.f8579b7ea.0",
+    "@material/elevation": "11.0.0-canary.f8579b7ea.0",
+    "@material/fab": "11.0.0-canary.f8579b7ea.0",
+    "@material/feature-targeting": "11.0.0-canary.f8579b7ea.0",
+    "@material/floating-label": "11.0.0-canary.f8579b7ea.0",
+    "@material/form-field": "11.0.0-canary.f8579b7ea.0",
+    "@material/icon-button": "11.0.0-canary.f8579b7ea.0",
+    "@material/image-list": "11.0.0-canary.f8579b7ea.0",
+    "@material/layout-grid": "11.0.0-canary.f8579b7ea.0",
+    "@material/line-ripple": "11.0.0-canary.f8579b7ea.0",
+    "@material/linear-progress": "11.0.0-canary.f8579b7ea.0",
+    "@material/list": "11.0.0-canary.f8579b7ea.0",
+    "@material/menu": "11.0.0-canary.f8579b7ea.0",
+    "@material/menu-surface": "11.0.0-canary.f8579b7ea.0",
+    "@material/notched-outline": "11.0.0-canary.f8579b7ea.0",
+    "@material/radio": "11.0.0-canary.f8579b7ea.0",
+    "@material/ripple": "11.0.0-canary.f8579b7ea.0",
+    "@material/rtl": "11.0.0-canary.f8579b7ea.0",
+    "@material/segmented-button": "11.0.0-canary.f8579b7ea.0",
+    "@material/select": "11.0.0-canary.f8579b7ea.0",
+    "@material/shape": "11.0.0-canary.f8579b7ea.0",
+    "@material/slider": "11.0.0-canary.f8579b7ea.0",
+    "@material/snackbar": "11.0.0-canary.f8579b7ea.0",
+    "@material/switch": "11.0.0-canary.f8579b7ea.0",
+    "@material/tab": "11.0.0-canary.f8579b7ea.0",
+    "@material/tab-bar": "11.0.0-canary.f8579b7ea.0",
+    "@material/tab-indicator": "11.0.0-canary.f8579b7ea.0",
+    "@material/tab-scroller": "11.0.0-canary.f8579b7ea.0",
+    "@material/textfield": "11.0.0-canary.f8579b7ea.0",
+    "@material/theme": "11.0.0-canary.f8579b7ea.0",
+    "@material/tooltip": "11.0.0-canary.f8579b7ea.0",
+    "@material/top-app-bar": "11.0.0-canary.f8579b7ea.0",
+    "@material/touch-target": "11.0.0-canary.f8579b7ea.0",
+    "@material/typography": "11.0.0-canary.f8579b7ea.0",
     "@octokit/rest": "18.3.5",
     "@schematics/angular": "^12.0.0-next.0",
     "@types/autoprefixer": "^9.7.2",
@@ -156,8 +154,8 @@
     "@types/node": "^14.14.22",
     "@types/node-fetch": "^2.5.5",
     "@types/parse5": "^6.0.0",
-    "@types/semver": "^7.3.4",
     "@types/sass": "^1.16.0",
+    "@types/semver": "^7.3.4",
     "@types/send": "^0.14.5",
     "@types/stylelint": "^9.10.1",
     "@types/yaml": "^1.9.7",
@@ -168,6 +166,7 @@
     "conventional-changelog": "^3.0.5",
     "dgeni": "^0.4.11",
     "dgeni-packages": "^0.28.4",
+    "diff": "^5.0.0",
     "firebase-tools": "^9.2.1",
     "fs-extra": "^9.0.1",
     "glob": "^7.1.2",
@@ -199,6 +198,7 @@
     "parse5": "^6.0.1",
     "postcss": "^8.2.1",
     "protractor": "^7.0.0",
+    "reflect-metadata": "^0.1.3",
     "requirejs": "^2.3.6",
     "rollup": "~1.25.0",
     "rollup-plugin-alias": "^2.2.0",

diff --git a/src/material-experimental/mdc-chips/_chips-theme.scss b/src/material-experimental/mdc-chips/_chips-theme.scss
@@ -1,4 +1,4 @@
-@use '@material/chips' as mdc-chips;
+@use '@material/chips/deprecated' as mdc-chips;
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use 'sass:color';
 @use 'sass:map';

diff --git a/src/material-experimental/mdc-chips/chips.scss b/src/material-experimental/mdc-chips/chips.scss
@@ -1,4 +1,4 @@
-@use '@material/chips' as mdc-chips;
+@use '@material/chips/deprecated' as mdc-chips;
 @use '@material/ripple' as mdc-ripple;
 @use '../../material/core/style/layout-common';
 @use '../../cdk/a11y/a11y';