feat: update to MDC 11, new fullscreen dialogs

MIGRATING.md

@@ -2,6 +2,31 @@
 
 This doc contains information that will help you migrate your code from an older version of SMUI to a newer one. Things that you will need to change in your existing code will be written here. It would also be helpful to check the MDC changelog if the upstream MDC versions has changed between SMUI versions.
 
+# SMUI 3.0 -> SMUI 3.1
+
+SMUI 3.1 migrated to upstream MDC 11.0 from 10.0:
+https://github.com/material-components/material-components-web/blob/master/CHANGELOG.md#1100-2021-04-15
+
+## Breaking Changes
+
+### Theming, Sass
+
+- MDC-Web chips trailing actions class changed.
+- MDC-Web list classes changed.
+
+## New Features
+
+### Compoennts
+
+- Dialog
+  - New `fullscreen` prop.
+  - New `over` slot.
+- Menu Surface
+  - New `maxHeight` prop.
+  - New `horizontallyCenteredOnViewport` prop.
+- Tooltip
+  - New `attachScrollHandler` and `removeScrollHandler` functions for adding additional scrollable elements to handle. Both accept a function.
+
 # SMUI 2 -> SMUI 3
 
 You will need to migrate to Dart Sass. `node-sass` is no longer supported, as it is deprecated and too old now.

package.json

@@ -73,52 +73,52 @@
   "devDependencies": {
     "@commitlint/cli": "^12.0.1",
     "@commitlint/config-conventional": "^12.0.1",
-    "@material/animation": "^10.0.0",
-    "@material/banner": "^10.0.0",
-    "@material/button": "^10.0.0",
-    "@material/card": "^10.0.0",
-    "@material/checkbox": "^10.0.0",
-    "@material/chips": "^10.0.0",
-    "@material/circular-progress": "^10.0.0",
-    "@material/data-table": "^10.0.0",
-    "@material/density": "^10.0.0",
-    "@material/dialog": "^10.0.0",
-    "@material/dom": "^10.0.0",
-    "@material/drawer": "^10.0.0",
-    "@material/elevation": "^10.0.0",
-    "@material/fab": "^10.0.0",
-    "@material/feature-targeting": "^10.0.0",
-    "@material/floating-label": "^10.0.0",
-    "@material/form-field": "^10.0.0",
-    "@material/icon-button": "^10.0.0",
-    "@material/image-list": "^10.0.0",
-    "@material/layout-grid": "^10.0.0",
-    "@material/line-ripple": "^10.0.0",
-    "@material/linear-progress": "^10.0.0",
-    "@material/list": "^10.0.0",
-    "@material/menu": "^10.0.0",
-    "@material/menu-surface": "^10.0.0",
-    "@material/notched-outline": "^10.0.0",
-    "@material/progress-indicator": "^10.0.0",
-    "@material/radio": "^10.0.0",
-    "@material/ripple": "^10.0.0",
-    "@material/rtl": "^10.0.0",
-    "@material/segmented-button": "^10.0.0",
-    "@material/select": "^10.0.0",
-    "@material/shape": "^10.0.0",
-    "@material/slider": "^10.0.0",
-    "@material/snackbar": "^10.0.0",
-    "@material/switch": "^10.0.0",
-    "@material/tab": "^10.0.0",
-    "@material/tab-bar": "^10.0.0",
-    "@material/tab-indicator": "^10.0.0",
-    "@material/tab-scroller": "^10.0.0",
-    "@material/textfield": "^10.0.0",
-    "@material/theme": "^10.0.0",
-    "@material/tooltip": "^10.0.0",
-    "@material/top-app-bar": "^10.0.0",
-    "@material/touch-target": "^10.0.0",
-    "@material/typography": "^10.0.0",
+    "@material/animation": "^11.0.0",
+    "@material/banner": "^11.0.0",
+    "@material/button": "^11.0.0",
+    "@material/card": "^11.0.0",
+    "@material/checkbox": "^11.0.0",
+    "@material/chips": "^11.0.0",
+    "@material/circular-progress": "^11.0.0",
+    "@material/data-table": "^11.0.0",
+    "@material/density": "^11.0.0",
+    "@material/dialog": "^11.0.0",
+    "@material/dom": "^11.0.0",
+    "@material/drawer": "^11.0.0",
+    "@material/elevation": "^11.0.0",
+    "@material/fab": "^11.0.0",
+    "@material/feature-targeting": "^11.0.0",
+    "@material/floating-label": "^11.0.0",
+    "@material/form-field": "^11.0.0",
+    "@material/icon-button": "^11.0.0",
+    "@material/image-list": "^11.0.0",
+    "@material/layout-grid": "^11.0.0",
+    "@material/line-ripple": "^11.0.0",
+    "@material/linear-progress": "^11.0.0",
+    "@material/list": "^11.0.0",
+    "@material/menu": "^11.0.0",
+    "@material/menu-surface": "^11.0.0",
+    "@material/notched-outline": "^11.0.0",
+    "@material/progress-indicator": "^11.0.0",
+    "@material/radio": "^11.0.0",
+    "@material/ripple": "^11.0.0",
+    "@material/rtl": "^11.0.0",
+    "@material/segmented-button": "^11.0.0",
+    "@material/select": "^11.0.0",
+    "@material/shape": "^11.0.0",
+    "@material/slider": "^11.0.0",
+    "@material/snackbar": "^11.0.0",
+    "@material/switch": "^11.0.0",
+    "@material/tab": "^11.0.0",
+    "@material/tab-bar": "^11.0.0",
+    "@material/tab-indicator": "^11.0.0",
+    "@material/tab-scroller": "^11.0.0",
+    "@material/textfield": "^11.0.0",
+    "@material/theme": "^11.0.0",
+    "@material/tooltip": "^11.0.0",
+    "@material/top-app-bar": "^11.0.0",
+    "@material/touch-target": "^11.0.0",
+    "@material/typography": "^11.0.0",
     "@smui/banner": "file:packages/banner",
     "@smui/button": "file:packages/button",
     "@smui/card": "file:packages/card",