From ffd3a522e569d1520cf20f2d041a218ef3ef881e Mon Sep 17 00:00:00 2001 From: Elliott Marquez Date: Wed, 4 Dec 2019 16:12:02 +1100 Subject: [PATCH 1/4] add checkbox styles --- packages/checkbox/src/mwc-checkbox.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/packages/checkbox/src/mwc-checkbox.scss b/packages/checkbox/src/mwc-checkbox.scss index 6eeca642c..bdbc8d77f 100644 --- a/packages/checkbox/src/mwc-checkbox.scss +++ b/packages/checkbox/src/mwc-checkbox.scss @@ -21,4 +21,19 @@ limitations under the License. :host { outline: none; + display: inline-block; } + +.mdc-checkbox { + .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { + background-color: var(--mdc-checkbox-unchecked-color, #{$mdc-checkbox-border-color}); + } +} + +@include mdc-checkbox-disabled-container-colors( + $unmarked-stroke-color: var(--mdc-checkbox-disabled-color, #{$mdc-checkbox-disabled-color}), + $marked-fill-color: var(--mdc-checkbox-disabled-color, #{$mdc-checkbox-disabled-color}), +); +@include mdc-checkbox-container-colors($unmarked-stroke-color: var(--mdc-checkbox-unchecked-color, #{$mdc-checkbox-border-color})); +@include mdc-checkbox-ink-color(var(--mdc-checkbox-mark-color, #{$mdc-checkbox-mark-color})); +@include mdc-checkbox-disabled-ink-color(var(--mdc-checkbox-mark-color, #{$mdc-checkbox-mark-color})); From 47a582ce0aaed7b2d9730c94016fdd58e3984f32 Mon Sep 17 00:00:00 2001 From: Elliott Marquez Date: Wed, 4 Dec 2019 16:33:27 +1100 Subject: [PATCH 2/4] update readme --- packages/checkbox/README.md | 45 ++++++++++++++---- packages/checkbox/images/color_0,0,0,38.png | Bin 0 -> 82 bytes packages/checkbox/images/color_0,0,0,54.png | Bin 0 -> 82 bytes packages/checkbox/images/color_000.png | Bin 0 -> 82 bytes packages/checkbox/images/color_fff.png | Bin 0 -> 82 bytes .../checkbox/images/standard_disabled.png | Bin 0 -> 3049 bytes .../images/standard_disabled_styled.png | Bin 8763 -> 0 bytes .../images/styled_standard_disabled.png | Bin 0 -> 2994 bytes 8 files changed, 35 insertions(+), 10 deletions(-) create mode 100644 packages/checkbox/images/color_0,0,0,38.png create mode 100644 packages/checkbox/images/color_0,0,0,54.png create mode 100644 packages/checkbox/images/color_000.png create mode 100644 packages/checkbox/images/color_fff.png create mode 100644 packages/checkbox/images/standard_disabled.png delete mode 100644 packages/checkbox/images/standard_disabled_styled.png create mode 100644 packages/checkbox/images/styled_standard_disabled.png diff --git a/packages/checkbox/README.md b/packages/checkbox/README.md index a3c5d06c4..9ea645434 100644 --- a/packages/checkbox/README.md +++ b/packages/checkbox/README.md @@ -40,9 +40,9 @@ npm install @material/mwc-checkbox ``` -### Standard, disabled, and custom styles +### Standard, disabled - + ```html
@@ -56,16 +56,36 @@ npm install @material/mwc-checkbox
+``` + +### Styled standard, disabled + + + +```html +
- - - - + + + +
+ +
+ + +
``` @@ -133,6 +153,11 @@ Name | Type | Default | Description | Name | Default | Description | | ----------------------- | --------- | ----------------------------------- | | `--mdc-theme-secondary` | ![](images/color_018786.png) `#018786` | Background color when the checkbox is `checked` or `indeterminate`, and the base color of the ripple effect and focus halo. +| `--mdc-theme-on-surface` | ![](images/color_000.png) `#000` | Color of the unchecked focus ripple. +| `--mdc-checkbox-mark-color` | ![](images/color_fff.png) `#fff` | Color of mark inside a `checked` or `indeterminate` checkbox (enabled or disabled). +| `--mdc-checkbox-unchecked-color` | ![](images/color_0,0,0,54.png) `rgba(0, 0, 0, 0.54)` | Color of the unchecked box. +| `--mdc-checkbox-disabled-color` | ![](images/color_0,0,0,38.png) `rgba(0, 0, 0, 0.38)` | Color of the checkbox box and fill when disabled. + ## Additional references diff --git a/packages/checkbox/images/color_0,0,0,38.png b/packages/checkbox/images/color_0,0,0,38.png new file mode 100644 index 0000000000000000000000000000000000000000..96a8734c53303b67435365b6940cd93de522c6b4 GIT binary patch literal 82 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kNlzEY5RKsEIp+EI>e+-C9{mT6JoH|Q?iVF63`4(#Ng@b=d#Wzp$PzzKoaBt literal 0 HcmV?d00001 diff --git a/packages/checkbox/images/color_0,0,0,54.png b/packages/checkbox/images/color_0,0,0,54.png new file mode 100644 index 0000000000000000000000000000000000000000..7872de77599a00eb7d53ce2b1669e1a1698b771a GIT binary patch literal 82 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kNlzEY5RKqu9bMhO=N*_5WUe~6 eWb~d0U}BK`EK}Mi_2)lO5re0zpUXO@geCy8n-tXm literal 0 HcmV?d00001 diff --git a/packages/checkbox/images/color_000.png b/packages/checkbox/images/color_000.png new file mode 100644 index 0000000000000000000000000000000000000000..7b190bd82f627d54b56c81a10d486619fc184c92 GIT binary patch literal 82 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kNlzEY5RKsEl!SyI=N*_5WUe~6 eWb~d0U}8Av$HS<9!s`}L5re0zpUXO@geCyFc@$*; literal 0 HcmV?d00001 diff --git a/packages/checkbox/images/color_fff.png b/packages/checkbox/images/color_fff.png new file mode 100644 index 0000000000000000000000000000000000000000..66473cd4ea41db0e56877a7f4d6b932e856d41e4 GIT binary patch literal 82 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kNlzEY5RKsEKmY&#uV)itc)Ws5 e$tl~VO^87k6YD%cOn4vv99;5vs>R&LSol|rXLpRRrJT@lOCS?NEd_w2fzHr?r9 zsUK2Y_$=|f`u!0p2RT0*^=E1=V=s>P7QA$h6dKIA<QxgeW1G2Wdw|AOvW<i3-82(aHh*G{=ZNO3(KmB`g!>?j$<|jc3qOz7;QTajx8xV6rNbKkPAi8ng zeDDEbyo^72uB ze&{oI{l)k7@*H2kjy4W0m9x>O(!^Y8s?V8%2dt;)PJ-<+nvDsB$bLuX(>`Wnz7cas z9UvEr#hN#-?KsWAKqwTdF^m6YGr|}(8yh~u+1dvGK7=HWJ7Zxxl}oFmImCRn2N52D zL?Y`C_i2usV7af%q8OLtNq5fB(=#l>aJ=>2bHmvMpVK2Jc9^BAxdoa{9|^eidX8&( zmaUgOno1!@Gkw>G0S_bGBBD85FHIxq44t#uy24Z1`ii~C;Ef>opNQ7i4boz;Ykd>l zE*z*B81SbfUfsOnAp}DJ%8f;p<4uz_xQ#&;mT%UpEz#e$xir1^Ubo3*1a(UT+c#yb zWlU*;Dbn>1l$(dT5{VQY2^+Lb*@fE>L<+1ix^mpZS1wT<5Ob}x!V@XEUaccb`t>R8 z7x1|4h4LwvCz!E91RR>DNo3lVx=Kq>bH~|>7fQf)4S-x;hX*{uMaA?_9&Z&#Qc#fp z8f+f!SN4>{&o*IZ@3Y6y%ixFa?0{*bX1cTL4B_%wVL93!x2{OUdDfirdI4G5~K(>p6^gH~_V zNrh!jTgOrqj{TZ)1rNJ3?#8t1=1+VoT`}fy5wuNg5{3oGZ!zlz(mlg>24=TI zw@sOm?0@hN@s8-gGRVWQ{nAvoTeF6=GdJ6hK(h=)N|ihPo@ak-o~nIBAh_@KeOhw3FIF3qEH?X}oJ3COWdeto&*tXCwUA3#P&^hLU&)d_Jc3V?GymKm9#H+;Lwlsh{u}OZuMsv;! zar*_6eDaxhQ{;K^sl3X}F1r3yz&AhI1lp_p=_dBuyQQJ89vO!;$FUgdSjrPiw0f|4 zm%=T@qc!*qY^s1=4s+HA4G-7YK9{8C%8|u(?sj?|^FO~JGYuF*5O4AX99uU}ap@UP@0mw*HN00rq2-7CbxYl%Rrx(c$-S=jL^%OqK z>7UqXSsfxg7f{l}7ieXAujh*5H7VzO_qw_(^rngHQFKa5f+|VM>%^T6ylPENhVF9) z!kN2fly-DhjoG#_JUl$HB+Y5X1cd!oV#i(6wnJ;XB5(G*xRtoM+CTk)V1n}JARF5V z=hu@T0^;=D`j5kk2UZOQ|zJb~p`)4*9bb4W3tg}J{2oWo-MGZR? zQIAJvvBW8_`Oc9!nS*X>>ywQ5}&?RVskdyJ{~NZEB@|p9o*(;6=sv z@ z*@}SUWsLNE#h599NLbwCT8m(Hy7`LByGH>6kbj{&yRka&o<*$&MSMo;V5d|~^O_B3 zklqR38lTL_IPmg%3$vjk>crEdnu~qoj$A6$sj05+KKDG0Cqrv!Xt?3)TkNQMRRN5c zcra2ZP)fid=!eC{s-?)5K^O?m{>MiR(!~%z%^+boAI`WNdgA#JGZD2S?Rd6V7{#in zU7!KmUu#B)1&XTyIm)4siX%c4;!UQ#im;b3o~Ui7EOO8h#MHlZ;zDwK4v3EImf4*k mA!o^zP{V`nVgB)y~Pt{sqzV#PuL&59- literal 0 HcmV?d00001 diff --git a/packages/checkbox/images/standard_disabled_styled.png b/packages/checkbox/images/standard_disabled_styled.png deleted file mode 100644 index e04257c14db35b23f91107e15e151dac65a6afbf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8763 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 TW(@^SU?2s!s%(k$%b@=P7<@&9 diff --git a/packages/checkbox/images/styled_standard_disabled.png b/packages/checkbox/images/styled_standard_disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..593e5c45812430f55b570520967b7ef72d5d084c GIT binary patch literal 2994 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 Zsj}K2)=Rs009_npe!<4%H)GF)zXQJB;5YyP literal 0 HcmV?d00001 From a10e61ba27be24d3d64638f339bd1dffc834221a Mon Sep 17 00:00:00 2001 From: Elliott Marquez Date: Wed, 4 Dec 2019 16:36:32 +1100 Subject: [PATCH 3/4] update changelog --- CHANGELOG.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0f4418548..d79aca941 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ## Unreleased +### Added + +- Added color styling css custom properties to `mwc-checkbox`. + ### Fixed - **BREAKING:VISUAL** `mwc-tab` will now automatically size slotted images. Also @@ -15,6 +19,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/). - **BREAKING** `mwc-tab` can now only have slotted content via the `hasImageIcon` flag. +- **BREAKING:VISUAL** `mwc-checkbox` default display is changed from inline to inline-block. ## [0.11.1] - 2019-11-26 From 2158b632c07288ab8344990287ab8a97e3764f67 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 4 Dec 2019 17:00:28 +1100 Subject: [PATCH 4/4] Auto bump MDC Web deps to 5.0.0-canary.a5dbd8a2a.0 (#676) Co-authored-by: tedium --- packages/base/package.json | 6 +++--- packages/button/package.json | 2 +- packages/checkbox/package.json | 2 +- packages/dialog/package.json | 6 +++--- packages/drawer/package.json | 2 +- packages/fab/package.json | 2 +- packages/floating-label/package.json | 2 +- packages/formfield/package.json | 2 +- packages/icon-button-toggle/package.json | 2 +- packages/icon-button/package.json | 2 +- packages/line-ripple/package.json | 2 +- packages/linear-progress/package.json | 2 +- packages/notched-outline/package.json | 6 +++--- packages/radio/package.json | 2 +- packages/ripple/package.json | 4 ++-- packages/slider/package.json | 2 +- packages/snackbar/package.json | 2 +- packages/switch/package.json | 2 +- packages/tab-bar/package.json | 2 +- packages/tab-indicator/package.json | 2 +- packages/tab-scroller/package.json | 4 ++-- packages/tab/package.json | 2 +- packages/textarea/package.json | 2 +- packages/textfield/package.json | 10 +++++----- packages/top-app-bar-fixed/package.json | 2 +- packages/top-app-bar/package.json | 2 +- 26 files changed, 38 insertions(+), 38 deletions(-) diff --git a/packages/base/package.json b/packages/base/package.json index 97b02cf74..d851efff7 100644 --- a/packages/base/package.json +++ b/packages/base/package.json @@ -9,9 +9,9 @@ }, "license": "Apache-2.0", "dependencies": { - "@material/base": "=5.0.0-canary.f978109c3.0", - "@material/dom": "=5.0.0-canary.f978109c3.0", - "@material/ripple": "=5.0.0-canary.f978109c3.0", + "@material/base": "=5.0.0-canary.a5dbd8a2a.0", + "@material/dom": "=5.0.0-canary.a5dbd8a2a.0", + "@material/ripple": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "tslib": "^1.10.0" }, diff --git a/packages/button/package.json b/packages/button/package.json index bbf64bb45..9d235059e 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -15,7 +15,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/button": "=5.0.0-canary.f978109c3.0", + "@material/button": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "@material/mwc-icon": "^0.11.1", "@material/mwc-ripple": "^0.11.1", diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index ed9334864..455921010 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -15,7 +15,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/checkbox": "=5.0.0-canary.f978109c3.0", + "@material/checkbox": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "@material/mwc-ripple": "^0.11.1", "lit-element": "^2.2.1", diff --git a/packages/dialog/package.json b/packages/dialog/package.json index 937a3392a..04579a0fe 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -15,10 +15,10 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/dialog": "=5.0.0-canary.f978109c3.0", - "@material/dom": "=5.0.0-canary.f978109c3.0", + "@material/dialog": "=5.0.0-canary.a5dbd8a2a.0", + "@material/dom": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", - "@material/touch-target": "=5.0.0-canary.f978109c3.0", + "@material/touch-target": "=5.0.0-canary.a5dbd8a2a.0", "blocking-elements": "^0.1.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", diff --git a/packages/drawer/package.json b/packages/drawer/package.json index cd7d3f9b1..bbfc3e952 100644 --- a/packages/drawer/package.json +++ b/packages/drawer/package.json @@ -16,7 +16,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/drawer": "=5.0.0-canary.f978109c3.0", + "@material/drawer": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "blocking-elements": "^0.1.0", "lit-element": "^2.2.1", diff --git a/packages/fab/package.json b/packages/fab/package.json index d13985630..689fa4eff 100644 --- a/packages/fab/package.json +++ b/packages/fab/package.json @@ -15,7 +15,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/fab": "=5.0.0-canary.f978109c3.0", + "@material/fab": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "@material/mwc-icon": "^0.11.1", "@material/mwc-ripple": "^0.11.1", diff --git a/packages/floating-label/package.json b/packages/floating-label/package.json index afb882a9a..d103ea6dc 100644 --- a/packages/floating-label/package.json +++ b/packages/floating-label/package.json @@ -12,7 +12,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/floating-label": "=5.0.0-canary.f978109c3.0", + "@material/floating-label": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/formfield/package.json b/packages/formfield/package.json index b67d25b30..abdf3188f 100644 --- a/packages/formfield/package.json +++ b/packages/formfield/package.json @@ -15,7 +15,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/form-field": "=5.0.0-canary.f978109c3.0", + "@material/form-field": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "lit-element": "^2.2.1", "lit-html": "^1.1.2", diff --git a/packages/icon-button-toggle/package.json b/packages/icon-button-toggle/package.json index 0c3e0008d..36f3079f8 100644 --- a/packages/icon-button-toggle/package.json +++ b/packages/icon-button-toggle/package.json @@ -15,7 +15,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/icon-button": "=5.0.0-canary.f978109c3.0", + "@material/icon-button": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "@material/mwc-icon": "^0.11.1", "@material/mwc-icon-button": "^0.11.1", diff --git a/packages/icon-button/package.json b/packages/icon-button/package.json index 09a24ec5f..287ffde76 100644 --- a/packages/icon-button/package.json +++ b/packages/icon-button/package.json @@ -15,7 +15,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/icon-button": "=5.0.0-canary.f978109c3.0", + "@material/icon-button": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "@material/mwc-icon": "^0.11.1", "@material/mwc-ripple": "^0.11.1", diff --git a/packages/line-ripple/package.json b/packages/line-ripple/package.json index 83e6d93b5..249dd700e 100644 --- a/packages/line-ripple/package.json +++ b/packages/line-ripple/package.json @@ -12,7 +12,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/line-ripple": "=5.0.0-canary.f978109c3.0", + "@material/line-ripple": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/linear-progress/package.json b/packages/linear-progress/package.json index 1725a2db2..aab22d3f0 100644 --- a/packages/linear-progress/package.json +++ b/packages/linear-progress/package.json @@ -15,7 +15,7 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/linear-progress": "=5.0.0-canary.f978109c3.0", + "@material/linear-progress": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "lit-element": "^2.2.1", "tslib": "^1.10.0" diff --git a/packages/notched-outline/package.json b/packages/notched-outline/package.json index 3b3276518..e235b30ac 100644 --- a/packages/notched-outline/package.json +++ b/packages/notched-outline/package.json @@ -16,9 +16,9 @@ "license": "Apache-2.0", "dependencies": { "@material/mwc-base": "^0.11.1", - "@material/notched-outline": "=5.0.0-canary.f978109c3.0", - "@material/shape": "=5.0.0-canary.f978109c3.0", - "@material/theme": "=5.0.0-canary.f978109c3.0", + "@material/notched-outline": "=5.0.0-canary.a5dbd8a2a.0", + "@material/shape": "=5.0.0-canary.a5dbd8a2a.0", + "@material/theme": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "tslib": "^1.10.0" }, diff --git a/packages/radio/package.json b/packages/radio/package.json index 91650b378..ce8cc43c2 100644 --- a/packages/radio/package.json +++ b/packages/radio/package.json @@ -17,7 +17,7 @@ "dependencies": { "@material/mwc-base": "^0.11.1", "@material/mwc-ripple": "^0.11.1", - "@material/radio": "=5.0.0-canary.f978109c3.0", + "@material/radio": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "tslib": "^1.10.0" }, diff --git a/packages/ripple/package.json b/packages/ripple/package.json index 39bad4b2b..8f991a7ff 100644 --- a/packages/ripple/package.json +++ b/packages/ripple/package.json @@ -15,9 +15,9 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/dom": "=5.0.0-canary.f978109c3.0", + "@material/dom": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", - "@material/ripple": "=5.0.0-canary.f978109c3.0", + "@material/ripple": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/slider/package.json b/packages/slider/package.json index a223f95b8..9e7a1ccae 100644 --- a/packages/slider/package.json +++ b/packages/slider/package.json @@ -16,7 +16,7 @@ "license": "Apache-2.0", "dependencies": { "@material/mwc-base": "^0.11.1", - "@material/slider": "=5.0.0-canary.f978109c3.0", + "@material/slider": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/snackbar/package.json b/packages/snackbar/package.json index 9fe3b6693..2a502c07b 100644 --- a/packages/snackbar/package.json +++ b/packages/snackbar/package.json @@ -16,7 +16,7 @@ "license": "Apache-2.0", "dependencies": { "@material/mwc-base": "^0.11.1", - "@material/snackbar": "=5.0.0-canary.f978109c3.0", + "@material/snackbar": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/switch/package.json b/packages/switch/package.json index e869f212d..c06d29a49 100644 --- a/packages/switch/package.json +++ b/packages/switch/package.json @@ -14,7 +14,7 @@ "dependencies": { "@material/mwc-base": "^0.11.1", "@material/mwc-ripple": "^0.11.1", - "@material/switch": "=5.0.0-canary.f978109c3.0", + "@material/switch": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "tslib": "^1.10.0" }, diff --git a/packages/tab-bar/package.json b/packages/tab-bar/package.json index 9ae91afe2..c2182ba7f 100644 --- a/packages/tab-bar/package.json +++ b/packages/tab-bar/package.json @@ -19,7 +19,7 @@ "@material/mwc-base": "^0.11.1", "@material/mwc-tab": "^0.11.1", "@material/mwc-tab-scroller": "^0.11.1", - "@material/tab-bar": "=5.0.0-canary.f978109c3.0", + "@material/tab-bar": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "tslib": "^1.10.0" }, diff --git a/packages/tab-indicator/package.json b/packages/tab-indicator/package.json index 133da17d1..e7c28a3fc 100644 --- a/packages/tab-indicator/package.json +++ b/packages/tab-indicator/package.json @@ -17,7 +17,7 @@ "license": "Apache-2.0", "dependencies": { "@material/mwc-base": "^0.11.1", - "@material/tab-indicator": "=5.0.0-canary.f978109c3.0", + "@material/tab-indicator": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/tab-scroller/package.json b/packages/tab-scroller/package.json index 3f919130b..7e5ddf1db 100644 --- a/packages/tab-scroller/package.json +++ b/packages/tab-scroller/package.json @@ -16,9 +16,9 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/dom": "=5.0.0-canary.f978109c3.0", + "@material/dom": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", - "@material/tab-scroller": "=5.0.0-canary.f978109c3.0", + "@material/tab-scroller": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "tslib": "^1.10.0" }, diff --git a/packages/tab/package.json b/packages/tab/package.json index 14c32c9c4..2ad0292ff 100644 --- a/packages/tab/package.json +++ b/packages/tab/package.json @@ -20,7 +20,7 @@ "@material/mwc-icon": "^0.11.1", "@material/mwc-ripple": "^0.11.1", "@material/mwc-tab-indicator": "^0.11.1", - "@material/tab": "=5.0.0-canary.f978109c3.0", + "@material/tab": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/textarea/package.json b/packages/textarea/package.json index 48f35dd5c..533bf051b 100644 --- a/packages/textarea/package.json +++ b/packages/textarea/package.json @@ -12,7 +12,7 @@ "dependencies": { "@material/mwc-base": "^0.11.1", "@material/mwc-textfield": "^0.11.1", - "@material/textfield": "=5.0.0-canary.f978109c3.0", + "@material/textfield": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/textfield/package.json b/packages/textfield/package.json index cca6562b8..4fec0d940 100644 --- a/packages/textfield/package.json +++ b/packages/textfield/package.json @@ -10,16 +10,16 @@ "author": "", "license": "Apache-2.0", "dependencies": { - "@material/floating-label": "=5.0.0-canary.f978109c3.0", - "@material/line-ripple": "=5.0.0-canary.f978109c3.0", + "@material/floating-label": "=5.0.0-canary.a5dbd8a2a.0", + "@material/line-ripple": "=5.0.0-canary.a5dbd8a2a.0", "@material/mwc-base": "^0.11.1", "@material/mwc-floating-label": "^0.11.1", "@material/mwc-icon": "^0.11.1", "@material/mwc-line-ripple": "^0.11.1", "@material/mwc-notched-outline": "^0.11.1", - "@material/shape": "=5.0.0-canary.f978109c3.0", - "@material/textfield": "=5.0.0-canary.f978109c3.0", - "@material/theme": "=5.0.0-canary.f978109c3.0", + "@material/shape": "=5.0.0-canary.a5dbd8a2a.0", + "@material/textfield": "=5.0.0-canary.a5dbd8a2a.0", + "@material/theme": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0" diff --git a/packages/top-app-bar-fixed/package.json b/packages/top-app-bar-fixed/package.json index 202b9fb84..c90e5645d 100644 --- a/packages/top-app-bar-fixed/package.json +++ b/packages/top-app-bar-fixed/package.json @@ -18,7 +18,7 @@ "dependencies": { "@material/mwc-base": "^0.11.1", "@material/mwc-top-app-bar": "^0.11.1", - "@material/top-app-bar": "=5.0.0-canary.f978109c3.0", + "@material/top-app-bar": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "tslib": "^1.10.0" }, diff --git a/packages/top-app-bar/package.json b/packages/top-app-bar/package.json index 830cde80a..60294771b 100644 --- a/packages/top-app-bar/package.json +++ b/packages/top-app-bar/package.json @@ -17,7 +17,7 @@ "license": "Apache-2.0", "dependencies": { "@material/mwc-base": "^0.11.1", - "@material/top-app-bar": "=5.0.0-canary.f978109c3.0", + "@material/top-app-bar": "=5.0.0-canary.a5dbd8a2a.0", "lit-element": "^2.2.1", "lit-html": "^1.1.2", "tslib": "^1.10.0"