material 3.2.1 → 3.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/components/carousel/features/scroll.js +35 -22
- package/dist/components/slider/features/axis.d.ts +6 -1
- package/dist/components/slider/features/axis.js +6 -1
- package/dist/core/compose/component.js +2 -0
- package/dist/core/dom/direction.d.ts +16 -0
- package/dist/core/dom/direction.js +38 -0
- package/dist/elements/css/badge.css +1 -1
- package/dist/elements/css/badge.js +1 -1
- package/dist/elements/css/bottom-app-bar.css +1 -1
- package/dist/elements/css/bottom-app-bar.js +1 -1
- package/dist/elements/css/card.css +1 -1
- package/dist/elements/css/card.js +1 -1
- package/dist/elements/css/datepicker.css +1 -1
- package/dist/elements/css/datepicker.js +1 -1
- package/dist/elements/css/dialog.css +1 -1
- package/dist/elements/css/dialog.js +1 -1
- package/dist/elements/css/drawer.css +1 -1
- package/dist/elements/css/drawer.js +1 -1
- package/dist/elements/css/hosts/tabs.css +1 -1
- package/dist/elements/css/side-sheet.css +1 -1
- package/dist/elements/css/side-sheet.js +1 -1
- package/dist/elements/css/split-button.css +1 -1
- package/dist/elements/css/split-button.js +1 -1
- package/dist/elements/css/tabs.css +1 -1
- package/dist/elements/css/tabs.js +1 -1
- package/dist/elements/css/toolbar.css +1 -1
- package/dist/elements/css/toolbar.js +1 -1
- package/dist/elements/css/top-app-bar.css +1 -1
- package/dist/elements/css/top-app-bar.js +1 -1
- package/dist/elements/define.js +2 -0
- package/dist/elements/preupgrade/badge.css +1 -1
- package/dist/elements/preupgrade/bottom-app-bar.css +1 -1
- package/dist/elements/preupgrade/bottom-sheet.css +1 -1
- package/dist/elements/preupgrade/button-group.css +1 -1
- package/dist/elements/preupgrade/button.css +1 -1
- package/dist/elements/preupgrade/card.css +1 -1
- package/dist/elements/preupgrade/carousel.css +1 -1
- package/dist/elements/preupgrade/checkbox.css +1 -1
- package/dist/elements/preupgrade/chips.css +1 -1
- package/dist/elements/preupgrade/datepicker.css +1 -1
- package/dist/elements/preupgrade/dialog.css +1 -1
- package/dist/elements/preupgrade/divider.css +1 -1
- package/dist/elements/preupgrade/drawer.css +1 -1
- package/dist/elements/preupgrade/extended-fab.css +1 -1
- package/dist/elements/preupgrade/fab-menu.css +1 -1
- package/dist/elements/preupgrade/fab.css +1 -1
- package/dist/elements/preupgrade/icon-button.css +1 -1
- package/dist/elements/preupgrade/list.css +1 -1
- package/dist/elements/preupgrade/loading-indicator.css +1 -1
- package/dist/elements/preupgrade/menu.css +1 -1
- package/dist/elements/preupgrade/navigation-bar.css +1 -1
- package/dist/elements/preupgrade/navigation-rail.css +1 -1
- package/dist/elements/preupgrade/progress.css +1 -1
- package/dist/elements/preupgrade/radios.css +2 -2
- package/dist/elements/preupgrade/search.css +1 -1
- package/dist/elements/preupgrade/select.css +1 -1
- package/dist/elements/preupgrade/side-sheet.css +1 -1
- package/dist/elements/preupgrade/slider.css +1 -1
- package/dist/elements/preupgrade/snackbar.css +1 -1
- package/dist/elements/preupgrade/split-button.css +1 -1
- package/dist/elements/preupgrade/switch.css +1 -1
- package/dist/elements/preupgrade/tabs.css +1 -1
- package/dist/elements/preupgrade/text-field.css +1 -1
- package/dist/elements/preupgrade/timepicker.css +1 -1
- package/dist/elements/preupgrade/toolbar.css +1 -1
- package/dist/elements/preupgrade/tooltip.css +1 -1
- package/dist/elements/preupgrade/top-app-bar.css +1 -1
- package/dist/elements/preupgrade.css +2 -2
- package/dist/elements/preupgrade.js +1 -1
- package/dist/elements/tabs.js +1 -1
- package/dist/package.json +1 -1
- package/dist/styles/badge.css +2 -2
- package/dist/styles/base.css +1 -1
- package/dist/styles/bottom-app-bar.css +2 -2
- package/dist/styles/bottom-sheet.css +1 -1
- package/dist/styles/button-group.css +1 -1
- package/dist/styles/button.css +1 -1
- package/dist/styles/card.css +2 -2
- package/dist/styles/carousel.css +1 -1
- package/dist/styles/checkbox.css +1 -1
- package/dist/styles/chips.css +1 -1
- package/dist/styles/contrast.css +1 -1
- package/dist/styles/datepicker.css +2 -2
- package/dist/styles/dialog.css +2 -2
- package/dist/styles/divider.css +1 -1
- package/dist/styles/drawer.css +2 -2
- package/dist/styles/extended-fab.css +1 -1
- package/dist/styles/fab-menu.css +1 -1
- package/dist/styles/fab.css +1 -1
- package/dist/styles/icon-button.css +1 -1
- package/dist/styles/list.css +1 -1
- package/dist/styles/loading-indicator.css +1 -1
- package/dist/styles/menu.css +1 -1
- package/dist/styles/navigation-bar.css +1 -1
- package/dist/styles/navigation-rail.css +1 -1
- package/dist/styles/progress.css +1 -1
- package/dist/styles/radios.css +1 -1
- package/dist/styles/search.css +1 -1
- package/dist/styles/select.css +1 -1
- package/dist/styles/side-sheet.css +2 -2
- package/dist/styles/slider.css +1 -1
- package/dist/styles/snackbar.css +1 -1
- package/dist/styles/split-button.css +2 -2
- package/dist/styles/switch.css +1 -1
- package/dist/styles/tabs.css +2 -2
- package/dist/styles/text-field.css +1 -1
- package/dist/styles/timepicker.css +1 -1
- package/dist/styles/toolbar.css +2 -2
- package/dist/styles/tooltip.css +1 -1
- package/dist/styles/top-app-bar.css +2 -2
- package/dist/styles/typography.css +1 -1
- package/dist/styles/utilities.css +1 -1
- package/dist/styles.css +2 -2
- package/dist/themes/autumn-contrast.css +1 -1
- package/dist/themes/autumn.css +1 -1
- package/dist/themes/baseline-contrast.css +1 -1
- package/dist/themes/baseline.css +1 -1
- package/dist/themes/brownbeige-contrast.css +1 -1
- package/dist/themes/brownbeige.css +1 -1
- package/dist/themes/content-contrast.css +1 -1
- package/dist/themes/content.css +1 -1
- package/dist/themes/desert-contrast.css +1 -1
- package/dist/themes/desert.css +1 -1
- package/dist/themes/expressive-contrast.css +1 -1
- package/dist/themes/expressive.css +1 -1
- package/dist/themes/fidelity-contrast.css +1 -1
- package/dist/themes/fidelity.css +1 -1
- package/dist/themes/forest-contrast.css +1 -1
- package/dist/themes/forest.css +1 -1
- package/dist/themes/fruit-salad-contrast.css +1 -1
- package/dist/themes/fruit-salad.css +1 -1
- package/dist/themes/highcontrast-contrast.css +1 -1
- package/dist/themes/highcontrast.css +1 -1
- package/dist/themes/monochrome-contrast.css +1 -1
- package/dist/themes/monochrome.css +1 -1
- package/dist/themes/neutral-contrast.css +1 -1
- package/dist/themes/neutral.css +1 -1
- package/dist/themes/ocean-contrast.css +1 -1
- package/dist/themes/ocean.css +1 -1
- package/dist/themes/rainbow-contrast.css +1 -1
- package/dist/themes/rainbow.css +1 -1
- package/dist/themes/sageivory-contrast.css +1 -1
- package/dist/themes/sageivory.css +1 -1
- package/dist/themes/spring-contrast.css +1 -1
- package/dist/themes/spring.css +1 -1
- package/dist/themes/summer-contrast.css +1 -1
- package/dist/themes/summer.css +1 -1
- package/dist/themes/sunset-contrast.css +1 -1
- package/dist/themes/sunset.css +1 -1
- package/dist/themes/tealcaramel-contrast.css +1 -1
- package/dist/themes/tealcaramel.css +1 -1
- package/dist/themes/vibrant-contrast.css +1 -1
- package/dist/themes/vibrant.css +1 -1
- package/package.json +1 -1
- package/src/styles/abstract/_mixins.scss +50 -3
- package/src/styles/components/_badge.scss +22 -22
- package/src/styles/components/_bottom-app-bar.scss +10 -10
- package/src/styles/components/_card.scss +22 -2
- package/src/styles/components/_datepicker.scss +15 -3
- package/src/styles/components/_dialog.scss +2 -4
- package/src/styles/components/_drawer.scss +5 -9
- package/src/styles/components/_side-sheet.scss +13 -6
- package/src/styles/components/_toolbar.scss +13 -10
- package/src/styles/components/_top-app-bar.scss +28 -18
- package/src/styles/elements/_radios.scss +24 -2
package/dist/themes/rainbow.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=rainbow]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #e9ddff;--mtrl-sys-color-on-primary-container: #4f378a;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container: #4a4458;--mtrl-sys-color-tertiary: #7e5260;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd9e3;--mtrl-sys-color-on-tertiary-container: #633b48;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378a;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #cbc2db;--mtrl-sys-color-on-secondary-fixed: #1e192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31101d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #f9f9f9;--mtrl-sys-color-surface-dim: #dadada;--mtrl-sys-color-surface-bright: #f9f9f9;--mtrl-sys-color-surface-variant: #e2e2e2;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f3f3f3;--mtrl-sys-color-surface-container: #eeeeee;--mtrl-sys-color-surface-container-high: #e8e8e8;--mtrl-sys-color-surface-container-highest: #e2e2e2;--mtrl-sys-color-on-surface: #1b1b1b;--mtrl-sys-color-on-surface-variant: #474747;--mtrl-sys-color-outline: #777777;--mtrl-sys-color-outline-variant: #c6c6c6;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #303030;--mtrl-sys-color-inverse-on-surface: #f1f1f1;--mtrl-sys-color-inverse-primary: #cfbcff}[data-theme=rainbow][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #cfbcff;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-primary-container: #4f378a;--mtrl-sys-color-on-primary-container: #e9ddff;--mtrl-sys-color-secondary: #cbc2db;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-on-tertiary: #4a2532;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-on-tertiary-container: #ffd9e3;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378a;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #cbc2db;--mtrl-sys-color-on-secondary-fixed: #1e192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31101d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #131313;--mtrl-sys-color-surface-dim: #131313;--mtrl-sys-color-surface-bright: #393939;--mtrl-sys-color-surface-variant: #474747;--mtrl-sys-color-surface-container-lowest: #0e0e0e;--mtrl-sys-color-surface-container-low: #1b1b1b;--mtrl-sys-color-surface-container: #1f1f1f;--mtrl-sys-color-surface-container-high: #2a2a2a;--mtrl-sys-color-surface-container-highest: #353535;--mtrl-sys-color-on-surface: #e2e2e2;--mtrl-sys-color-on-surface-variant: #c6c6c6;--mtrl-sys-color-outline: #919191;--mtrl-sys-color-outline-variant: #474747;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e2e2e2;--mtrl-sys-color-inverse-on-surface: #303030;--mtrl-sys-color-inverse-primary: #6750a4}@media(prefers-contrast: more){[data-theme=rainbow]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #33196e;--mtrl-sys-color-primary-container: #513a8d;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #2f293c;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #45212e;--mtrl-sys-color-tertiary-container: #663d4b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #513a8d;--mtrl-sys-color-primary-fixed-dim: #3a2175;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #663d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b9b9b9;--mtrl-sys-color-surface-container-low: #f1f1f1;--mtrl-sys-color-surface-container: #e2e2e2;--mtrl-sys-color-surface-container-high: #d4d4d4;--mtrl-sys-color-surface-container-highest: #c6c6c6;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2c2c2c;--mtrl-sys-color-outline-variant: #494949;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=rainbow]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c8bfd8;--mtrl-sys-color-on-secondary-container: #0d081a;--mtrl-sys-color-tertiary: #ffebef;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #ebb4c4;--mtrl-sys-color-on-tertiary-container: #1d020d;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #130e20;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #240613;--mtrl-sys-color-surface-bright: #505050;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1f1f1f;--mtrl-sys-color-surface-container: #303030;--mtrl-sys-color-surface-container-high: #3b3b3b;--mtrl-sys-color-surface-container-highest: #474747;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f0f0f0;--mtrl-sys-color-outline-variant: #c2c2c2;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #50388c}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=sageivory]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=sageivory]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #2d501f}[data-theme=sageivory][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #1b3e0e;--mtrl-sys-color-primary-container: #517740;--mtrl-sys-color-secondary: #383727;--mtrl-sys-color-secondary-container: #706e5b;--mtrl-sys-color-tertiary: #073d3e;--mtrl-sys-color-tertiary-container: #477576;--mtrl-sys-color-primary-fixed: #517740;--mtrl-sys-color-primary-fixed-dim: #395e2a;--mtrl-sys-color-secondary-fixed: #706e5b;--mtrl-sys-color-secondary-fixed-dim: #575544;--mtrl-sys-color-tertiary-fixed: #477576;--mtrl-sys-color-tertiary-fixed-dim: #2e5c5d;--mtrl-sys-color-surface-dim: #c5c8be;--mtrl-sys-color-surface-container: #e7e9df;--mtrl-sys-color-surface-container-high: #dbded4;--mtrl-sys-color-surface-container-highest: #d0d3c9;--mtrl-sys-color-on-surface: #0f120c;--mtrl-sys-color-on-surface-variant: #32382e;--mtrl-sys-color-outline: #4f544a;--mtrl-sys-color-outline-variant: #696f64}[data-theme=sageivory][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #bde9a7;--mtrl-sys-color-on-primary: #092c01;--mtrl-sys-color-primary-container: #749b61;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e1ddc6;--mtrl-sys-color-on-secondary: #272618;--mtrl-sys-color-secondary-container: #94917d;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #b5e5e6;--mtrl-sys-color-on-tertiary: #002b2c;--mtrl-sys-color-tertiary-container: #6b999a;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #021500;--mtrl-sys-color-on-primary-fixed-variant: #1b3e0e;--mtrl-sys-color-on-secondary-fixed: #121205;--mtrl-sys-color-on-secondary-fixed-variant: #383727;--mtrl-sys-color-on-tertiary-fixed: #001415;--mtrl-sys-color-on-tertiary-fixed-variant: #073d3e;--mtrl-sys-color-surface-bright: #42463e;--mtrl-sys-color-surface-container-lowest: #050804;--mtrl-sys-color-surface-container-low: #1b1f19;--mtrl-sys-color-surface-container: #252922;--mtrl-sys-color-surface-container-high: #30342d;--mtrl-sys-color-surface-container-highest: #3b3f38;--mtrl-sys-color-on-surface-variant: #d9ded1;--mtrl-sys-color-outline: #aeb4a7;--mtrl-sys-color-outline-variant: #8d9286;--mtrl-sys-color-inverse-on-surface: #282b25}[data-theme=sageivory][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #113305;--mtrl-sys-color-primary-container: #2e5220;--mtrl-sys-color-secondary: #2e2d1e;--mtrl-sys-color-secondary-container: #4b4a39;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215052;--mtrl-sys-color-primary-fixed: #2e5220;--mtrl-sys-color-primary-fixed-dim: #183a0b;--mtrl-sys-color-secondary-fixed: #4b4a39;--mtrl-sys-color-secondary-fixed-dim: #343324;--mtrl-sys-color-tertiary-fixed: #215052;--mtrl-sys-color-tertiary-fixed-dim: #02393b;--mtrl-sys-color-surface-dim: #b7bab0;--mtrl-sys-color-surface-container-low: #eff2e8;--mtrl-sys-color-surface-container: #e1e4da;--mtrl-sys-color-surface-container-high: #d3d6cc;--mtrl-sys-color-surface-container-highest: #c5c8be;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e25;--mtrl-sys-color-outline-variant: #454b41;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=sageivory][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d1fdb9;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #a4ce8f;--mtrl-sys-color-on-primary-container: #010f00;--mtrl-sys-color-secondary: #f5f1d9;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c7c3ad;--mtrl-sys-color-on-secondary-container: #0c0c02;--mtrl-sys-color-tertiary: #c9f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #021500;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #121205;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface-bright: #4e514a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1d211a;--mtrl-sys-color-surface-container: #2e312b;--mtrl-sys-color-surface-container-high: #393d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #edf2e4;--mtrl-sys-color-outline-variant: #bfc4b8;--mtrl-sys-color-inverse-on-surface: #000000}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=sageivory]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #436833;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c3efac;--mtrl-sys-color-on-primary-container: #2c4f1e;--mtrl-sys-color-secondary: #615f4d;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e7e3cc;--mtrl-sys-color-on-secondary-container: #494737;--mtrl-sys-color-tertiary: #386667;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #bbebec;--mtrl-sys-color-on-tertiary-container: #1e4e4f;--mtrl-sys-color-primary-fixed: #c3efac;--mtrl-sys-color-primary-fixed-dim: #a8d292;--mtrl-sys-color-on-primary-fixed: #052100;--mtrl-sys-color-on-primary-fixed-variant: #2c4f1e;--mtrl-sys-color-secondary-fixed: #e7e3cc;--mtrl-sys-color-secondary-fixed-dim: #cac7b1;--mtrl-sys-color-on-secondary-fixed: #1d1c0e;--mtrl-sys-color-on-secondary-fixed-variant: #494737;--mtrl-sys-color-tertiary-fixed: #bbebec;--mtrl-sys-color-tertiary-fixed-dim: #a0cfd0;--mtrl-sys-color-on-tertiary-fixed: #002021;--mtrl-sys-color-on-tertiary-fixed-variant: #1e4e4f;--mtrl-sys-color-surface: #f8faf0;--mtrl-sys-color-surface-dim: #d8dbd1;--mtrl-sys-color-surface-bright: #f8faf0;--mtrl-sys-color-surface-variant: #dfe4d7;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f2f5ea;--mtrl-sys-color-surface-container: #ecefe5;--mtrl-sys-color-surface-container-high: #e7e9df;--mtrl-sys-color-surface-container-highest: #e1e4da;--mtrl-sys-color-on-surface: #191d17;--mtrl-sys-color-on-surface-variant: #43483f;--mtrl-sys-color-outline: #73796e;--mtrl-sys-color-outline-variant: #c3c8bb;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #2e312b;--mtrl-sys-color-inverse-on-surface: #eff2e8;--mtrl-sys-color-inverse-primary: #a8d292}[data-theme=sageivory][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #a8d292;--mtrl-sys-color-on-primary: #153808;--mtrl-sys-color-primary-container: #2c4f1e;--mtrl-sys-color-on-primary-container: #c3efac;--mtrl-sys-color-secondary: #cac7b1;--mtrl-sys-color-on-secondary: #323122;--mtrl-sys-color-secondary-container: #494737;--mtrl-sys-color-on-secondary-container: #e7e3cc;--mtrl-sys-color-tertiary: #a0cfd0;--mtrl-sys-color-on-tertiary: #003738;--mtrl-sys-color-tertiary-container: #1e4e4f;--mtrl-sys-color-on-tertiary-container: #bbebec;--mtrl-sys-color-primary-fixed: #c3efac;--mtrl-sys-color-primary-fixed-dim: #a8d292;--mtrl-sys-color-on-primary-fixed: #052100;--mtrl-sys-color-on-primary-fixed-variant: #2c4f1e;--mtrl-sys-color-secondary-fixed: #e7e3cc;--mtrl-sys-color-secondary-fixed-dim: #cac7b1;--mtrl-sys-color-on-secondary-fixed: #1d1c0e;--mtrl-sys-color-on-secondary-fixed-variant: #494737;--mtrl-sys-color-tertiary-fixed: #bbebec;--mtrl-sys-color-tertiary-fixed-dim: #a0cfd0;--mtrl-sys-color-on-tertiary-fixed: #002021;--mtrl-sys-color-on-tertiary-fixed-variant: #1e4e4f;--mtrl-sys-color-surface: #11140f;--mtrl-sys-color-surface-dim: #11140f;--mtrl-sys-color-surface-bright: #373a33;--mtrl-sys-color-surface-variant: #43483f;--mtrl-sys-color-surface-container-lowest: #0c0f0a;--mtrl-sys-color-surface-container-low: #191d17;--mtrl-sys-color-surface-container: #1d211a;--mtrl-sys-color-surface-container-high: #272b25;--mtrl-sys-color-surface-container-highest: #32362f;--mtrl-sys-color-on-surface: #e1e4da;--mtrl-sys-color-on-surface-variant: #c3c8bb;--mtrl-sys-color-outline: #8d9387;--mtrl-sys-color-outline-variant: #43483f;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e1e4da;--mtrl-sys-color-inverse-on-surface: #2e312b;--mtrl-sys-color-inverse-primary: #436833}@media(prefers-contrast: more){[data-theme=sageivory]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #113305;--mtrl-sys-color-primary-container: #2e5220;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #2e2d1e;--mtrl-sys-color-secondary-container: #4b4a39;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215052;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #2e5220;--mtrl-sys-color-primary-fixed-dim: #183a0b;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4b4a39;--mtrl-sys-color-secondary-fixed-dim: #343324;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #215052;--mtrl-sys-color-tertiary-fixed-dim: #02393b;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b7bab0;--mtrl-sys-color-surface-container-low: #eff2e8;--mtrl-sys-color-surface-container: #e1e4da;--mtrl-sys-color-surface-container-high: #d3d6cc;--mtrl-sys-color-surface-container-highest: #c5c8be;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e25;--mtrl-sys-color-outline-variant: #454b41;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=sageivory]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d1fdb9;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #a4ce8f;--mtrl-sys-color-on-primary-container: #010f00;--mtrl-sys-color-secondary: #f5f1d9;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c7c3ad;--mtrl-sys-color-on-secondary-container: #0c0c02;--mtrl-sys-color-tertiary: #c9f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #021500;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #121205;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface-bright: #4e514a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1d211a;--mtrl-sys-color-surface-container: #2e312b;--mtrl-sys-color-surface-container-high: #393d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #edf2e4;--mtrl-sys-color-outline-variant: #bfc4b8;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #2d501f}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=spring]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #f7fbf1;--mtrl-sys-color-surface-bright: #f7fbf1;--mtrl-sys-color-inverse-surface: #2d322c;--mtrl-sys-color-inverse-primary: #a1d39a}[data-theme=spring]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed: #bcf0b4;--mtrl-sys-color-primary-fixed-dim: #a1d39a;--mtrl-sys-color-surface: #10140f;--mtrl-sys-color-surface-dim: #10140f;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #e0e4db;--mtrl-sys-color-inverse-primary: #245125}[data-theme=spring][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #113f15;--mtrl-sys-color-primary-container: #497847;--mtrl-sys-color-secondary: #2a3a29;--mtrl-sys-color-secondary-container: #60725e;--mtrl-sys-color-tertiary: #063d3e;--mtrl-sys-color-tertiary-container: #477576;--mtrl-sys-color-primary-fixed: #497847;--mtrl-sys-color-primary-fixed-dim: #315f31;--mtrl-sys-color-secondary-fixed: #60725e;--mtrl-sys-color-secondary-fixed-dim: #485947;--mtrl-sys-color-tertiary-fixed: #477576;--mtrl-sys-color-tertiary-fixed-dim: #2e5c5d;--mtrl-sys-color-surface-dim: #c4c8bf;--mtrl-sys-color-surface-container-low: #f1f5ec;--mtrl-sys-color-surface-container: #e6e9e0;--mtrl-sys-color-surface-container-high: #daded5;--mtrl-sys-color-surface-container-highest: #cfd3ca;--mtrl-sys-color-on-surface: #0e120d;--mtrl-sys-color-on-surface-variant: #323830;--mtrl-sys-color-outline: #4e544b;--mtrl-sys-color-outline-variant: #686f65;--mtrl-sys-color-inverse-on-surface: #eef2e9}[data-theme=spring][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #b6eaaf;--mtrl-sys-color-on-primary: #002d07;--mtrl-sys-color-primary-container: #6c9c68;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #cfe2ca;--mtrl-sys-color-on-secondary: #1a291a;--mtrl-sys-color-secondary-container: #849680;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #b5e5e6;--mtrl-sys-color-on-tertiary: #002b2c;--mtrl-sys-color-tertiary-container: #6b999a;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001602;--mtrl-sys-color-on-primary-fixed-variant: #113f15;--mtrl-sys-color-on-secondary-fixed: #061407;--mtrl-sys-color-on-secondary-fixed-variant: #2a3a29;--mtrl-sys-color-on-tertiary-fixed: #001415;--mtrl-sys-color-on-tertiary-fixed-variant: #063d3e;--mtrl-sys-color-surface-bright: #41463f;--mtrl-sys-color-surface-container-lowest: #050805;--mtrl-sys-color-surface-container-low: #1b1f19;--mtrl-sys-color-surface-container: #252923;--mtrl-sys-color-surface-container-high: #2f342e;--mtrl-sys-color-surface-container-highest: #3b3f39;--mtrl-sys-color-on-surface-variant: #d8ded2;--mtrl-sys-color-outline: #adb4a9;--mtrl-sys-color-outline-variant: #8c9288;--mtrl-sys-color-inverse-on-surface: #272b25}[data-theme=spring][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #04340b;--mtrl-sys-color-primary-container: #265326;--mtrl-sys-color-secondary: #203020;--mtrl-sys-color-secondary-container: #3d4d3b;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215051;--mtrl-sys-color-primary-fixed: #265326;--mtrl-sys-color-primary-fixed-dim: #0c3b12;--mtrl-sys-color-secondary-fixed: #3d4d3b;--mtrl-sys-color-secondary-fixed-dim: #273726;--mtrl-sys-color-tertiary-fixed: #215051;--mtrl-sys-color-tertiary-fixed-dim: #01393a;--mtrl-sys-color-surface-dim: #b6bab2;--mtrl-sys-color-surface-container-low: #eef2e9;--mtrl-sys-color-surface-container: #e0e4db;--mtrl-sys-color-surface-container-high: #d2d6cd;--mtrl-sys-color-surface-container-highest: #c4c8bf;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e26;--mtrl-sys-color-outline-variant: #444b42;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=spring][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #c9fec1;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #9dcf97;--mtrl-sys-color-on-primary-container: #000f01;--mtrl-sys-color-secondary: #e2f5dd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #b5c8b1;--mtrl-sys-color-on-secondary-container: #020e03;--mtrl-sys-color-tertiary: #c8f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001602;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #061407;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface-bright: #4d514b;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c211b;--mtrl-sys-color-surface-container: #2d322c;--mtrl-sys-color-surface-container-high: #383d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ecf2e6;--mtrl-sys-color-outline-variant: #bec5b9;--mtrl-sys-color-inverse-on-surface: #000000}
|
package/dist/themes/spring.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=spring]{--mtrl-sys-color-primary: #006e2b;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #95f99a;--mtrl-sys-color-on-primary-container: #002108;--mtrl-sys-color-secondary: #526350;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d5e8cf;--mtrl-sys-color-on-secondary-container: #101f10;--mtrl-sys-color-tertiary: #386667;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #bbecee;--mtrl-sys-color-on-tertiary-container: #002021;--mtrl-sys-color-primary-fixed: #9af7a3;--mtrl-sys-color-primary-fixed-dim: #7eda8a;--mtrl-sys-color-on-primary-fixed: #002108;--mtrl-sys-color-on-primary-fixed-variant: #00531e;--mtrl-sys-color-secondary-fixed: #d5e8d0;--mtrl-sys-color-secondary-fixed-dim: #b9ccb5;--mtrl-sys-color-on-secondary-fixed: #101f10;--mtrl-sys-color-on-secondary-fixed-variant: #3b4b39;--mtrl-sys-color-tertiary-fixed: #bbebec;--mtrl-sys-color-tertiary-fixed-dim: #a0cfd0;--mtrl-sys-color-on-tertiary-fixed: #002020;--mtrl-sys-color-on-tertiary-fixed-variant: #1e4e4f;--mtrl-sys-color-surface: #f8fff3;--mtrl-sys-color-surface-dim: #d9e8d3;--mtrl-sys-color-surface-bright: #f8fff3;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f2faed;--mtrl-sys-color-surface-container: #ecf4e7;--mtrl-sys-color-surface-container-high: #e6eee1;--mtrl-sys-color-surface-container-highest: #e0e8db;--mtrl-sys-color-on-surface: #191d19;--mtrl-sys-color-on-surface-variant: #424940;--mtrl-sys-color-surface-variant: #dee5d8;--mtrl-sys-color-outline: #727970;--mtrl-sys-color-outline-variant: #c1c9be;--mtrl-sys-color-inverse-surface: #2b322a;--mtrl-sys-color-inverse-on-surface: #ebf3e6;--mtrl-sys-color-inverse-primary: #7eda8a;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF}[data-theme=spring][data-theme-mode=dark]{--mtrl-sys-color-primary: #79dc80;--mtrl-sys-color-on-primary: #003914;--mtrl-sys-color-primary-container: #00531f;--mtrl-sys-color-on-primary-container: #95f99a;--mtrl-sys-color-secondary: #b9ccb3;--mtrl-sys-color-on-secondary: #263424;--mtrl-sys-color-secondary-container: #3c4b3a;--mtrl-sys-color-on-secondary-container: #d5e8cf;--mtrl-sys-color-tertiary: #a0d0d2;--mtrl-sys-color-on-tertiary: #003738;--mtrl-sys-color-tertiary-container: #1f4e4f;--mtrl-sys-color-on-tertiary-container: #bbecee;--mtrl-sys-color-surface: #121711;--mtrl-sys-color-surface-dim: #0d120c;--mtrl-sys-color-surface-bright: #2d3229;--mtrl-sys-color-surface-container-lowest: #0a0f09;--mtrl-sys-color-surface-container-low: #121711;--mtrl-sys-color-surface-container: #161b15;--mtrl-sys-color-surface-container-high: #20251e;--mtrl-sys-color-surface-container-highest: #2a2f27;--mtrl-sys-color-on-surface: #d9e3d4;--mtrl-sys-color-on-surface-variant: #c1c9be;--mtrl-sys-color-surface-variant: #424940;--mtrl-sys-color-outline: #8b9388;--mtrl-sys-color-outline-variant: #424940;--mtrl-sys-color-inverse-surface: #d9e3d4;--mtrl-sys-color-inverse-on-surface: #2b322a;--mtrl-sys-color-inverse-primary: #006e2b;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355}@media(prefers-contrast: more){[data-theme=spring]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #04340b;--mtrl-sys-color-primary-container: #265326;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #203020;--mtrl-sys-color-secondary-container: #3d4d3b;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215051;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #265326;--mtrl-sys-color-primary-fixed-dim: #0c3b12;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #3d4d3b;--mtrl-sys-color-secondary-fixed-dim: #273726;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #215051;--mtrl-sys-color-tertiary-fixed-dim: #01393a;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #f7fbf1;--mtrl-sys-color-surface-dim: #b6bab2;--mtrl-sys-color-surface-bright: #f7fbf1;--mtrl-sys-color-surface-container-low: #eef2e9;--mtrl-sys-color-surface-container: #e0e4db;--mtrl-sys-color-surface-container-high: #d2d6cd;--mtrl-sys-color-surface-container-highest: #c4c8bf;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e26;--mtrl-sys-color-outline-variant: #444b42;--mtrl-sys-color-inverse-surface: #2d322c;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #a1d39a}[data-theme=spring]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #c9fec1;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #9dcf97;--mtrl-sys-color-on-primary-container: #000f01;--mtrl-sys-color-secondary: #e2f5dd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #b5c8b1;--mtrl-sys-color-on-secondary-container: #020e03;--mtrl-sys-color-tertiary: #c8f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-primary-fixed: #bcf0b4;--mtrl-sys-color-primary-fixed-dim: #a1d39a;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001602;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #061407;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface: #10140f;--mtrl-sys-color-surface-dim: #10140f;--mtrl-sys-color-surface-bright: #4d514b;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c211b;--mtrl-sys-color-surface-container: #2d322c;--mtrl-sys-color-surface-container-high: #383d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ecf2e6;--mtrl-sys-color-outline-variant: #bec5b9;--mtrl-sys-color-inverse-surface: #e0e4db;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #245125}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=summer]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=summer]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #004d71}[data-theme=summer][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #003a56;--mtrl-sys-color-primary-container: #387299;--mtrl-sys-color-secondary: #453400;--mtrl-sys-color-secondary-container: #876900;--mtrl-sys-color-tertiary: #3b3151;--mtrl-sys-color-tertiary-container: #73678b;--mtrl-sys-color-primary-fixed: #387299;--mtrl-sys-color-primary-fixed-dim: #185a7f;--mtrl-sys-color-secondary-fixed: #876900;--mtrl-sys-color-secondary-fixed-dim: #6a5100;--mtrl-sys-color-tertiary-fixed: #73678b;--mtrl-sys-color-tertiary-fixed-dim: #5a4f71;--mtrl-sys-color-surface-dim: #c3c7cc;--mtrl-sys-color-surface-container: #e5e8ed;--mtrl-sys-color-surface-container-high: #dadde2;--mtrl-sys-color-surface-container-highest: #cfd2d7;--mtrl-sys-color-on-surface: #0d1215;--mtrl-sys-color-on-surface-variant: #31373c;--mtrl-sys-color-outline: #4d5359;--mtrl-sys-color-outline-variant: #686e74}[data-theme=summer][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #bce1ff;--mtrl-sys-color-on-primary: #00283e;--mtrl-sys-color-primary-container: #5e97bf;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd875;--mtrl-sys-color-on-secondary: #312400;--mtrl-sys-color-secondary-container: #b38b06;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #e5d6ff;--mtrl-sys-color-on-tertiary: #2a203f;--mtrl-sys-color-tertiary-container: #988bb0;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001320;--mtrl-sys-color-on-primary-fixed-variant: #003a56;--mtrl-sys-color-on-secondary-fixed: #181000;--mtrl-sys-color-on-secondary-fixed-variant: #453400;--mtrl-sys-color-on-tertiary-fixed: #150b29;--mtrl-sys-color-on-tertiary-fixed-variant: #3b3151;--mtrl-sys-color-surface-bright: #414549;--mtrl-sys-color-surface-container-lowest: #05080b;--mtrl-sys-color-surface-container-low: #1a1e22;--mtrl-sys-color-surface-container: #24282c;--mtrl-sys-color-surface-container-high: #2f3337;--mtrl-sys-color-surface-container-highest: #3a3e42;--mtrl-sys-color-on-surface-variant: #d7dde4;--mtrl-sys-color-outline: #acb2b9;--mtrl-sys-color-outline-variant: #8b9198;--mtrl-sys-color-inverse-on-surface: #262a2e}[data-theme=summer][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #002f48;--mtrl-sys-color-primary-container: #004e72;--mtrl-sys-color-secondary: #392a00;--mtrl-sys-color-secondary-container: #5c4600;--mtrl-sys-color-tertiary: #312746;--mtrl-sys-color-tertiary-container: #4f4465;--mtrl-sys-color-primary-fixed: #004e72;--mtrl-sys-color-primary-fixed-dim: #003651;--mtrl-sys-color-secondary-fixed: #5c4600;--mtrl-sys-color-secondary-fixed-dim: #403000;--mtrl-sys-color-tertiary-fixed: #4f4465;--mtrl-sys-color-tertiary-fixed-dim: #382d4d;--mtrl-sys-color-surface-dim: #b6b9be;--mtrl-sys-color-surface-container-low: #eef1f6;--mtrl-sys-color-surface-container: #e0e3e8;--mtrl-sys-color-surface-container-high: #d1d5da;--mtrl-sys-color-surface-container-highest: #c3c7cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #272d32;--mtrl-sys-color-outline-variant: #444a50;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=summer][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #e4f2ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #91c9f3;--mtrl-sys-color-on-primary-container: #000d17;--mtrl-sys-color-secondary: #ffeecd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e9bd41;--mtrl-sys-color-on-secondary-container: #110a00;--mtrl-sys-color-tertiary: #f6ecff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #cbbce4;--mtrl-sys-color-on-tertiary-container: #0f0523;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001320;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #181000;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #150b29;--mtrl-sys-color-surface-bright: #4c5055;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c2024;--mtrl-sys-color-surface-container: #2d3135;--mtrl-sys-color-surface-container-high: #383c40;--mtrl-sys-color-surface-container-highest: #43474b;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ebf0f8;--mtrl-sys-color-outline-variant: #bdc3ca;--mtrl-sys-color-inverse-on-surface: #000000}
|
package/dist/themes/summer.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=summer]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #266489;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c9e6ff;--mtrl-sys-color-on-primary-container: #004b6f;--mtrl-sys-color-secondary: #765b00;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdf93;--mtrl-sys-color-on-secondary-container: #594400;--mtrl-sys-color-tertiary: #64597b;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #eaddff;--mtrl-sys-color-on-tertiary-container: #4c4162;--mtrl-sys-color-primary-fixed: #c9e6ff;--mtrl-sys-color-primary-fixed-dim: #95cdf7;--mtrl-sys-color-on-primary-fixed: #001e2f;--mtrl-sys-color-on-primary-fixed-variant: #004b6f;--mtrl-sys-color-secondary-fixed: #ffdf93;--mtrl-sys-color-secondary-fixed-dim: #eec144;--mtrl-sys-color-on-secondary-fixed: #241a00;--mtrl-sys-color-on-secondary-fixed-variant: #594400;--mtrl-sys-color-tertiary-fixed: #eaddff;--mtrl-sys-color-tertiary-fixed-dim: #cfc0e8;--mtrl-sys-color-on-tertiary-fixed: #201634;--mtrl-sys-color-on-tertiary-fixed-variant: #4c4162;--mtrl-sys-color-surface: #f7f9ff;--mtrl-sys-color-surface-dim: #d7dadf;--mtrl-sys-color-surface-bright: #f7f9ff;--mtrl-sys-color-surface-variant: #dde3ea;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f1f4f9;--mtrl-sys-color-surface-container: #ebeef3;--mtrl-sys-color-surface-container-high: #e5e8ed;--mtrl-sys-color-surface-container-highest: #e0e3e8;--mtrl-sys-color-on-surface: #181c20;--mtrl-sys-color-on-surface-variant: #41474d;--mtrl-sys-color-outline: #72787e;--mtrl-sys-color-outline-variant: #c1c7ce;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #2d3135;--mtrl-sys-color-inverse-on-surface: #eef1f6;--mtrl-sys-color-inverse-primary: #95cdf7}[data-theme=summer][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #95cdf7;--mtrl-sys-color-on-primary: #00344e;--mtrl-sys-color-primary-container: #004b6f;--mtrl-sys-color-on-primary-container: #c9e6ff;--mtrl-sys-color-secondary: #eec144;--mtrl-sys-color-on-secondary: #3e2e00;--mtrl-sys-color-secondary-container: #594400;--mtrl-sys-color-on-secondary-container: #ffdf93;--mtrl-sys-color-tertiary: #cfc0e8;--mtrl-sys-color-on-tertiary: #352b4b;--mtrl-sys-color-tertiary-container: #4c4162;--mtrl-sys-color-on-tertiary-container: #eaddff;--mtrl-sys-color-primary-fixed: #c9e6ff;--mtrl-sys-color-primary-fixed-dim: #95cdf7;--mtrl-sys-color-on-primary-fixed: #001e2f;--mtrl-sys-color-on-primary-fixed-variant: #004b6f;--mtrl-sys-color-secondary-fixed: #ffdf93;--mtrl-sys-color-secondary-fixed-dim: #eec144;--mtrl-sys-color-on-secondary-fixed: #241a00;--mtrl-sys-color-on-secondary-fixed-variant: #594400;--mtrl-sys-color-tertiary-fixed: #eaddff;--mtrl-sys-color-tertiary-fixed-dim: #cfc0e8;--mtrl-sys-color-on-tertiary-fixed: #201634;--mtrl-sys-color-on-tertiary-fixed-variant: #4c4162;--mtrl-sys-color-surface: #101417;--mtrl-sys-color-surface-dim: #101417;--mtrl-sys-color-surface-bright: #363a3e;--mtrl-sys-color-surface-variant: #41474d;--mtrl-sys-color-surface-container-lowest: #0b0f12;--mtrl-sys-color-surface-container-low: #181c20;--mtrl-sys-color-surface-container: #1c2024;--mtrl-sys-color-surface-container-high: #262a2e;--mtrl-sys-color-surface-container-highest: #313539;--mtrl-sys-color-on-surface: #e0e3e8;--mtrl-sys-color-on-surface-variant: #c1c7ce;--mtrl-sys-color-outline: #8b9198;--mtrl-sys-color-outline-variant: #41474d;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e0e3e8;--mtrl-sys-color-inverse-on-surface: #2d3135;--mtrl-sys-color-inverse-primary: #266489}@media(prefers-contrast: more){[data-theme=summer]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #002f48;--mtrl-sys-color-primary-container: #004e72;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #392a00;--mtrl-sys-color-secondary-container: #5c4600;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #312746;--mtrl-sys-color-tertiary-container: #4f4465;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #004e72;--mtrl-sys-color-primary-fixed-dim: #003651;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #5c4600;--mtrl-sys-color-secondary-fixed-dim: #403000;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #4f4465;--mtrl-sys-color-tertiary-fixed-dim: #382d4d;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b6b9be;--mtrl-sys-color-surface-container-low: #eef1f6;--mtrl-sys-color-surface-container: #e0e3e8;--mtrl-sys-color-surface-container-high: #d1d5da;--mtrl-sys-color-surface-container-highest: #c3c7cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #272d32;--mtrl-sys-color-outline-variant: #444a50;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=summer]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #e4f2ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #91c9f3;--mtrl-sys-color-on-primary-container: #000d17;--mtrl-sys-color-secondary: #ffeecd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e9bd41;--mtrl-sys-color-on-secondary-container: #110a00;--mtrl-sys-color-tertiary: #f6ecff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #cbbce4;--mtrl-sys-color-on-tertiary-container: #0f0523;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001320;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #181000;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #150b29;--mtrl-sys-color-surface-bright: #4c5055;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c2024;--mtrl-sys-color-surface-container: #2d3135;--mtrl-sys-color-surface-container-high: #383c40;--mtrl-sys-color-surface-container-highest: #43474b;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ebf0f8;--mtrl-sys-color-outline-variant: #bdc3ca;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #004d71}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=sunset]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f4ded5;--mtrl-sys-color-inverse-surface: #382e2a;--mtrl-sys-color-inverse-primary: #ffb595}[data-theme=sunset]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed: #ffdbcd;--mtrl-sys-color-primary-fixed-dim: #ffb595;--mtrl-sys-color-surface: #1a120e;--mtrl-sys-color-surface-dim: #1a120e;--mtrl-sys-color-surface-variant: #52443d;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #f1dfd8;--mtrl-sys-color-inverse-primary: #72381a}[data-theme=sunset][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #5c260a;--mtrl-sys-color-primary-container: #9f5b3b;--mtrl-sys-color-secondary: #4b2f23;--mtrl-sys-color-secondary-container: #886557;--mtrl-sys-color-tertiary: #443409;--mtrl-sys-color-tertiary-container: #806a3b;--mtrl-sys-color-primary-fixed: #9f5b3b;--mtrl-sys-color-primary-fixed-dim: #824426;--mtrl-sys-color-secondary-fixed: #886557;--mtrl-sys-color-secondary-fixed-dim: #6d4d40;--mtrl-sys-color-tertiary-fixed: #806a3b;--mtrl-sys-color-tertiary-fixed-dim: #655225;--mtrl-sys-color-surface-dim: #d4c3bd;--mtrl-sys-color-surface-container-low: #fff1ec;--mtrl-sys-color-surface-container: #f6e5de;--mtrl-sys-color-surface-container-high: #ebd9d3;--mtrl-sys-color-surface-container-highest: #dfcec8;--mtrl-sys-color-on-surface: #170f0c;--mtrl-sys-color-on-surface-variant: #41332d;--mtrl-sys-color-outline: #5f4f49;--mtrl-sys-color-outline-variant: #7b6963;--mtrl-sys-color-inverse-on-surface: #ffede7}[data-theme=sunset][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #ffd3c1;--mtrl-sys-color-on-primary: #461700;--mtrl-sys-color-primary-container: #ca7e5b;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd3c1;--mtrl-sys-color-on-secondary: #381f14;--mtrl-sys-color-secondary-container: #af8878;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #f5d9a0;--mtrl-sys-color-on-tertiary: #322300;--mtrl-sys-color-tertiary-container: #a58e5b;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #250800;--mtrl-sys-color-on-primary-fixed-variant: #5c260a;--mtrl-sys-color-on-secondary-fixed: #200b03;--mtrl-sys-color-on-secondary-fixed-variant: #4b2f23;--mtrl-sys-color-on-tertiary-fixed: #181000;--mtrl-sys-color-on-tertiary-fixed-variant: #443409;--mtrl-sys-color-surface-bright: #4d423e;--mtrl-sys-color-surface-container-lowest: #0d0604;--mtrl-sys-color-surface-container-low: #251c18;--mtrl-sys-color-surface-container: #2f2622;--mtrl-sys-color-surface-container-high: #3b302c;--mtrl-sys-color-surface-container-highest: #463b37;--mtrl-sys-color-on-surface-variant: #eed8cf;--mtrl-sys-color-outline: #c2aea6;--mtrl-sys-color-outline-variant: #9f8c85;--mtrl-sys-color-inverse-on-surface: #322824}[data-theme=sunset][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #4f1d03;--mtrl-sys-color-primary-container: #74391c;--mtrl-sys-color-secondary: #40261a;--mtrl-sys-color-secondary-container: #604235;--mtrl-sys-color-tertiary: #392a01;--mtrl-sys-color-tertiary-container: #59471b;--mtrl-sys-color-primary-fixed: #74391c;--mtrl-sys-color-primary-fixed-dim: #572307;--mtrl-sys-color-secondary-fixed: #604235;--mtrl-sys-color-secondary-fixed-dim: #472c20;--mtrl-sys-color-tertiary-fixed: #59471b;--mtrl-sys-color-tertiary-fixed-dim: #403006;--mtrl-sys-color-surface-dim: #c6b5af;--mtrl-sys-color-surface-container-low: #ffede7;--mtrl-sys-color-surface-container: #f1dfd8;--mtrl-sys-color-surface-container-high: #e2d1cb;--mtrl-sys-color-surface-container-highest: #d4c3bd;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #362924;--mtrl-sys-color-outline-variant: #554640;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=sunset][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece5;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffb08d;--mtrl-sys-color-on-primary-container: #1b0500;--mtrl-sys-color-secondary: #ffece5;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e4b9a8;--mtrl-sys-color-on-secondary-container: #190601;--mtrl-sys-color-tertiary: #ffeed0;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #dac088;--mtrl-sys-color-on-tertiary-container: #110a00;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #250800;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #200b03;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #181000;--mtrl-sys-color-surface-bright: #594e49;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271e1a;--mtrl-sys-color-surface-container: #382e2a;--mtrl-sys-color-surface-container-high: #443935;--mtrl-sys-color-surface-container-highest: #504440;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece5;--mtrl-sys-color-outline-variant: #d4beb6;--mtrl-sys-color-inverse-on-surface: #000000}
|
package/dist/themes/sunset.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=sunset]{--mtrl-sys-color-primary: #b34700;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdbc8;--mtrl-sys-color-on-primary-container: #3a1500;--mtrl-sys-color-secondary: #775648;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdbd0;--mtrl-sys-color-on-secondary-container: #2c160c;--mtrl-sys-color-tertiary: #705c2e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #fcdfaa;--mtrl-sys-color-on-tertiary-container: #261a00;--mtrl-sys-color-primary-fixed: #ffdbcc;--mtrl-sys-color-primary-fixed-dim: #ffb695;--mtrl-sys-color-on-primary-fixed: #351000;--mtrl-sys-color-on-primary-fixed-variant: #7b2f00;--mtrl-sys-color-secondary-fixed: #ffdbcd;--mtrl-sys-color-secondary-fixed-dim: #e8bdac;--mtrl-sys-color-on-secondary-fixed: #2d150b;--mtrl-sys-color-on-secondary-fixed-variant: #5e4033;--mtrl-sys-color-tertiary-fixed: #fbdfa6;--mtrl-sys-color-tertiary-fixed-dim: #dec38c;--mtrl-sys-color-on-tertiary-fixed: #251a00;--mtrl-sys-color-on-tertiary-fixed-variant: #564419;--mtrl-sys-color-surface: #fffbff;--mtrl-sys-color-surface-dim: #e5e1e6;--mtrl-sys-color-surface-bright: #fffbff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fbf1f2;--mtrl-sys-color-surface-container: #f3ebe7;--mtrl-sys-color-surface-container-high: #ede5e1;--mtrl-sys-color-surface-container-highest: #e7dfdb;--mtrl-sys-color-on-surface: #201a18;--mtrl-sys-color-on-surface-variant: #53433e;--mtrl-sys-color-surface-variant: #f6ddd6;--mtrl-sys-color-outline: #85736d;--mtrl-sys-color-outline-variant: #d8c2bb;--mtrl-sys-color-inverse-surface: #33302d;--mtrl-sys-color-inverse-on-surface: #f7efeb;--mtrl-sys-color-inverse-primary: #ffb695;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF}[data-theme=sunset][data-theme-mode=dark]{--mtrl-sys-color-primary: #ffb686;--mtrl-sys-color-on-primary: #5c2800;--mtrl-sys-color-primary-container: #833b00;--mtrl-sys-color-on-primary-container: #ffdbc8;--mtrl-sys-color-secondary: #e7bda8;--mtrl-sys-color-on-secondary: #44291b;--mtrl-sys-color-secondary-container: #5d3f30;--mtrl-sys-color-on-secondary-container: #ffdbd0;--mtrl-sys-color-tertiary: #dfc38c;--mtrl-sys-color-on-tertiary: #3d2e05;--mtrl-sys-color-tertiary-container: #564419;--mtrl-sys-color-on-tertiary-container: #fcdfaa;--mtrl-sys-color-surface: #1a1110;--mtrl-sys-color-surface-dim: #1a1110;--mtrl-sys-color-surface-bright: #423735;--mtrl-sys-color-surface-container-lowest: #140c0b;--mtrl-sys-color-surface-container-low: #231917;--mtrl-sys-color-surface-container: #271d1b;--mtrl-sys-color-surface-container-high: #322826;--mtrl-sys-color-surface-container-highest: #3d3230;--mtrl-sys-color-on-surface: #f0dfd9;--mtrl-sys-color-on-surface-variant: #d8c2bb;--mtrl-sys-color-surface-variant: #53433e;--mtrl-sys-color-outline: #a08c85;--mtrl-sys-color-outline-variant: #53433e;--mtrl-sys-color-inverse-surface: #f0dfd9;--mtrl-sys-color-inverse-on-surface: #33302d;--mtrl-sys-color-inverse-primary: #a23f00;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355}@media(prefers-contrast: more){[data-theme=sunset]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #4f1d03;--mtrl-sys-color-primary-container: #74391c;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #40261a;--mtrl-sys-color-secondary-container: #604235;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #392a01;--mtrl-sys-color-tertiary-container: #59471b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #74391c;--mtrl-sys-color-primary-fixed-dim: #572307;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #604235;--mtrl-sys-color-secondary-fixed-dim: #472c20;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #59471b;--mtrl-sys-color-tertiary-fixed-dim: #403006;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-dim: #c6b5af;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f4ded5;--mtrl-sys-color-surface-container-low: #ffede7;--mtrl-sys-color-surface-container: #f1dfd8;--mtrl-sys-color-surface-container-high: #e2d1cb;--mtrl-sys-color-surface-container-highest: #d4c3bd;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #362924;--mtrl-sys-color-outline-variant: #554640;--mtrl-sys-color-inverse-surface: #382e2a;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #ffb595}[data-theme=sunset]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece5;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffb08d;--mtrl-sys-color-on-primary-container: #1b0500;--mtrl-sys-color-secondary: #ffece5;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e4b9a8;--mtrl-sys-color-on-secondary-container: #190601;--mtrl-sys-color-tertiary: #ffeed0;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #dac088;--mtrl-sys-color-on-tertiary-container: #110a00;--mtrl-sys-color-primary-fixed: #ffdbcd;--mtrl-sys-color-primary-fixed-dim: #ffb595;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #250800;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #200b03;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #181000;--mtrl-sys-color-surface: #1a120e;--mtrl-sys-color-surface-dim: #1a120e;--mtrl-sys-color-surface-bright: #594e49;--mtrl-sys-color-surface-variant: #52443d;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271e1a;--mtrl-sys-color-surface-container: #382e2a;--mtrl-sys-color-surface-container-high: #443935;--mtrl-sys-color-surface-container-highest: #504440;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece5;--mtrl-sys-color-outline-variant: #d4beb6;--mtrl-sys-color-inverse-surface: #f1dfd8;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #72381a}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=tealcaramel]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=tealcaramel]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #004f5e}[data-theme=tealcaramel][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #003c47;--mtrl-sys-color-primary-container: #1e778a;--mtrl-sys-color-secondary: #552c00;--mtrl-sys-color-secondary-container: #966130;--mtrl-sys-color-tertiary: #2e3453;--mtrl-sys-color-tertiary-container: #656b8d;--mtrl-sys-color-primary-fixed: #1e778a;--mtrl-sys-color-primary-fixed-dim: #005d6e;--mtrl-sys-color-secondary-fixed: #966130;--mtrl-sys-color-secondary-fixed-dim: #7a491a;--mtrl-sys-color-tertiary-fixed: #656b8d;--mtrl-sys-color-tertiary-fixed-dim: #4d5374;--mtrl-sys-color-surface-dim: #c2c7c9;--mtrl-sys-color-surface-container: #e4e9eb;--mtrl-sys-color-surface-container-high: #d8dee0;--mtrl-sys-color-surface-container-highest: #cdd2d5;--mtrl-sys-color-on-surface: #0c1214;--mtrl-sys-color-on-surface-variant: #2f383a;--mtrl-sys-color-outline: #4b5457;--mtrl-sys-color-outline-variant: #666f71}[data-theme=tealcaramel][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #9ae8fd;--mtrl-sys-color-on-primary: #002a33;--mtrl-sys-color-primary-container: #4c9baf;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd4b3;--mtrl-sys-color-on-secondary: #3d1e00;--mtrl-sys-color-secondary-container: #bf8450;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #d5daff;--mtrl-sys-color-on-tertiary: #1d2442;--mtrl-sys-color-tertiary-container: #898fb3;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001419;--mtrl-sys-color-on-primary-fixed-variant: #003c47;--mtrl-sys-color-on-secondary-fixed: #1f0c00;--mtrl-sys-color-on-secondary-fixed-variant: #552c00;--mtrl-sys-color-on-tertiary-fixed: #080f2c;--mtrl-sys-color-on-tertiary-fixed-variant: #2e3453;--mtrl-sys-color-surface-bright: #404547;--mtrl-sys-color-surface-container-lowest: #04080a;--mtrl-sys-color-surface-container-low: #191e20;--mtrl-sys-color-surface-container: #23292b;--mtrl-sys-color-surface-container-high: #2e3335;--mtrl-sys-color-surface-container-highest: #393f40;--mtrl-sys-color-on-surface-variant: #d5dee1;--mtrl-sys-color-outline: #aab3b6;--mtrl-sys-color-outline-variant: #899295;--mtrl-sys-color-inverse-on-surface: #252b2d}[data-theme=tealcaramel][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #00313b;--mtrl-sys-color-primary-container: #00515f;--mtrl-sys-color-secondary: #462300;--mtrl-sys-color-secondary-container: #6c3e0f;--mtrl-sys-color-tertiary: #242a48;--mtrl-sys-color-tertiary-container: #414767;--mtrl-sys-color-primary-fixed: #00515f;--mtrl-sys-color-primary-fixed-dim: #003843;--mtrl-sys-color-secondary-fixed: #6c3e0f;--mtrl-sys-color-secondary-fixed-dim: #502900;--mtrl-sys-color-tertiary-fixed: #414767;--mtrl-sys-color-tertiary-fixed-dim: #2b314f;--mtrl-sys-color-surface-dim: #b4babc;--mtrl-sys-color-surface-container-low: #ecf2f4;--mtrl-sys-color-surface-container: #dee3e5;--mtrl-sys-color-surface-container-high: #d0d5d7;--mtrl-sys-color-surface-container-highest: #c2c7c9;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #252d30;--mtrl-sys-color-outline-variant: #424b4d;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=tealcaramel][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d6f5ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #80cee3;--mtrl-sys-color-on-primary-container: #000d12;--mtrl-sys-color-secondary: #ffede0;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #f8b57c;--mtrl-sys-color-on-secondary-container: #160800;--mtrl-sys-color-tertiary: #efefff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #bbc1e7;--mtrl-sys-color-on-tertiary-container: #030826;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001419;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1f0c00;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #080f2c;--mtrl-sys-color-surface-bright: #4b5153;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1b2022;--mtrl-sys-color-surface-container: #2c3133;--mtrl-sys-color-surface-container-high: #373c3e;--mtrl-sys-color-surface-container-highest: #42484a;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #e9f1f5;--mtrl-sys-color-outline-variant: #bbc4c7;--mtrl-sys-color-inverse-on-surface: #000000}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=tealcaramel]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #00687a;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #acedff;--mtrl-sys-color-on-primary-container: #004e5c;--mtrl-sys-color-secondary: #855323;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdcc2;--mtrl-sys-color-on-secondary-container: #693c0d;--mtrl-sys-color-tertiary: #565d7e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #dde1ff;--mtrl-sys-color-on-tertiary-container: #3f4565;--mtrl-sys-color-primary-fixed: #acedff;--mtrl-sys-color-primary-fixed-dim: #84d2e7;--mtrl-sys-color-on-primary-fixed: #001f26;--mtrl-sys-color-on-primary-fixed-variant: #004e5c;--mtrl-sys-color-secondary-fixed: #ffdcc2;--mtrl-sys-color-secondary-fixed-dim: #fcb880;--mtrl-sys-color-on-secondary-fixed: #2e1500;--mtrl-sys-color-on-secondary-fixed-variant: #693c0d;--mtrl-sys-color-tertiary-fixed: #dde1ff;--mtrl-sys-color-tertiary-fixed-dim: #bfc4eb;--mtrl-sys-color-on-tertiary-fixed: #131937;--mtrl-sys-color-on-tertiary-fixed-variant: #3f4565;--mtrl-sys-color-surface: #f5fafc;--mtrl-sys-color-surface-dim: #d5dbdd;--mtrl-sys-color-surface-bright: #f5fafc;--mtrl-sys-color-surface-variant: #dbe4e7;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #eff4f7;--mtrl-sys-color-surface-container: #e9eff1;--mtrl-sys-color-surface-container-high: #e4e9eb;--mtrl-sys-color-surface-container-highest: #dee3e5;--mtrl-sys-color-on-surface: #171c1e;--mtrl-sys-color-on-surface-variant: #3f484b;--mtrl-sys-color-outline: #70797b;--mtrl-sys-color-outline-variant: #bfc8cb;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #2c3133;--mtrl-sys-color-inverse-on-surface: #ecf2f4;--mtrl-sys-color-inverse-primary: #84d2e7}[data-theme=tealcaramel][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #84d2e7;--mtrl-sys-color-on-primary: #003640;--mtrl-sys-color-primary-container: #004e5c;--mtrl-sys-color-on-primary-container: #acedff;--mtrl-sys-color-secondary: #fcb880;--mtrl-sys-color-on-secondary: #4c2700;--mtrl-sys-color-secondary-container: #693c0d;--mtrl-sys-color-on-secondary-container: #ffdcc2;--mtrl-sys-color-tertiary: #bfc4eb;--mtrl-sys-color-on-tertiary: #282f4d;--mtrl-sys-color-tertiary-container: #3f4565;--mtrl-sys-color-on-tertiary-container: #dde1ff;--mtrl-sys-color-primary-fixed: #acedff;--mtrl-sys-color-primary-fixed-dim: #84d2e7;--mtrl-sys-color-on-primary-fixed: #001f26;--mtrl-sys-color-on-primary-fixed-variant: #004e5c;--mtrl-sys-color-secondary-fixed: #ffdcc2;--mtrl-sys-color-secondary-fixed-dim: #fcb880;--mtrl-sys-color-on-secondary-fixed: #2e1500;--mtrl-sys-color-on-secondary-fixed-variant: #693c0d;--mtrl-sys-color-tertiary-fixed: #dde1ff;--mtrl-sys-color-tertiary-fixed-dim: #bfc4eb;--mtrl-sys-color-on-tertiary-fixed: #131937;--mtrl-sys-color-on-tertiary-fixed-variant: #3f4565;--mtrl-sys-color-surface: #0f1416;--mtrl-sys-color-surface-dim: #0f1416;--mtrl-sys-color-surface-bright: #343a3c;--mtrl-sys-color-surface-variant: #3f484b;--mtrl-sys-color-surface-container-lowest: #090f11;--mtrl-sys-color-surface-container-low: #171c1e;--mtrl-sys-color-surface-container: #1b2022;--mtrl-sys-color-surface-container-high: #252b2d;--mtrl-sys-color-surface-container-highest: #303638;--mtrl-sys-color-on-surface: #dee3e5;--mtrl-sys-color-on-surface-variant: #bfc8cb;--mtrl-sys-color-outline: #899295;--mtrl-sys-color-outline-variant: #3f484b;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #dee3e5;--mtrl-sys-color-inverse-on-surface: #2c3133;--mtrl-sys-color-inverse-primary: #00687a}@media(prefers-contrast: more){[data-theme=tealcaramel]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #00313b;--mtrl-sys-color-primary-container: #00515f;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #462300;--mtrl-sys-color-secondary-container: #6c3e0f;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #242a48;--mtrl-sys-color-tertiary-container: #414767;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #00515f;--mtrl-sys-color-primary-fixed-dim: #003843;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #6c3e0f;--mtrl-sys-color-secondary-fixed-dim: #502900;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #414767;--mtrl-sys-color-tertiary-fixed-dim: #2b314f;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b4babc;--mtrl-sys-color-surface-container-low: #ecf2f4;--mtrl-sys-color-surface-container: #dee3e5;--mtrl-sys-color-surface-container-high: #d0d5d7;--mtrl-sys-color-surface-container-highest: #c2c7c9;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #252d30;--mtrl-sys-color-outline-variant: #424b4d;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=tealcaramel]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d6f5ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #80cee3;--mtrl-sys-color-on-primary-container: #000d12;--mtrl-sys-color-secondary: #ffede0;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #f8b57c;--mtrl-sys-color-on-secondary-container: #160800;--mtrl-sys-color-tertiary: #efefff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #bbc1e7;--mtrl-sys-color-on-tertiary-container: #030826;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001419;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1f0c00;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #080f2c;--mtrl-sys-color-surface-bright: #4b5153;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1b2022;--mtrl-sys-color-surface-container: #2c3133;--mtrl-sys-color-surface-container-high: #373c3e;--mtrl-sys-color-surface-container-highest: #42484a;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #e9f1f5;--mtrl-sys-color-outline-variant: #bbc4c7;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #004f5e}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=vibrant]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=vibrant]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #5500cf}[data-theme=vibrant][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #4100a1;--mtrl-sys-color-primary-container: #7d40ff;--mtrl-sys-color-secondary: #412f4e;--mtrl-sys-color-secondary-container: #7a6587;--mtrl-sys-color-tertiary: #4d294f;--mtrl-sys-color-tertiary-container: #895f89;--mtrl-sys-color-primary-fixed: #7d40ff;--mtrl-sys-color-primary-fixed-dim: #6400f0;--mtrl-sys-color-secondary-fixed: #7a6587;--mtrl-sys-color-secondary-fixed-dim: #614d6e;--mtrl-sys-color-tertiary-fixed: #895f89;--mtrl-sys-color-tertiary-fixed-dim: #6e4770;--mtrl-sys-color-surface-dim: #cbc4d2;--mtrl-sys-color-surface-container: #ede5f4;--mtrl-sys-color-surface-container-high: #e1dae9;--mtrl-sys-color-surface-container-highest: #d6cfdd;--mtrl-sys-color-on-surface: #12101a;--mtrl-sys-color-on-surface-variant: #383442;--mtrl-sys-color-outline: #55505f;--mtrl-sys-color-outline-variant: #706a7a}[data-theme=vibrant][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #e3d6ff;--mtrl-sys-color-on-primary: #2e0077;--mtrl-sys-color-primary-container: #9e79ff;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #edd3fb;--mtrl-sys-color-on-secondary: #301e3c;--mtrl-sys-color-secondary-container: #9f88ad;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffccfd;--mtrl-sys-color-on-tertiary: #3a183e;--mtrl-sys-color-tertiary-container: #af82af;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #160042;--mtrl-sys-color-on-primary-fixed-variant: #4100a1;--mtrl-sys-color-on-secondary-fixed: #1a0926;--mtrl-sys-color-on-secondary-fixed-variant: #412f4e;--mtrl-sys-color-on-tertiary-fixed: #230328;--mtrl-sys-color-on-tertiary-fixed-variant: #4d294f;--mtrl-sys-color-surface-bright: #47434e;--mtrl-sys-color-surface-container-lowest: #08060f;--mtrl-sys-color-surface-container-low: #1f1c26;--mtrl-sys-color-surface-container: #292631;--mtrl-sys-color-surface-container-high: #34313c;--mtrl-sys-color-surface-container-highest: #403c47;--mtrl-sys-color-on-surface-variant: #e1d9eb;--mtrl-sys-color-outline: #b6afc0;--mtrl-sys-color-outline-variant: #948e9e;--mtrl-sys-color-inverse-on-surface: #2c2833}[data-theme=vibrant][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #350087;--mtrl-sys-color-primary-container: #5700d2;--mtrl-sys-color-secondary: #362543;--mtrl-sys-color-secondary-container: #554262;--mtrl-sys-color-tertiary: #421e45;--mtrl-sys-color-tertiary-container: #623b64;--mtrl-sys-color-primary-fixed: #5700d2;--mtrl-sys-color-primary-fixed-dim: #3d0098;--mtrl-sys-color-secondary-fixed: #554262;--mtrl-sys-color-secondary-fixed-dim: #3d2b4a;--mtrl-sys-color-tertiary-fixed: #623b64;--mtrl-sys-color-tertiary-fixed-dim: #49254c;--mtrl-sys-color-surface-dim: #bdb6c4;--mtrl-sys-color-surface-container-low: #f5eefd;--mtrl-sys-color-surface-container: #e7e0ef;--mtrl-sys-color-surface-container-high: #d9d2e0;--mtrl-sys-color-surface-container-highest: #cbc4d2;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2a38;--mtrl-sys-color-outline-variant: #4c4755;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=vibrant][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #faebff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #d3bae0;--mtrl-sys-color-on-secondary-container: #140420;--mtrl-sys-color-tertiary: #ffeafa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #e4b3e3;--mtrl-sys-color-on-tertiary-container: #1b0020;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1a0926;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #230328;--mtrl-sys-color-surface-bright: #524e5a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211e28;--mtrl-sys-color-surface-container: #322f3a;--mtrl-sys-color-surface-container-high: #3d3a45;--mtrl-sys-color-surface-container-highest: #494551;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f5edff;--mtrl-sys-color-outline-variant: #c7bfd1;--mtrl-sys-color-inverse-on-surface: #000000}
|
package/dist/themes/vibrant.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! material v3.2.
|
|
1
|
+
/*! material v3.2.3 | MIT */
|
|
2
2
|
[data-theme=vibrant]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #6f19ff;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #e9ddff;--mtrl-sys-color-on-primary-container: #5400cc;--mtrl-sys-color-secondary: #6b5778;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #f3daff;--mtrl-sys-color-on-secondary-container: #523f5f;--mtrl-sys-color-tertiary: #79507a;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd6fc;--mtrl-sys-color-on-tertiary-container: #5f3961;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #5400cc;--mtrl-sys-color-secondary-fixed: #f3daff;--mtrl-sys-color-secondary-fixed-dim: #d7bee4;--mtrl-sys-color-on-secondary-fixed: #251431;--mtrl-sys-color-on-secondary-fixed-variant: #523f5f;--mtrl-sys-color-tertiary-fixed: #ffd6fc;--mtrl-sys-color-tertiary-fixed-dim: #e8b7e7;--mtrl-sys-color-on-tertiary-fixed: #2f0d33;--mtrl-sys-color-on-tertiary-fixed-variant: #5f3961;--mtrl-sys-color-surface: #fdf7ff;--mtrl-sys-color-surface-dim: #ded7e6;--mtrl-sys-color-surface-bright: #fdf7ff;--mtrl-sys-color-surface-variant: #e7dff2;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f8f1ff;--mtrl-sys-color-surface-container: #f2ebfa;--mtrl-sys-color-surface-container-high: #ede5f4;--mtrl-sys-color-surface-container-highest: #e7e0ef;--mtrl-sys-color-on-surface: #1d1a24;--mtrl-sys-color-on-surface-variant: #494453;--mtrl-sys-color-outline: #7a7484;--mtrl-sys-color-outline-variant: #cbc3d5;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #322f3a;--mtrl-sys-color-inverse-on-surface: #f5eefd;--mtrl-sys-color-inverse-primary: #cfbcff}[data-theme=vibrant][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #cfbcff;--mtrl-sys-color-on-primary: #3a0092;--mtrl-sys-color-primary-container: #5400cc;--mtrl-sys-color-on-primary-container: #e9ddff;--mtrl-sys-color-secondary: #d7bee4;--mtrl-sys-color-on-secondary: #3b2948;--mtrl-sys-color-secondary-container: #523f5f;--mtrl-sys-color-on-secondary-container: #f3daff;--mtrl-sys-color-tertiary: #e8b7e7;--mtrl-sys-color-on-tertiary: #462349;--mtrl-sys-color-tertiary-container: #5f3961;--mtrl-sys-color-on-tertiary-container: #ffd6fc;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #5400cc;--mtrl-sys-color-secondary-fixed: #f3daff;--mtrl-sys-color-secondary-fixed-dim: #d7bee4;--mtrl-sys-color-on-secondary-fixed: #251431;--mtrl-sys-color-on-secondary-fixed-variant: #523f5f;--mtrl-sys-color-tertiary-fixed: #ffd6fc;--mtrl-sys-color-tertiary-fixed-dim: #e8b7e7;--mtrl-sys-color-on-tertiary-fixed: #2f0d33;--mtrl-sys-color-on-tertiary-fixed-variant: #5f3961;--mtrl-sys-color-surface: #15121c;--mtrl-sys-color-surface-dim: #15121c;--mtrl-sys-color-surface-bright: #3b3743;--mtrl-sys-color-surface-variant: #494453;--mtrl-sys-color-surface-container-lowest: #0f0d16;--mtrl-sys-color-surface-container-low: #1d1a24;--mtrl-sys-color-surface-container: #211e28;--mtrl-sys-color-surface-container-high: #2c2833;--mtrl-sys-color-surface-container-highest: #37333e;--mtrl-sys-color-on-surface: #e7e0ef;--mtrl-sys-color-on-surface-variant: #cbc3d5;--mtrl-sys-color-outline: #948e9f;--mtrl-sys-color-outline-variant: #494453;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e7e0ef;--mtrl-sys-color-inverse-on-surface: #322f3a;--mtrl-sys-color-inverse-primary: #6f19ff}@media(prefers-contrast: more){[data-theme=vibrant]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #350087;--mtrl-sys-color-primary-container: #5700d2;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #362543;--mtrl-sys-color-secondary-container: #554262;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #421e45;--mtrl-sys-color-tertiary-container: #623b64;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #5700d2;--mtrl-sys-color-primary-fixed-dim: #3d0098;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #554262;--mtrl-sys-color-secondary-fixed-dim: #3d2b4a;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #623b64;--mtrl-sys-color-tertiary-fixed-dim: #49254c;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #bdb6c4;--mtrl-sys-color-surface-container-low: #f5eefd;--mtrl-sys-color-surface-container: #e7e0ef;--mtrl-sys-color-surface-container-high: #d9d2e0;--mtrl-sys-color-surface-container-highest: #cbc4d2;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2a38;--mtrl-sys-color-outline-variant: #4c4755;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=vibrant]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #faebff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #d3bae0;--mtrl-sys-color-on-secondary-container: #140420;--mtrl-sys-color-tertiary: #ffeafa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #e4b3e3;--mtrl-sys-color-on-tertiary-container: #1b0020;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1a0926;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #230328;--mtrl-sys-color-surface-bright: #524e5a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211e28;--mtrl-sys-color-surface-container: #322f3a;--mtrl-sys-color-surface-container-high: #3d3a45;--mtrl-sys-color-surface-container-highest: #494551;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f5edff;--mtrl-sys-color-outline-variant: #c7bfd1;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #5500cf}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "material",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.3",
|
|
4
4
|
"description": "Material Design 3 components for the web: plain JavaScript, web components, and React, Vue, Svelte and Solid components. TypeScript, zero dependencies.",
|
|
5
5
|
"author": "floor",
|
|
6
6
|
"license": "MIT",
|
|
@@ -353,9 +353,56 @@ $sheet-overshoot-guard: 32px;
|
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
// RTL Support
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
356
|
+
//
|
|
357
|
+
// Three forms, because the rule has to reach where it is written and resolve
|
|
358
|
+
// the direction the way the element does: the NEAREST `[dir]`, as `:dir()`
|
|
359
|
+
// carries it. An attribute selector cannot say "nearest" — `[dir='rtl'] &`
|
|
360
|
+
// matches any right-to-left ancestor, so markup in a `dir="ltr"` subtree of an
|
|
361
|
+
// RTL page mirrored by the page root. The roots the library manages carry the
|
|
362
|
+
// direction they resolved as a class (src/core/dom/direction.ts):
|
|
363
|
+
//
|
|
364
|
+
// - `:where(.mtrl-rtl) &` for a factory's markup, which is light DOM: its root
|
|
365
|
+
// carries the class, and the part is its descendant;
|
|
366
|
+
// - `:where(:host(.mtrl-rtl)) &` for a part inside a shadow root, where no
|
|
367
|
+
// ancestor is `[dir='rtl']` and `:host()` is the only way in; it matches
|
|
368
|
+
// nothing in the light DOM, so it is inert there.
|
|
369
|
+
//
|
|
370
|
+
// `[dir='rtl'] &` stays for markup the runtime does not manage (hand-written
|
|
371
|
+
// classes, server output before hydration). A root that resolved its nearest
|
|
372
|
+
// direction left-to-right carries `mtrl-ltr`, and its subtree is cut from that
|
|
373
|
+
// form: the page root no longer wins over a nearer boundary. `:where()` keeps
|
|
374
|
+
// the classes and the cut out of the specificity, as an attribute on an
|
|
375
|
+
// ancestor was: the rule replaces the physical rule it mirrors, and a state
|
|
376
|
+
// rule more specific than that physical rule still wins (a drawer's open
|
|
377
|
+
// transform over its closed position). `:dir()` itself stays out of the sheet:
|
|
378
|
+
// consumer bundlers lower it into `:lang()` lists that match no `dir`
|
|
379
|
+
// (src/styles/components/_text-field.scss).
|
|
380
|
+
// A component factory rendered inside a shadow root the app owns needs the
|
|
381
|
+
// direction set in the app's own stylesheet, or the class on that root.
|
|
382
|
+
// A rule inside the block adds to the part with a compound (`&.x`,
|
|
383
|
+
// `&:hover`), never a suffix: a suffix (`&__x`) cannot follow the guard's
|
|
384
|
+
// `:not()`. A rule whose subject is a BEM element or a variant class goes
|
|
385
|
+
// through `rtl-selector` instead, which writes the subject out.
|
|
386
|
+
//
|
|
387
|
+
// `$self: true` for a value the include site sets on itself (a factory's root):
|
|
388
|
+
// its reflected class or its own `dir` matches, the nearest boundary, uncut.
|
|
389
|
+
@mixin rtl($self: false) {
|
|
390
|
+
$arms: ":where(.#{base.$prefix}-rtl) &, :where(:host(.#{base.$prefix}-rtl)) &, [dir='rtl'] &:not(:where(.#{base.$prefix}-ltr, .#{base.$prefix}-ltr *))";
|
|
391
|
+
@if $self { $arms: "&:where(.#{base.$prefix}-rtl, [dir='rtl']), #{$arms}"; }
|
|
392
|
+
#{$arms} { @content; }
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
// The same three arms for a subject that is not the include site's selector
|
|
396
|
+
// extended: a BEM element or a variant class, which a suffix on `&` would
|
|
397
|
+
// replace the subject with and the guard sits on the wrong compound for.
|
|
398
|
+
// `$subject` is the class at the call site (e.g. `".#{$component}__item"`).
|
|
399
|
+
@mixin rtl-selector($subject) {
|
|
400
|
+
@at-root {
|
|
401
|
+
:where(.#{base.$prefix}-rtl) #{$subject},
|
|
402
|
+
:where(:host(.#{base.$prefix}-rtl)) #{$subject},
|
|
403
|
+
[dir='rtl'] #{$subject}:not(:where(.#{base.$prefix}-ltr, .#{base.$prefix}-ltr *)) {
|
|
404
|
+
@content;
|
|
405
|
+
}
|
|
359
406
|
}
|
|
360
407
|
}
|
|
361
408
|
|
|
@@ -155,29 +155,29 @@ $wrapper: '#{base.$prefix}-badge__wrapper';
|
|
|
155
155
|
background-color: t.color('info');
|
|
156
156
|
color: t.color('on-info');
|
|
157
157
|
}
|
|
158
|
-
}
|
|
159
158
|
|
|
160
|
-
// RTL support
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
159
|
+
// RTL support: the positions swap under the mixin's two directions.
|
|
160
|
+
&--positioned {
|
|
161
|
+
@include m.rtl {
|
|
162
|
+
&.#{$component}--top-right {
|
|
163
|
+
right: auto;
|
|
164
|
+
left: -8px;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
&.#{$component}--top-left {
|
|
168
|
+
left: auto;
|
|
169
|
+
right: -8px;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
&.#{$component}--bottom-right {
|
|
173
|
+
right: auto;
|
|
174
|
+
left: -8px;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
&.#{$component}--bottom-left {
|
|
178
|
+
left: auto;
|
|
179
|
+
right: -8px;
|
|
180
|
+
}
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
}
|
|
@@ -69,17 +69,17 @@ $component: '#{base.$prefix}-bottom-app-bar';
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
// RTL Support
|
|
72
|
-
|
|
72
|
+
@include m.rtl {
|
|
73
73
|
padding: 12px 4px 12px 16px;
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@include m.rtl-selector('.#{$component}__actions') {
|
|
77
|
+
flex-direction: row-reverse;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@include m.rtl-selector('.#{$component}__fab-container') {
|
|
81
|
+
margin-right: auto;
|
|
82
|
+
margin-left: initial;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
// // Media query to hide on large screens
|
|
@@ -187,6 +187,10 @@ $component: '#{base.$prefix}-card';
|
|
|
187
187
|
|
|
188
188
|
&-avatar {
|
|
189
189
|
margin-right: v.card('padding');
|
|
190
|
+
@include m.rtl {
|
|
191
|
+
margin-right: 0;
|
|
192
|
+
margin-left: v.card('padding');
|
|
193
|
+
}
|
|
190
194
|
flex-shrink: 0;
|
|
191
195
|
display: flex;
|
|
192
196
|
align-items: center;
|
|
@@ -221,6 +225,10 @@ $component: '#{base.$prefix}-card';
|
|
|
221
225
|
|
|
222
226
|
&-action {
|
|
223
227
|
margin-left: 8px;
|
|
228
|
+
@include m.rtl {
|
|
229
|
+
margin-left: 0;
|
|
230
|
+
margin-right: 8px;
|
|
231
|
+
}
|
|
224
232
|
flex-shrink: 0;
|
|
225
233
|
}
|
|
226
234
|
}
|
|
@@ -301,14 +309,26 @@ $component: '#{base.$prefix}-card';
|
|
|
301
309
|
|
|
302
310
|
> * {
|
|
303
311
|
margin: 0 4px;
|
|
304
|
-
|
|
312
|
+
|
|
305
313
|
&:first-child {
|
|
306
314
|
margin-left: 8px;
|
|
307
315
|
}
|
|
308
|
-
|
|
316
|
+
|
|
309
317
|
&:last-child {
|
|
310
318
|
margin-right: 8px;
|
|
311
319
|
}
|
|
320
|
+
|
|
321
|
+
@include m.rtl {
|
|
322
|
+
&:first-child {
|
|
323
|
+
margin-left: 4px;
|
|
324
|
+
margin-right: 8px;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
&:last-child {
|
|
328
|
+
margin-right: 4px;
|
|
329
|
+
margin-left: 8px;
|
|
330
|
+
}
|
|
331
|
+
}
|
|
312
332
|
}
|
|
313
333
|
|
|
314
334
|
// Full-bleed actions
|
|
@@ -17,6 +17,18 @@ $component: '#{base.$prefix}-datepicker';
|
|
|
17
17
|
contain: inline-size;
|
|
18
18
|
contain-intrinsic-inline-size: v.text-field('width');
|
|
19
19
|
color: t.color('on-surface');
|
|
20
|
+
// The physical range band and chevron flip: left-to-right at the root,
|
|
21
|
+
// right-to-left under the direction arm. The defaults are declared here, not
|
|
22
|
+
// only used as var() fallbacks, because a custom property inherits: a nested
|
|
23
|
+
// LTR instance must not read its RTL parent's values.
|
|
24
|
+
--#{$component}-start: 100% 0;
|
|
25
|
+
--#{$component}-end: 0 0;
|
|
26
|
+
--#{$component}-flip: none;
|
|
27
|
+
@include m.rtl($self: true) {
|
|
28
|
+
--#{$component}-start: 0 0;
|
|
29
|
+
--#{$component}-end: 100% 0;
|
|
30
|
+
--#{$component}-flip: scaleX(-1);
|
|
31
|
+
}
|
|
20
32
|
&__anchor { display: flex; position: relative; }
|
|
21
33
|
&__label { @include m.typography('body-small'); margin-block-end: 4px; }
|
|
22
34
|
&__input {
|
|
@@ -109,8 +121,8 @@ $component: '#{base.$prefix}-datepicker';
|
|
|
109
121
|
background: linear-gradient(transparent 4px, t.color('secondary-container') 4px, t.color('secondary-container') 44px, transparent 44px) no-repeat;
|
|
110
122
|
.#{$component}__day:not(.#{$component}__day--selected) { color: t.color('on-secondary-container'); }
|
|
111
123
|
}
|
|
112
|
-
&__cell--range-start { background-size: 50% 100%; background-position:
|
|
113
|
-
&__cell--range-end { background-size: 50% 100%; background-position:
|
|
124
|
+
&__cell--range-start { background-size: 50% 100%; background-position: var(--#{$component}-start); }
|
|
125
|
+
&__cell--range-end { background-size: 50% 100%; background-position: var(--#{$component}-end); }
|
|
114
126
|
&__cell--range-start#{&}__cell--range-end { background: none; }
|
|
115
127
|
// Where the range wraps to the next week, the band runs on through the grid's inline
|
|
116
128
|
// padding to the container edge, as m3.material.io's range picker draws it: the row
|
|
@@ -156,7 +168,7 @@ $component: '#{base.$prefix}-datepicker';
|
|
|
156
168
|
&__field { display: flex; flex-direction: column; }
|
|
157
169
|
&__footer { display: flex; justify-content: flex-end; gap: 8px; padding: 4px 12px; }
|
|
158
170
|
// The chevrons point the way the months go: mirrored right to left.
|
|
159
|
-
&__prev svg, &__next svg {
|
|
171
|
+
&__prev svg, &__next svg { transform: var(--#{$component}-flip); }
|
|
160
172
|
&__cancel, &__confirm, &__save { @include m.typography('label-large'); padding: 0 12px; color: t.color('primary'); }
|
|
161
173
|
&__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
|
|
162
174
|
}
|
|
@@ -586,16 +586,12 @@ $default-width: 360px;
|
|
|
586
586
|
// RTL — item padding direction
|
|
587
587
|
// ========================================================================
|
|
588
588
|
|
|
589
|
-
@include m.rtl {
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
}
|
|
589
|
+
@include m.rtl-selector('.#{$component}__item') {
|
|
590
|
+
padding: 0 16px 0 24px;
|
|
591
|
+
}
|
|
593
592
|
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
padding: 0 12px 0 16px;
|
|
597
|
-
}
|
|
598
|
-
}
|
|
593
|
+
@include m.rtl-selector('.#{$component}--dense .#{$component}__item') {
|
|
594
|
+
padding: 0 12px 0 16px;
|
|
599
595
|
}
|
|
600
596
|
|
|
601
597
|
// ========================================================================
|
|
@@ -26,6 +26,13 @@ $component: "#{base.$prefix}-side-sheet";
|
|
|
26
26
|
display: flex;
|
|
27
27
|
pointer-events: none;
|
|
28
28
|
|
|
29
|
+
// Share the physical offset's sign between the slide and overshoot cover.
|
|
30
|
+
--#{$component}-direction: 1;
|
|
31
|
+
|
|
32
|
+
@include m.rtl {
|
|
33
|
+
--#{$component}-direction: -1;
|
|
34
|
+
}
|
|
35
|
+
|
|
29
36
|
&--open {
|
|
30
37
|
pointer-events: auto;
|
|
31
38
|
}
|
|
@@ -154,11 +161,11 @@ $component: "#{base.$prefix}-side-sheet";
|
|
|
154
161
|
|
|
155
162
|
// Cover the gap the spring's overshoot opens at the docked edge
|
|
156
163
|
&.#{$component}--end .#{$component}__container {
|
|
157
|
-
box-shadow: m.$sheet-overshoot-guard 0 0 0 t.color("surface");
|
|
164
|
+
box-shadow: calc(m.$sheet-overshoot-guard * var(--#{$component}-direction)) 0 0 0 t.color("surface");
|
|
158
165
|
}
|
|
159
166
|
|
|
160
167
|
&.#{$component}--start .#{$component}__container {
|
|
161
|
-
box-shadow: (-1 * m.$sheet-overshoot-guard) 0 0 0 t.color("surface");
|
|
168
|
+
box-shadow: calc(-1 * m.$sheet-overshoot-guard * var(--#{$component}-direction)) 0 0 0 t.color("surface");
|
|
162
169
|
}
|
|
163
170
|
}
|
|
164
171
|
|
|
@@ -172,13 +179,13 @@ $component: "#{base.$prefix}-side-sheet";
|
|
|
172
179
|
// faces the page. The standard one is square (MDC
|
|
173
180
|
// Sheet.Side.Docked.Container.Shape = Corner.None),
|
|
174
181
|
&.#{$component}--end .#{$component}__container {
|
|
175
|
-
box-shadow: f.get-elevation(1), m.$sheet-overshoot-guard 0 0 0 t.color("surface-container-low");
|
|
182
|
+
box-shadow: f.get-elevation(1), calc(m.$sheet-overshoot-guard * var(--#{$component}-direction)) 0 0 0 t.color("surface-container-low");
|
|
176
183
|
border-start-start-radius: v.shape("large");
|
|
177
184
|
border-end-start-radius: v.shape("large");
|
|
178
185
|
}
|
|
179
186
|
|
|
180
187
|
&.#{$component}--start .#{$component}__container {
|
|
181
|
-
box-shadow: f.get-elevation(1), (-1 * m.$sheet-overshoot-guard) 0 0 0 t.color("surface-container-low");
|
|
188
|
+
box-shadow: f.get-elevation(1), calc(-1 * m.$sheet-overshoot-guard * var(--#{$component}-direction)) 0 0 0 t.color("surface-container-low");
|
|
182
189
|
border-start-end-radius: v.shape("large");
|
|
183
190
|
border-end-end-radius: v.shape("large");
|
|
184
191
|
}
|
|
@@ -191,7 +198,7 @@ $component: "#{base.$prefix}-side-sheet";
|
|
|
191
198
|
justify-content: flex-end;
|
|
192
199
|
|
|
193
200
|
.#{$component}__container {
|
|
194
|
-
transform: translateX(100%);
|
|
201
|
+
transform: translateX(calc(100% * var(--#{$component}-direction)));
|
|
195
202
|
}
|
|
196
203
|
}
|
|
197
204
|
|
|
@@ -199,7 +206,7 @@ $component: "#{base.$prefix}-side-sheet";
|
|
|
199
206
|
justify-content: flex-start;
|
|
200
207
|
|
|
201
208
|
.#{$component}__container {
|
|
202
|
-
transform: translateX(-100%);
|
|
209
|
+
transform: translateX(calc(-100% * var(--#{$component}-direction)));
|
|
203
210
|
}
|
|
204
211
|
}
|
|
205
212
|
|