From cf22146a3b986ce18c5dd20268c8e0cfa9ceddb2 Mon Sep 17 00:00:00 2001 From: Abhinay Omkar Date: Wed, 13 Nov 2019 10:40:12 -0500 Subject: [PATCH] chore: Upgrade catalog to MDC Web v4.0 (#279) --- config/webpack.styles.config.js | 8 - package-lock.json | 1229 ++++++++++++++++-------------- package.json | 2 +- src/ButtonCatalog.js | 8 + src/CardCatalog.js | 1 + src/CheckboxCatalog.js | 12 +- src/ChipsCatalog.js | 18 +- src/ComponentSidebar.js | 3 - src/DataTableCatalog.js | 1 + src/FabCatalog.js | 1 + src/ListCatalog.js | 2 + src/RadioButtonCatalog.js | 1 + src/Routes.js | 4 - src/SelectCatalog.js | 177 ++--- src/SnackbarCatalog.js | 12 +- src/ThemeCatalog.js | 849 --------------------- src/hero/options/SelectOption.js | 2 +- src/styles/HeroComponent.scss | 5 - src/styles/ListCatalog.scss | 2 +- src/styles/SelectCatalog.scss | 4 +- src/styles/ThemeCatalog.scss | 344 --------- 21 files changed, 756 insertions(+), 1929 deletions(-) delete mode 100644 src/ThemeCatalog.js delete mode 100644 src/styles/ThemeCatalog.scss diff --git a/config/webpack.styles.config.js b/config/webpack.styles.config.js index 73682052..8f7f0add 100644 --- a/config/webpack.styles.config.js +++ b/config/webpack.styles.config.js @@ -89,16 +89,8 @@ const webpackLoaders = [ // except for the assets used for the theme. { test: /\.scss$/, - exclude: /ThemeCatalog\.scss$/i, loader: mainExtractTextPlugin.extract(scssLoaders), }, - // This loader is used to compile just the theme scss assets into a - // separate css file. This ensures that the theme styles don't conflict - // with the main app styles. - { - test: /ThemeCatalog\.scss$/i, - use: themeExtractTextPlugin.extract(scssLoaders), - } ]; const webpackPlugins = [ diff --git a/package-lock.json b/package-lock.json index 54056eec..33f0f5e0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -46,19 +46,19 @@ "dev": true }, "@material/auto-init": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-3.1.0.tgz", - "integrity": "sha512-Q0fuycL7JUyody+V9h8Y3mXlchNECOwCWOWwjJutcxeIqmhVJxf5qiJJnXZYrwQMMtUuO2A2DTHdrxCITL2COA==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-4.0.0.tgz", + "integrity": "sha512-B5hCY24cTrK25in2bAhLgsZry0lR6El0y+uxL+2spqGF1Novz/G5UJu3v9z5cycc7DZhZg9wZQvF6tmagtNaog==", "dev": true, "requires": { - "@material/base": "^3.1.0", + "@material/base": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -73,63 +73,66 @@ "dev": true }, "@material/button": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/button/-/button-3.2.0.tgz", - "integrity": "sha512-VEASy3Dtc7BCo8/cuUIp6w0+/l4U1myGZffK5GeFVInP/erStSQOmYXT7jGXkZpUglRzWOpVvEpc6nsvhMqGbw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/button/-/button-4.0.0.tgz", + "integrity": "sha512-CoQjShblZ7evChPJoM+Cao90Fwi25NCIhdTequzZifD73BvQegyN7MlNdbHaGqpecYzOrm0xq+nocg+yQN90qg==", "dev": true, "requires": { - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0" + "@material/density": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0" } }, "@material/card": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/card/-/card-3.2.0.tgz", - "integrity": "sha512-pC9HHhdAXarRJZgKx+xa6G/WPjGp+HN6sOgWPC6Od+0yFuMilCEScGkaXKPOFRt5UwNjzSIBPXJVyP6lmfg1NQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/card/-/card-4.0.0.tgz", + "integrity": "sha512-+7qD6pko5/vRNLTX99P2uaLMO1/CcSjgoQgoDKsDEAL/TDxxDib9d9Rf3JD0b8waE+7mDELS98Gt8vHzD8mvnQ==", "dev": true, "requires": { - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0" + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0" } }, "@material/checkbox": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-3.2.0.tgz", - "integrity": "sha512-4XgQ4sM40j60n4RN43BxXtkFVvyFQgo/vc0W5hf9Qz2uwEah46Shg1nHMYZNvcNW+FXRm96gH8zz3qFgEf1ytA==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-4.0.0.tgz", + "integrity": "sha512-2ONHncYAmyIQewvedKDJGeiMvLjmX7wBH5Lx0OBYSwa9nuwjXGWEQR8tNOHIZzevV+nPyGexl6HyvgZ2QNUVZg==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -138,36 +141,37 @@ } }, "@material/chips": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/chips/-/chips-3.2.0.tgz", - "integrity": "sha512-XPm2RkqPFRog7hCMBTP4lM8AH9fqysXDMqf0ZomeJbFj4mkyalKsp45zrCR384gYjymwu99EHpcIs8L+gjVsrQ==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/checkbox": "^3.2.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/chips/-/chips-4.0.0.tgz", + "integrity": "sha512-+c9QeW4xC3LwWjh8RH2JjNRq+WlhDSjDkOQrr+epcYjcBGpZUZ/m2MnDNuqHKTFMqGraVsSuX2hcjN8bs/Piiw==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/checkbox": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -176,38 +180,39 @@ } }, "@material/data-table": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-3.2.0.tgz", - "integrity": "sha512-67Bjo4B3kiB2zPEhd1OyHGWCNyQtoFTLNmOAPDFAxbmfaBquvjzAEYos2/cJpvzP8yUCIMJlOYaP0uvv94n2og==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/checkbox": "^3.2.0", - "@material/dom": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-4.0.0.tgz", + "integrity": "sha512-tCjdynaqPATCIi8YWOCo9ie8tyHlxlIpyfMuRx3dVD90P8aIdNEc74LoeAQc2TuOwKZJJqG8WYkA2p6uUNaz2Q==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/checkbox": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.10.0" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -215,39 +220,46 @@ } } }, + "@material/density": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/density/-/density-4.0.0.tgz", + "integrity": "sha512-PuOCPCXlWjimTq+OuCS8biAb1JE9aXCZwT1dRG9REAIAK7bN8KeeTzkeJp6jTj+ggZjWphwKF0lKeX6Gv+e/lw==", + "dev": true + }, "@material/dialog": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-3.2.0.tgz", - "integrity": "sha512-qcxPxIxEYlDWvWAIaYbgRXluctzIvuCMZISuIUomXnd8t7nc4xVLuNHRubXGCtnIHyoE3Vb7IQEqAGM2ZjWxuw==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-4.0.0.tgz", + "integrity": "sha512-ATfmcRKjPUuhpjKuCCtYrbuRfx1vZ9r0ZkMI2eLBxWbYbTbKOH+oM5Z24uVO38bX7SvOItPWsAQZYkoiyPUdPQ==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0", "focus-trap": "^5.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -256,47 +268,47 @@ } }, "@material/dom": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/dom/-/dom-3.1.0.tgz", - "integrity": "sha512-RtBLSkrBjMfHwknaGBifAIC8cBWF9pXjz2IYqfI2braB6SfQI4vhdJviwyiA5BmA/psn3cKpBUZbHI0ym0O0SQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz", + "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/drawer": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-3.2.0.tgz", - "integrity": "sha512-bhcnosiJfHRYy4oeMspE/HY2+Wt7HDtsyk47Tc4h14cc8ZgcKd0C96wuL7GJDrZX/zLPnxboQOg+ctXIpskO4w==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/list": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-4.0.0.tgz", + "integrity": "sha512-HjhE4KnP+bGC56AdD8H1FqMT5PjEuz0RvvEzsMrQC86CERsE9eu35+JdSHFsLT2qi8m8c8v9NicOVIP1QHNH+Q==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/list": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "focus-trap": "^5.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -305,20 +317,20 @@ } }, "@material/elevation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-3.1.0.tgz", - "integrity": "sha512-e45LqiG6LfbR1M52YkSLA7pQPeYJOuOVzLp27xy2072TnLuJexMxhEaG4O1novEIjsTtMjqfrfJ/koODU5vEew==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-4.0.0.tgz", + "integrity": "sha512-wKffoZcqkwAMWYbfGJJ95RDeOFz/IMvF7ye4VamjUwLb1iPiKxUZKUcd40XpuEvsn794HSIEWfGDsRq7BxJAMQ==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0" + "@material/animation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -327,25 +339,25 @@ } }, "@material/fab": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/fab/-/fab-3.2.0.tgz", - "integrity": "sha512-a/uPYDgIFZi2PpAV4Rqqnu9AKK2fA6ydSAVJE64Hs6isJ+UQUzGBvimOHy/DHtFmLxZJKuyakJd1Cq2jDlgXtg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/fab/-/fab-4.0.0.tgz", + "integrity": "sha512-YG5fubnZUEFLumBuc3Fw6Hcnek244OKJleSQhWVtFS6I2EgHqmr0gD8ZCKvXARmieyh4LRn7jKDK/WFJh74ayA==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0" + "@material/animation": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -354,38 +366,38 @@ } }, "@material/feature-targeting": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-3.1.0.tgz", - "integrity": "sha512-aXAa1Pv6w32URacE9LfMsl9zI6hFwx1K0Lp3Xpyf4rAkmaAB6z0gOkhicOrVFc0f64YheJgHjE7hJFieVenQdw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz", + "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg==", "dev": true }, "@material/floating-label": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-3.2.0.tgz", - "integrity": "sha512-szzsSou+xXj3E6InEuOCr8E28IE5EdcBfKRaHoR5EBkzgcRxLuZkFSqD19zsUgVErdTCcRSbeU9mYa6cP8+Nzw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-4.0.0.tgz", + "integrity": "sha512-ovuZKhH7U+YmZk8kXftYCdEaU9InJdkBsPe4TP+dg4HiO1lWmd7ZxVsMo6iTl4yaFofkBPj3VDkbE1fLnHxKPA==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -394,24 +406,24 @@ } }, "@material/form-field": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-3.2.0.tgz", - "integrity": "sha512-4XjZGy1S966IOUxFaRAKcZOvr5qqvx8r1RMvfCsEzTB45y9Lo2puilNyCtatVAULRxCwszZb7Kbd++cpmMpzZA==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-4.0.0.tgz", + "integrity": "sha512-M5+c7mitD4NIH+3kU2+uX1mUJJJPNYSUN3bAmhjbMxMISY9jkrbv9k5T9jlWRaIqvO6qJ1aDFOQASV8CsWstYQ==", "dev": true, "requires": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -420,23 +432,23 @@ } }, "@material/grid-list": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/grid-list/-/grid-list-3.2.0.tgz", - "integrity": "sha512-0sHV3MWEAoQ5EbZDwXLW+QKByzG4Yq3WqLkgNBftsW2O4QsPwlDYLJABYkgVIcghGCcQNHAmba48O+RW2e8ijg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/grid-list/-/grid-list-4.0.0.tgz", + "integrity": "sha512-HdkvmBqa8jx7j9+NuWlSawCTGN8Ico2wjWY0tpT+0tiTa3xbh2rdGAMIu4przT5Quyz/a9DDRMSIM+xbLHsUOQ==", "dev": true, "requires": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -445,22 +457,22 @@ } }, "@material/icon-button": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-3.2.0.tgz", - "integrity": "sha512-UTX1q4x5FxntBeb5TxBsXIjbhwFjQxJxovaUGo8+eUL9V9tU6rJ3NnlrFirx9gZnFIU1Xpssm91NCItVZy/Dpg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-4.0.0.tgz", + "integrity": "sha512-b1SyWtr2cwlKgIVo+irxRgW0lpIzauADLAxQEJ8/RTO9qVFviohJUnS+5QQCkC5zex5Q52OmQ+aNl0KRjkUdvQ==", "dev": true, "requires": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/theme": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -469,48 +481,48 @@ } }, "@material/image-list": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-3.1.0.tgz", - "integrity": "sha512-t4dIMdbLpFUIC1rm/KpLkBqCiRUhag8Hp+AajYypfJADFTfhaflp1PvcIRsx32PRM3aIpAAf+fQrrU/HbLUGEQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-4.0.0.tgz", + "integrity": "sha512-7RvYp8f2elV/fhtANNdr1RhFus5XJuHG+EK01G5C3VMGeBdrvkdpAQ7lzQ1FxUQ1F10cUNaH+kw+cLx9qh8p5A==", "dev": true, "requires": { - "@material/feature-targeting": "^3.1.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0" + "@material/feature-targeting": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0" } }, "@material/layout-grid": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-3.1.0.tgz", - "integrity": "sha512-//9LggCNibXNtUkqijvDBK85fL1GSB+uIPYVx6ATToqDej1/35eedUxDSsw/ugm7zZ0OSyPLimbBuNMMnQtlqQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-4.0.0.tgz", + "integrity": "sha512-ljhdyEzmQGTGTxR7nVgnrsSImbMEmWM/q1/1XvnQcOJTPCqS/3ziXWCVADjgdDvE/WKJkg2nmm8bFg2qnPnWgw==", "dev": true }, "@material/line-ripple": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-3.1.0.tgz", - "integrity": "sha512-o6E6wrDqoOK4esCnM1MQ9t7DC/JQrzSrwYsYdqtOpGnr3G5Jx7WWVt6GEVh2eNXy8OnVYkJdQbMjyPVEVJb/Dg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-4.0.0.tgz", + "integrity": "sha512-+vrgKlb2gUBIKxlzVKLn/tX76qJ0Z19RkH2i7mh4IdH8KxeEai8NQQYWqeOOKtyp8JbH0ObGyqJCwPo2VbHDmw==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -519,31 +531,31 @@ } }, "@material/linear-progress": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-3.2.0.tgz", - "integrity": "sha512-l27vdMNa+Si0z8m57ahVndsBWFSUF8middEzl5I8542wl1MmIAIkgGwY/eoT8Q6SWiPnK2vnlTN51/G/i4ndiw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-4.0.0.tgz", + "integrity": "sha512-4QUEaK/FpXer4XQ+8lSbYyKZjprERXoEmazgQ6MgR7RQ8gyQ/T++ecHaDf5ioP6vak3JPHClKciJ911bNcsiSg==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -552,26 +564,27 @@ } }, "@material/list": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/list/-/list-3.2.0.tgz", - "integrity": "sha512-WtMbN7u4z3qbwU7w/I1DdU6ges5oqorQD5bBXJcS+/c/lMqVul/qchVbnqRUBpewSlX14t7B6HSiLSwptDZK1Q==", - "dev": true, - "requires": { - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/list/-/list-4.0.0.tgz", + "integrity": "sha512-ximtqMQzi+bnnFy1jrdzMUH7jq169XVexCykumxoLI1PbVx4imQ0G3R6LIfJiafbxbBYawfwySZfMXTJkDML7g==", + "dev": true, + "requires": { + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -580,25 +593,25 @@ } }, "@material/menu": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/menu/-/menu-3.2.0.tgz", - "integrity": "sha512-UGCSKp1WTAYN/LmPbZGA9uU9Cz6iF+zi32BhgJ7aeLOLW5L5KMvtE0VBO4LciznpK9paxnghww1kiN5W1k+CoA==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/menu/-/menu-4.0.0.tgz", + "integrity": "sha512-jI8ImB/TXWUi8V0ymdmnnnrJOrJ8oTFcBI1VZ0FcL/5/pMvSeTGjxbJs44/5ZxSbaIAPr2r5K5/r9ZRZPdbNWA==", "dev": true, "requires": { - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/list": "^3.2.0", - "@material/menu-surface": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/list": "^4.0.0", + "@material/menu-surface": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -607,34 +620,34 @@ } }, "@material/menu-surface": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-3.2.0.tgz", - "integrity": "sha512-/B8FB5CR3QVNJZIlJzepeVluxPnQ6V2EbalgIAtOF5GIn441bXRDaZ9fNsq2yV424v2nhnDjyEcRgzBoXdeLVg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-4.0.0.tgz", + "integrity": "sha512-rEsJMJKL3zr8sytH6M25c989vy2HrIndBCbHs51PYYNzMDYbdEyf//UC/ZnoT4fu/Pq5E90+YcLZDpifES3axA==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -643,33 +656,23 @@ } }, "@material/notched-outline": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-3.2.0.tgz", - "integrity": "sha512-IFuxVoQqlOy/WSSawI2Fglh/U1hS0QtVUiGsc8GUoVUd1pifn7RXidHP3vQrMDEo8M/RwA9p6uveQKjPwW41RA==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-4.0.0.tgz", + "integrity": "sha512-9WNG7dZS83nu72kmoknA3XyvZQIxx8QBjEB2Q2KGyRp4Q8zrzWxfcvTYgiOsYgvz013JnTqaqe4g0wjl6v789g==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/base": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { - "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", - "dev": true, - "requires": { - "tslib": "^1.9.3" - } - }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -678,33 +681,35 @@ } }, "@material/radio": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/radio/-/radio-3.2.0.tgz", - "integrity": "sha512-TQeaGsCyIkj1zruOe9g4Kj4p6T3vBRyWvVT15xTbHWBSkzJw2L917EEwIKxQtxqps3E7WEbzkBh0jPRZj8CMVQ==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/theme": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/radio/-/radio-4.0.0.tgz", + "integrity": "sha512-3+TkORjxHwhI1SdiBWG3uvfx87LNBFlLMqLJISQsEUegUWGChNnp1DnkZIUqAJ1lXBHZsCjJFUrxKWE4RZ5hVA==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -833,32 +838,32 @@ } }, "@material/ripple": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-3.2.0.tgz", - "integrity": "sha512-GtwkfNakALmfGLs6TpdFIVeAWjRqbyT7WfEw9aU7elUokABfHES+O0KoSKQSMQiSQ8Vjl90MONzNsN1Evi/1YQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz", + "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -867,45 +872,45 @@ } }, "@material/rtl": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-3.2.0.tgz", - "integrity": "sha512-L/w9m9Yx1ceOw/VjEfeJoqD4rW9QP3IBb9MamXAg3qUi/zsztoXD/FUw179pxkLn4huFFNlVYZ4Y1y6BpM0PMA==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-4.0.0.tgz", + "integrity": "sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg==", "dev": true }, "@material/select": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/select/-/select-3.2.0.tgz", - "integrity": "sha512-6zqNBXXNsUtzaJwKvj+GOGCqvKCiu+MNsPZM+2ClNsCWLphFV6dC7iU83C4XQ2MdT7t+H2ggCQOBj5gieC1l7g==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/line-ripple": "^3.1.0", - "@material/menu": "^3.2.0", - "@material/menu-surface": "^3.2.0", - "@material/notched-outline": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/select/-/select-4.0.0.tgz", + "integrity": "sha512-VRGC+m3T0TR+qxT5rvf32QgpMlYRmTW7MHwUIfVBlHWRyoOEEwQ4yiExiChoudwaUMAamSCPRQNK08OdD1Jccw==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/line-ripple": "^4.0.0", + "@material/menu": "^4.0.0", + "@material/menu-surface": "^4.0.0", + "@material/notched-outline": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -942,43 +947,43 @@ } }, "@material/shape": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/shape/-/shape-3.1.0.tgz", - "integrity": "sha512-Oyvs7YjHfByA0e9IVVp7ojAlPwgSu3Bl0cioiE0OdkidkAaNu0izM2ryRzMBDH5o8+lRD0kpZoT+9CVVCdaYIg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/shape/-/shape-4.0.0.tgz", + "integrity": "sha512-wmr05YBrEL462QPiJ+t9xh5RqxzylXYo/8DVZnb/1WA9GZ6m38UK/8Awtip1cZAN34pzD/9p5AydyywlQVoI+g==", "dev": true, "requires": { - "@material/feature-targeting": "^3.1.0" + "@material/feature-targeting": "^4.0.0" } }, "@material/slider": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/slider/-/slider-3.2.0.tgz", - "integrity": "sha512-8c1u9jfulYqTNtNgaiZnAHyLDyJovQ7oHms+tzLaRV9rENT2pu3Z9H/2KIlpYkYx/5DI0Uv8ogC3s2+zzMc1Dg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/slider/-/slider-4.0.0.tgz", + "integrity": "sha512-00lrfgvVJWSgI1ovnixzsY6YDJPDSfxO3DRpY15d1mW5UThh6Knb9MQFTWShj5NaMEOTepOpH1m9P79+TyBlTA==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -987,38 +992,38 @@ } }, "@material/snackbar": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-3.2.0.tgz", - "integrity": "sha512-WVA+dJYbzDMlPpXCdkGEQqi1+tHqV8a9tKBYlr4Vy+3UUaEl6gIomRiWNnagoodhOwGQhyugCeLKHtmVn72IZA==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/button": "^3.2.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/icon-button": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-4.0.0.tgz", + "integrity": "sha512-QiMgRCvoOkacbYCb0UgeU13g9FqoSMbRU10eY+X50iwV6UHzUiGKwEMvgsG8kni2F/VdQzlnP6aYMkhIaAhdmA==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/button": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/icon-button": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1027,35 +1032,35 @@ } }, "@material/switch": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/switch/-/switch-3.2.0.tgz", - "integrity": "sha512-gECImbvf3HGpmc/Sj2Meq+z7/ri5jmD5rKOeUUeC6nZ77/HiGCRhmSD66rlS0SH5qUUj0mWSbE8ZVOJmVWySEQ==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/switch/-/switch-4.0.0.tgz", + "integrity": "sha512-90fvz0bYgeGQNBD14rdTOI/dvAPANwDQLIodOpE/r2bOZjge1K0rHSAm+TVwNCnrrM9HGmG8Ew0sIeEIj3jMMw==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1064,25 +1069,25 @@ } }, "@material/tab": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/tab/-/tab-3.2.0.tgz", - "integrity": "sha512-O1/ZrBQ/g+fI8jrrpfBDq55BhEPISrFvZeiIVQshQuyZh5bLYYhjMXbOsjC1UYu11rWqAiP+8jDgIyxQT9DHwQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/tab/-/tab-4.0.0.tgz", + "integrity": "sha512-+IAI/BrlgTVSe39ad8e7Nfb7oE9FeJzb01RUPbJbYSi2h2bbQeaKF8fbQniBPVVmuIydx4Zc3CaY316hOcYW3g==", "dev": true, "requires": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/tab-indicator": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/tab-indicator": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1091,23 +1096,34 @@ } }, "@material/tab-bar": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-3.2.0.tgz", - "integrity": "sha512-PMSGLhuDm0iE4BQb9DovgKJD9EoKowQhKwXQBt/+5rlSaRshV8X0Gd1YlKgFVX7EAGK2Dfz5u60TFq00gMemXg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-4.0.0.tgz", + "integrity": "sha512-lZAMPJjshirP1eXsX+HKFyfqDfvreEY2864gBsVRWIhWcoA6aozhWXjVt5HE7MeyEShpEQgahWKbAeeRAwgyVw==", "dev": true, "requires": { - "@material/base": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/tab": "^3.2.0", - "@material/tab-scroller": "^3.2.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/tab": "^4.0.0", + "@material/tab-scroller": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { + "@material/animation": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", + "dev": true, + "requires": { + "tslib": "^1.9.3" + } + }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1116,31 +1132,31 @@ } }, "@material/tab-indicator": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-3.1.0.tgz", - "integrity": "sha512-U4H1bg792ZP4BzjiG3i3htHKmRGlGUZ8c9iroRN6W5B4hYQ5/4DbFA2h2OaAZ1fhyjHiyFosK5ctvgu7qSfZ/g==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-4.0.0.tgz", + "integrity": "sha512-povMuMcW931yCzZMTzquSsATlks7BzTeBWPk+GxOk+x/0bb/B1URmejELWbzBpl74wAPdO2UdRtPANp+A30cQg==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1149,32 +1165,32 @@ } }, "@material/tab-scroller": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-3.2.0.tgz", - "integrity": "sha512-tf7QkLd5Javik4jjHcz1P64btgljvC7IjlYZ8tfoYGbs75Z0MGa57heCypzve8QZFjBcmfiKkw61dFoUbtkU6g==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-4.0.0.tgz", + "integrity": "sha512-S2DnAW64U5TZ8GMlwmLi3XjCrnIxgz6kB02TAlzOfPlRlUfE/n1c5F1UbMjyED9kc39ZpxL6ppeKLDjdUuItpA==", "dev": true, "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/tab": "^3.2.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/tab": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1183,38 +1199,39 @@ } }, "@material/textfield": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-3.2.0.tgz", - "integrity": "sha512-xPWDkTzurMOxvH0+DsenzboF7dFoUeLcbqX/9vyhWe3aPlO6ZWFNn3lAmYN24ElqR5FEr5zXNYfeIQ4JLT5mYw==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/line-ripple": "^3.1.0", - "@material/notched-outline": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-4.0.0.tgz", + "integrity": "sha512-1Xg+nriTqFB8+5k8sGkR8LBeD3dRgNuhvwyU8XrUeAs5l/HMfn4CWgbEyZTaJ2EEtFPxnKGedAYqCEwXngwGWg==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/line-ripple": "^4.0.0", + "@material/notched-outline": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1223,45 +1240,45 @@ } }, "@material/theme": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/theme/-/theme-3.1.0.tgz", - "integrity": "sha512-N4JX+akOwg1faAvFvIEhDcwW4cZfUpwEn8lct6Vs3WczjLF6/KdIoLVaYh+eVl1bzfsoIuWvx56j0B1PjXZw9g==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz", + "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==", "dev": true, "requires": { - "@material/feature-targeting": "^3.1.0" + "@material/feature-targeting": "^4.0.0" } }, "@material/top-app-bar": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-3.2.0.tgz", - "integrity": "sha512-p3PuCIbg0uDveS30D1R8/fcwqeTMXe4oRFnB6Z5Wlej0NySi6038i+TPsHtgYLCR3QpVThnkVch37zyXcNpQoQ==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/icon-button": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-4.0.0.tgz", + "integrity": "sha512-5IK7fA8c9dyfRngYLMp5gkoyE4iqdTSpMI1brn1pkPbxqym5ibXIHt808pIdOMv7liW+Bf5pVkuvnyjF8Xi+Ww==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/icon-button": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" @@ -1269,13 +1286,22 @@ } } }, + "@material/touch-target": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-4.0.0.tgz", + "integrity": "sha512-TM8xK1WwTZtP4vYQ7E7aZLdGKyP1GuG5Ilb0qlytX/gmC8Di/kRn6muDSZyeCCUcMXYth5Et0ceWtpNrcAQHMQ==", + "dev": true, + "requires": { + "@material/feature-targeting": "^4.0.0" + } + }, "@material/typography": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/typography/-/typography-3.1.0.tgz", - "integrity": "sha512-aSNBQvVxIH1kORSYdLGuSTivx6oJ1MSOSTUAsUwhXPQLQlvbdFeZaqUp7xgn+EvRsHGRFhWk5YGuiBds9+7zQg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/typography/-/typography-4.0.0.tgz", + "integrity": "sha512-lUG4yjG9fl1ryNX4OVnOmi+EjhiV4WsWcYt4yzffHrFg1RfKuCAV59j7TtmlMfZIkNDwqK5jvk3oOpTRDFpL8Q==", "dev": true, "requires": { - "@material/feature-targeting": "^3.1.0" + "@material/feature-targeting": "^4.0.0" } }, "abab": { @@ -5878,9 +5904,9 @@ } }, "focus-trap": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-5.0.2.tgz", - "integrity": "sha512-jQf4ZkX9qOhiNrga4pRh9N2vMqYLRuGM7RZ6VRDLgti04cbG8m7XD4xlU/N0M0cqwDYtXbdzSBQDbRIwqn0FIg==", + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-5.1.0.tgz", + "integrity": "sha512-CkB/nrO55069QAUjWFBpX6oc+9V90Qhgpe6fBWApzruMq5gnlh90Oo7iSSDK7pKiV5ugG6OY2AXM5mxcmL3lwQ==", "dev": true, "requires": { "tabbable": "^4.0.0", @@ -6031,7 +6057,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -6052,12 +6079,14 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -6072,17 +6101,20 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -6199,7 +6231,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -6211,6 +6244,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -6225,6 +6259,7 @@ "version": "3.0.4", "bundled": true, "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -6232,12 +6267,14 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.2.4", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -6256,6 +6293,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -6336,7 +6374,8 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "object-assign": { "version": "4.1.1", @@ -6348,6 +6387,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -6433,7 +6473,8 @@ "safe-buffer": { "version": "5.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -6469,6 +6510,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -6488,6 +6530,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -6531,12 +6574,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, @@ -9300,68 +9345,70 @@ } }, "material-components-web": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/material-components-web/-/material-components-web-3.2.0.tgz", - "integrity": "sha512-HYluyPpKhFjibixPczRMGkvic/qib78wHPmXVCQ/N5PPOSZ15on33WgM1+307bqDMnaqU5IEyjznnGjUP78zRw==", - "dev": true, - "requires": { - "@material/animation": "^3.1.0", - "@material/auto-init": "^3.1.0", - "@material/base": "^3.1.0", - "@material/button": "^3.2.0", - "@material/card": "^3.2.0", - "@material/checkbox": "^3.2.0", - "@material/chips": "^3.2.0", - "@material/data-table": "^3.2.0", - "@material/dialog": "^3.2.0", - "@material/dom": "^3.1.0", - "@material/drawer": "^3.2.0", - "@material/elevation": "^3.1.0", - "@material/fab": "^3.2.0", - "@material/feature-targeting": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/form-field": "^3.2.0", - "@material/grid-list": "^3.2.0", - "@material/icon-button": "^3.2.0", - "@material/image-list": "^3.1.0", - "@material/layout-grid": "^3.1.0", - "@material/line-ripple": "^3.1.0", - "@material/linear-progress": "^3.2.0", - "@material/list": "^3.2.0", - "@material/menu": "^3.2.0", - "@material/menu-surface": "^3.2.0", - "@material/notched-outline": "^3.2.0", - "@material/radio": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/select": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/slider": "^3.2.0", - "@material/snackbar": "^3.2.0", - "@material/switch": "^3.2.0", - "@material/tab": "^3.2.0", - "@material/tab-bar": "^3.2.0", - "@material/tab-indicator": "^3.1.0", - "@material/tab-scroller": "^3.2.0", - "@material/textfield": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/top-app-bar": "^3.2.0", - "@material/typography": "^3.1.0" + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/material-components-web/-/material-components-web-4.0.0.tgz", + "integrity": "sha512-wKptUuAVB5SN7GFbYAra3vaCZRkEVFXOd1Nfp3tT8KxYAGRWUjwu+kcp2rqSxJXsLtGGZbK8jcZZJR64PcUrdA==", + "dev": true, + "requires": { + "@material/animation": "^4.0.0", + "@material/auto-init": "^4.0.0", + "@material/base": "^4.0.0", + "@material/button": "^4.0.0", + "@material/card": "^4.0.0", + "@material/checkbox": "^4.0.0", + "@material/chips": "^4.0.0", + "@material/data-table": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dialog": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/drawer": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/fab": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/form-field": "^4.0.0", + "@material/grid-list": "^4.0.0", + "@material/icon-button": "^4.0.0", + "@material/image-list": "^4.0.0", + "@material/layout-grid": "^4.0.0", + "@material/line-ripple": "^4.0.0", + "@material/linear-progress": "^4.0.0", + "@material/list": "^4.0.0", + "@material/menu": "^4.0.0", + "@material/menu-surface": "^4.0.0", + "@material/notched-outline": "^4.0.0", + "@material/radio": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/select": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/slider": "^4.0.0", + "@material/snackbar": "^4.0.0", + "@material/switch": "^4.0.0", + "@material/tab": "^4.0.0", + "@material/tab-bar": "^4.0.0", + "@material/tab-indicator": "^4.0.0", + "@material/tab-scroller": "^4.0.0", + "@material/textfield": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/top-app-bar": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0" }, "dependencies": { "@material/animation": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/animation/-/animation-3.1.0.tgz", - "integrity": "sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz", + "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==", "dev": true, "requires": { "tslib": "^1.9.3" } }, "@material/base": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-3.1.0.tgz", - "integrity": "sha512-pWEBHyPrMV3rdnjqWWH96h5t3MxQI6V1J9jOor+UBG7bXQtr6InTabTqhz5CLY7r+qZU8YvNh2OKIy8heP0cyQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", + "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", "dev": true, "requires": { "tslib": "^1.9.3" diff --git a/package.json b/package.json index e380a44d..86d36432 100644 --- a/package.json +++ b/package.json @@ -41,7 +41,7 @@ "html-webpack-exclude-assets-plugin": "0.0.7", "html-webpack-plugin": "2.29.0", "jest": "20.0.4", - "material-components-web": "^3.2.0", + "material-components-web": "^4.0.0", "object-assign": "4.1.1", "postcss-flexbugs-fixes": "3.2.0", "postcss-loader": "2.0.8", diff --git a/src/ButtonCatalog.js b/src/ButtonCatalog.js index 9d13c341..bfa26bb9 100644 --- a/src/ButtonCatalog.js +++ b/src/ButtonCatalog.js @@ -42,15 +42,19 @@ export class ButtonHeroLegacy extends Component { return (
@@ -82,6 +86,7 @@ class ButtonHero extends Component { return ( ); @@ -104,12 +109,15 @@ class ButtonDemos extends Component {

{title}

diff --git a/src/CardCatalog.js b/src/CardCatalog.js index d0da3104..c621c42b 100644 --- a/src/CardCatalog.js +++ b/src/CardCatalog.js @@ -140,6 +140,7 @@ class CardActionButton extends Component { ); diff --git a/src/CheckboxCatalog.js b/src/CheckboxCatalog.js index de486fe5..00530754 100644 --- a/src/CheckboxCatalog.js +++ b/src/CheckboxCatalog.js @@ -32,7 +32,7 @@ export class CheckboxHero extends Component { render() { return (
-
+
@@ -46,6 +46,7 @@ export class CheckboxHero extends Component {
+
@@ -61,6 +62,7 @@ export class CheckboxHero extends Component {
+
); @@ -79,10 +81,15 @@ class CheckboxDemos extends Component { } renderCheckboxVariant(title, inputRefCallback) { + let classes = ''; + if (title !== 'Unchecked') { + classes = 'mdc-checkbox--selected'; + } + return (

{title}

-
+
@@ -96,6 +103,7 @@ class CheckboxDemos extends Component {
+
); diff --git a/src/ChipsCatalog.js b/src/ChipsCatalog.js index 96b559f3..2ca6c6df 100644 --- a/src/ChipsCatalog.js +++ b/src/ChipsCatalog.js @@ -30,8 +30,12 @@ export class ChipsHero extends Component { renderChip(text) { return ( -
+
+
{text}
+ + Chip Two +
); } @@ -43,7 +47,7 @@ export class ChipsHero extends Component { } } return ( -
+
{this.renderChip('Chip One')} {this.renderChip('Chip Two')} {this.renderChip('Chip Three')} @@ -65,7 +69,7 @@ class ChipsDemos extends Component { renderIcon(name, classes) { return ( - + {name} ); @@ -84,9 +88,9 @@ class ChipsDemos extends Component { // For choice and action chips renderChip(text, classes, leadingIcon) { return ( -
+
{leadingIcon ? leadingIcon : ''} -
{text}
+ {text}
); } @@ -94,10 +98,10 @@ class ChipsDemos extends Component { // For filter chips renderFilterChip(text, classes, leadingIcon) { return ( -
+
{leadingIcon} {this.renderFilterCheckmark()} -
{text}
+ {text}
); } diff --git a/src/ComponentSidebar.js b/src/ComponentSidebar.js index 66057beb..245e5260 100644 --- a/src/ComponentSidebar.js +++ b/src/ComponentSidebar.js @@ -187,9 +187,6 @@ class ComponentSidebar extends Component { }, { content: 'Text Field', url: '/text-field', - }, { - content: 'Theme', - url: '/theme', }, { content: 'Top App Bar', url: '/top-app-bar', diff --git a/src/DataTableCatalog.js b/src/DataTableCatalog.js index 8e259da0..3c5c3e2b 100644 --- a/src/DataTableCatalog.js +++ b/src/DataTableCatalog.js @@ -41,6 +41,7 @@ const Checkbox = (props) => {
+
); }; diff --git a/src/FabCatalog.js b/src/FabCatalog.js index 02c685cd..f73d066f 100644 --- a/src/FabCatalog.js +++ b/src/FabCatalog.js @@ -32,6 +32,7 @@ class Fab extends Component { if(fabEl) { this.ripple = new MDCRipple(fabEl); } }} > +
{children} ); diff --git a/src/ListCatalog.js b/src/ListCatalog.js index 7bde2021..29f2be17 100644 --- a/src/ListCatalog.js +++ b/src/ListCatalog.js @@ -94,6 +94,7 @@ class ListItem extends Component {
+
) } @@ -114,6 +115,7 @@ class ListItem extends Component {
+
) } diff --git a/src/RadioButtonCatalog.js b/src/RadioButtonCatalog.js index 4c95751a..2c9bb70b 100644 --- a/src/RadioButtonCatalog.js +++ b/src/RadioButtonCatalog.js @@ -68,6 +68,7 @@ export class Radio extends Component {
+
) } diff --git a/src/Routes.js b/src/Routes.js index ec6b4acb..37f7383f 100644 --- a/src/Routes.js +++ b/src/Routes.js @@ -24,7 +24,6 @@ import SnackbarCatalog from './SnackbarCatalog'; import SwitchCatalog from './SwitchCatalog'; import TabsCatalog from './TabsCatalog'; import TextFieldCatalog from './TextFieldCatalog'; -import ThemeCatalog from './ThemeCatalog'; import TopAppBarCatalog from './TopAppBarCatalog'; import TypographyCatalog from './TypographyCatalog'; @@ -97,9 +96,6 @@ const routesList = [{ }, { urlPath: 'text-field', Component: TextFieldCatalog, -}, { - urlPath: 'theme', - Component: ThemeCatalog, }, { urlPath: 'top-app-bar', Component: TopAppBarCatalog, diff --git a/src/SelectCatalog.js b/src/SelectCatalog.js index 35f79cce..b4819a30 100644 --- a/src/SelectCatalog.js +++ b/src/SelectCatalog.js @@ -1,6 +1,6 @@ -import React, {Component} from 'react'; +import React, { Component } from 'react'; import ComponentCatalogPanel from './ComponentCatalogPanel.js'; -import {MDCSelect} from '@material/select/index'; +import { MDCSelect } from '@material/select/index'; import './styles/SelectCatalog.scss'; @@ -26,40 +26,30 @@ export class SelectHero extends Component { } componentWillUnmount() { + if (!this.select) return; + this.select.destroy(); } render() { - const heroId = 'select-hero'; - return ( -
-
- - -
-
- ); + const options = [{ + value: '', + label: '', + disabled: true + }, { + value: 'apple', + label: 'Apple' + }, { + value: 'orange', + label: 'Orange' + }, { + value: 'banana', + label: 'Banana' + }]; + return ( + + if (outlined) { + return (
+
+ +
+
+
+
+ +
+
+
+
+
+
    { options.map((opt, index) => ( - + )) } - - +
- - ); - } - - renderEnhancedSelectVariant({ - title, - variantClass, - options, - indicatorText = 'Fruit', - widthClass, - }) { - const selectId = title.split(' ').join('_').toLowerCase(); - return ( -
- -
-
+
); + } else { + return ( +
+
+ +
+ {indicatorText} +
+
+
    { options.map((opt, index) => ( @@ -148,27 +146,25 @@ export class Select extends Component { }
-
- ); + ); + } } render() { const { - native, title, variantClass = '', defaultValue, options, onChange, + outlined, indicatorText, hasHeader = true, widthClass = '', } = this.props; - const select = native ? - this.renderNativeSelectVariant({title, defaultValue, variantClass, onChange, options, indicatorText}) : - this.renderEnhancedSelectVariant({title, defaultValue, variantClass, onChange, options, indicatorText, widthClass}); + const select = this.renderVariant({ title, defaultValue, variantClass, onChange, outlined, options, indicatorText, widthClass }); return (
@@ -176,7 +172,6 @@ export class Select extends Component { {select}
) - } } @@ -193,61 +188,27 @@ class SelectDemos extends Component { value: 'orange', label: 'Orange' }, { - value: 'Banana', - label: 'banana' + value: 'banana', + label: 'Banana' }]; return (
- + -
- + -
); } } -const Indicator = ({variantClass, isEnhanced, text, selectId}) => { - if (isOutlinedVariant(variantClass)) { - return (); - } - return ( - - - ); -}; - -const LineRipple = () => (
); - -const Outline = ({text, selectId, isEnhanced}) => ( -
-
-
-
-
-
-); - -const Label = ({text, selectId, isEnhanced}) => isEnhanced ? ( - {text} -) : ( - -); - export default SelectCatalog; diff --git a/src/SnackbarCatalog.js b/src/SnackbarCatalog.js index ac26b61f..e2446ca8 100644 --- a/src/SnackbarCatalog.js +++ b/src/SnackbarCatalog.js @@ -28,7 +28,7 @@ export const SnackbarHero = () => { role='status' aria-live='polite'>Can't send photo. Retry in 5 seconds.
- +
@@ -85,14 +85,17 @@ class SnackbarDemo extends Component { return (
{this.props.labelText}
- +
diff --git a/src/ThemeCatalog.js b/src/ThemeCatalog.js deleted file mode 100644 index d1297541..00000000 --- a/src/ThemeCatalog.js +++ /dev/null @@ -1,849 +0,0 @@ -import React, {Component} from 'react'; -import ComponentCatalogPanel from './ComponentCatalogPanel.js'; -import {MDCCheckbox} from '@material/checkbox/index'; -import {MDCIconButtonToggle} from '@material/icon-button/index'; -import {MDCLinearProgress} from '@material/linear-progress/index'; -import {MDCRipple} from '@material/ripple/index'; -import {MDCSelect} from '@material/select/index'; -import {MDCSlider} from '@material/slider/index'; -import {MDCSwitch} from '@material/switch/index'; -import {MDCTextField} from '@material/textfield/index'; -import {imagePath} from './constants'; - -import './styles/ThemeCatalog.scss'; - -const ThemeCatalog = () => { - return ( - } - title='Theme' - description='Color in Material Design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights.' - designLink='https://material.io/go/design-color-theming' - docsLink='https://material.io/components/web/catalog/theme/' - sourceLink='https://github.com/material-components/material-components-web/tree/master/packages/mdc-theme' - demos={} - /> - ); -} - -class ThemeHero extends Component { - componentInstances = []; - isComponentMounted = false; - themeStylesheetFilename = null; - initRipple = ele => ele && this.componentInstances.push(new MDCRipple(ele)); - - componentWillMount() { - this.isComponentMounted = true; - if(!this.themeStylesheetFilename) { - // Retrieve the location of the compiled theme.css file - fetch('asset-manifest.json') - .then(result => result.json()) - .then(data => this.themeStylesheetFilename = data['theme.css']) - .then(() => this.appendThemeStyle()); - } else { - this.appendThemeStyle(); - } - } - - /** - * Adds the theme stylesheet to the document head to override the - * catalog theme. - */ - appendThemeStyle() { - if(this.themeStylesheetFilename - && document.getElementById('themeStylesheet') === null - && this.isComponentMounted) { - const styles = document.createElement('link'); - styles.setAttribute('rel', 'stylesheet'); - styles.setAttribute('type', 'text/css'); - styles.setAttribute('id', 'themeStylesheet'); - styles.setAttribute('href', this.themeStylesheetFilename); - document.head.appendChild(styles); - } - } - - componentWillUnmount() { - this.componentInstances.forEach(ripple => ripple.destroy()); - - // Remove the theme stylesheet if present - const themeStylesheetElement = document.getElementById('themeStyleSheet'); - if (themeStylesheetElement) { - document.head.removeChild(themeStylesheetElement); - } - - this.isComponentMounted = false; - } - - render() { - return ( -
- - - -
- ); - } -} - -class ThemeDemos extends Component { - componentInstances = []; - - // Component specific initialization functions - initCheckbox = ele => ele && this.componentInstances.push( - new MDCCheckbox(ele)); - initIconToggle = ele => ele && this.componentInstances.push( - new MDCIconButtonToggle(ele)); - initLinearProgress = ele => { - if (!ele) return; - const indicator = new MDCLinearProgress(ele); - indicator.progress = 0.5; - indicator.buffer = 0.75; - this.componentInstances.push(indicator); - }; - initRipple = buttonEl => buttonEl && this.componentInstances.push( - new MDCRipple(buttonEl)); - initSelect = ele => ele && this.componentInstances.push(new MDCSelect(ele)); - initSlider = ele => ele && this.componentInstances.push(new MDCSlider(ele)); - initSwitch = ele => ele && this.componentInstances.push(new MDCSwitch(ele)); - initTextField = ele => ele && this.componentInstances.push( - new MDCTextField(ele)); - - componentWillUnmount() { - this.componentInstances.forEach(component => component.destroy()); - } - - render() { - return ( -
-
-

- Baseline Colors -

- - {this.demoThemeColors()} - -

- Baseline Component Stickersheet -

- - {this.demoButton()} - {this.demoCard()} - {this.demoCheckbox()} - {this.demoDialog()} - {this.demoDrawer()} - {this.demoFab()} - {this.demoIconToggle()} - {this.demoLinearProgress()} - {this.demoRadioButton()} - {this.demoSelect()} - {this.demoSlider()} - {this.demoSwitch()} - {this.demoTextFields()} -
- -
- ); - } - - demoButton() { - return ( - -
- Enabled - -
- - - -
-
- -
- Disabled - -
- - - -
-
- - ) - } - - demoCard() { - return ( - -
-
-
-
-
- - -
-
- - - -
-
-
-
- - ); - } - - demoCheckbox() { - return ( - -
-
-
- -
- - - -
-
-
- -
- -
-
- -
- - - -
-
-
- -
- -
-
- -
- - - -
-
-
- -
- -
- - ) - } - - demoDialog() { - return ( - - - - - ) - } - - demoDrawer() { - return ( - -

Tap the menu icon (menu) in the - toolbar at the top of the page to open the drawer.

- - ) - } - - demoFab() { - return ( - - -
-
-
-
-
Default
-
Secondary - theme color -
-
- -
-
-
-
Mini
-
- mdc-fab--mini
-
- -
-
-
- - ) - } - - demoIconToggle() { - return ( - - -
-
-

Enabled

- - -
- -
-

Disabled

- - -
-
- - ) - } - - demoLinearProgress() { - return ( - - -
-
Indeterminate -
-
-
-
-
- -
-
- -
-
-
- -
-
Buffer -
-
-
-
-
- -
-
- -
-
-
- - ) - } - - demoRadioButton() { - return ( - - -
-
-
- -
-
-
-
-
- -
-
-
- -
-
-
-
-
- -
-
- -
-
-
- -
-
-
-
-
- -
-
-
- -
-
-
-
-
- -
-
- - - ) - } - - demoSelect() { - return ( - -
- - - -
-
- - ) - } - - demoSlider() { - return ( - -
-
-
-
-
-
-
- 30 -
- - - -
-
-
- - ) - } - - demoSwitch() { - return ( - - -
-
-
-
-
- -
-
-
- -
-
-
-
-
-
- -
-
-
- -
- - ); - } - - demoTextFields() { - return ( - -
-
- - -
-
- -
-
-
- - -
-
-

- A valid email address is required -

-
-
-
- -
-
-
- -
-
-
-
- -
- - ); - } - - demoThemeColors() { - return ( - -
-
- - -
-
-
Primary -
-
-
-
Secondary -
-
-
- - - - -
-
-
Primary -
-
-
-
Secondary -
-
-
-
Background -
-
-
- -
-
-
-
- - - -
- -
- -
-
- Text - favorite -
-
- - - -
-
- Text - favorite -
-
- -
- -
- - - - - - - -
-
- - ) - } - -} - -class ThemeDemoSection extends Component { - render() - { - return ( -
-

- {this.props.title} -

- - {this.props.children} -
- ) - } -}; - -class ThemeTextColors extends Component { - render() { - return ( -
-
- Primary - Secondary - Hint - Disabled - favorite -
-
- ) - } -} - -class ColorDemoWrapper extends Component { - render() { - return ( -
- - {this.props.title} - - {this.props.children} -
- ) - - } -} - -export default ThemeCatalog; diff --git a/src/hero/options/SelectOption.js b/src/hero/options/SelectOption.js index 4caf9701..f2dcc7f3 100644 --- a/src/hero/options/SelectOption.js +++ b/src/hero/options/SelectOption.js @@ -26,7 +26,7 @@ export default class SelectOption extends Component { : null}