mtrl 0.9.5 → 0.9.6

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.
Files changed (85) hide show
  1. package/dist/components/button/features/progress.js +2 -0
  2. package/dist/components/dialog/config.js +0 -1
  3. package/dist/components/dialog/features.js +5 -4
  4. package/dist/components/dialog/types.d.ts +3 -2
  5. package/dist/components/menu/config.js +2 -2
  6. package/dist/components/menu/features/controller.js +37 -23
  7. package/dist/components/menu/features/opener.js +4 -2
  8. package/dist/components/menu/types.d.ts +12 -1
  9. package/dist/components/select/features.js +244 -23
  10. package/dist/components/switch/switch.js +1 -1
  11. package/dist/components/tabs/tabs.js +10 -1
  12. package/dist/components/tabs/utils.d.ts +8 -0
  13. package/dist/components/tabs/utils.js +42 -17
  14. package/dist/components/textfield/features/error.d.ts +1 -0
  15. package/dist/components/textfield/features/error.js +10 -0
  16. package/dist/components/textfield/features/supporting-text.d.ts +1 -0
  17. package/dist/components/textfield/features/supporting-text.js +25 -0
  18. package/dist/components/tooltip/api.js +19 -0
  19. package/dist/core/compose/features/input.js +1 -1
  20. package/dist/core/compose/features/textlabel.js +3 -0
  21. package/dist/index.cjs +0 -0
  22. package/dist/package.json +1 -1
  23. package/dist/styles/badge.css +1 -1
  24. package/dist/styles/base.css +2 -2
  25. package/dist/styles/bottom-app-bar.css +1 -1
  26. package/dist/styles/bottom-sheet.css +2 -2
  27. package/dist/styles/button-group.css +1 -1
  28. package/dist/styles/button.css +2 -2
  29. package/dist/styles/card.css +2 -2
  30. package/dist/styles/carousel.css +1 -1
  31. package/dist/styles/checkbox.css +2 -2
  32. package/dist/styles/chips.css +2 -2
  33. package/dist/styles/dialog.css +2 -2
  34. package/dist/styles/divider.css +1 -1
  35. package/dist/styles/drawer.css +2 -2
  36. package/dist/styles/extended-fab.css +2 -2
  37. package/dist/styles/fab.css +2 -2
  38. package/dist/styles/icon-button.css +2 -2
  39. package/dist/styles/list.css +2 -2
  40. package/dist/styles/loading-indicator.css +1 -1
  41. package/dist/styles/menu.css +2 -2
  42. package/dist/styles/navigation-rail.css +1 -1
  43. package/dist/styles/navigation.css +2 -2
  44. package/dist/styles/progress.css +2 -2
  45. package/dist/styles/radios.css +1 -1
  46. package/dist/styles/search.css +1 -1
  47. package/dist/styles/segmented-button.css +2 -2
  48. package/dist/styles/select.css +2 -2
  49. package/dist/styles/side-sheet.css +2 -2
  50. package/dist/styles/slider.css +1 -1
  51. package/dist/styles/snackbar.css +1 -1
  52. package/dist/styles/split-button.css +2 -2
  53. package/dist/styles/switch.css +2 -2
  54. package/dist/styles/tabs.css +1 -1
  55. package/dist/styles/textfield.css +2 -2
  56. package/dist/styles/timepicker.css +1 -1
  57. package/dist/styles/tooltip.css +2 -2
  58. package/dist/styles/top-app-bar.css +1 -1
  59. package/dist/styles/utilities.css +1 -1
  60. package/dist/styles.css +2 -2
  61. package/dist/themes/autumn.css +1 -1
  62. package/dist/themes/baseline.css +1 -1
  63. package/dist/themes/brownbeige.css +1 -1
  64. package/dist/themes/browngreen.css +1 -1
  65. package/dist/themes/desert.css +1 -1
  66. package/dist/themes/forest.css +1 -1
  67. package/dist/themes/highcontrast.css +1 -1
  68. package/dist/themes/legacy.css +1 -1
  69. package/dist/themes/material.css +1 -1
  70. package/dist/themes/ocean.css +1 -1
  71. package/dist/themes/sageivory.css +1 -1
  72. package/dist/themes/spring.css +1 -1
  73. package/dist/themes/summer.css +1 -1
  74. package/dist/themes/sunset.css +1 -1
  75. package/dist/themes/tealcaramel.css +1 -1
  76. package/dist/themes/winter.css +1 -1
  77. package/package.json +1 -1
  78. package/src/styles/abstract/_mixins.scss +26 -0
  79. package/src/styles/abstract/_variables.scss +25 -11
  80. package/src/styles/components/_bottom-sheet.scss +23 -7
  81. package/src/styles/components/_dialog.scss +59 -26
  82. package/src/styles/components/_drawer.scss +60 -7
  83. package/src/styles/components/_menu.scss +12 -7
  84. package/src/styles/components/_side-sheet.scss +33 -4
  85. package/src/styles/components/_tooltip.scss +3 -0
package/dist/themes/autumn.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=autumn]{--mtrl-sys-color-primary: #795548;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdcc7;--mtrl-sys-color-on-primary-container: #2c1500;--mtrl-sys-color-secondary: #a02a2a;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #edd9b9;--mtrl-sys-color-on-secondary-container: #410001;--mtrl-sys-color-tertiary: #4d6642;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #cfe9be;--mtrl-sys-color-on-tertiary-container: #0a2008;--mtrl-sys-color-quaternary: #8b6500;--mtrl-sys-color-on-quaternary: #ffffff;--mtrl-sys-color-quaternary-container: #ffdf8a;--mtrl-sys-color-on-quaternary-container: #2c1f00;--mtrl-sys-color-surface: #fffbf7;--mtrl-sys-color-surface-dim: #ead7ce;--mtrl-sys-color-surface-bright: #fffbf7;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fff0ea;--mtrl-sys-color-surface-container: #f5e1d7;--mtrl-sys-color-surface-container-high: #efdbd1;--mtrl-sys-color-surface-container-highest: #e9d5cb;--mtrl-sys-color-on-surface: #201a17;--mtrl-sys-color-on-surface-variant: #53433c;--mtrl-sys-color-outline: #85736c;--mtrl-sys-color-outline-variant: #d7c1ba;--mtrl-sys-color-surface-rgb: 32, 26, 23;--mtrl-sys-color-success: #85cfa9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392d;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #ffb95c;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3f2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99cbff;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=autumn][data-theme-mode=dark]{--mtrl-sys-color-primary: #ddb995;--mtrl-sys-color-on-primary: #422b09;--mtrl-sys-color-primary-container: #5d3f1c;--mtrl-sys-color-on-primary-container: #ffdcc7;--mtrl-sys-color-secondary: #ffb4ab;--mtrl-sys-color-on-secondary: #690004;--mtrl-sys-color-secondary-container: #6a3a22;--mtrl-sys-color-on-secondary-container: #ffdad4;--mtrl-sys-color-tertiary: #b4cca4;--mtrl-sys-color-on-tertiary: #213515;--mtrl-sys-color-tertiary-container: #384f2b;--mtrl-sys-color-on-tertiary-container: #cfe9be;--mtrl-sys-color-quaternary: #ffc147;--mtrl-sys-color-on-quaternary: #463300;--mtrl-sys-color-quaternary-container: #644900;--mtrl-sys-color-on-quaternary-container: #ffdf8a;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96;--mtrl-sys-color-surface: #201a17;--mtrl-sys-color-surface-dim: #17120f;--mtrl-sys-color-surface-bright: #3d3631;--mtrl-sys-color-surface-container-lowest: #130e0b;--mtrl-sys-color-surface-container-low: #201a17;--mtrl-sys-color-surface-container: #241e1a;--mtrl-sys-color-surface-container-high: #2e2723;--mtrl-sys-color-surface-container-highest: #39322d;--mtrl-sys-color-on-surface: #ede0d9;--mtrl-sys-color-on-surface-variant: #d7c1ba;--mtrl-sys-color-outline: #a08c85;--mtrl-sys-color-outline-variant: #53433c}
package/dist/themes/baseline.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  :root{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-primary-rgb: 103, 80, 164;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #eaddff;--mtrl-sys-color-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-on-primary-container: #21005d;--mtrl-sys-color-on-primary-container-rgb: 33, 0, 93;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-secondary-rgb: 98, 91, 113;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-on-secondary-container: #1d192b;--mtrl-sys-color-on-secondary-container-rgb: 29, 25, 43;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-tertiary-rgb: 125, 82, 96;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffd8e4;--mtrl-sys-color-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-on-tertiary-container: #31111d;--mtrl-sys-color-on-tertiary-container-rgb: 49, 17, 29;--mtrl-sys-color-surface: #fffbfe;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #ded8e1;--mtrl-sys-color-surface-dim-rgb: 222, 216, 225;--mtrl-sys-color-surface-bright: #fff8f7;--mtrl-sys-color-surface-bright-rgb: 255, 248, 247;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f7f2fa;--mtrl-sys-color-surface-container-low-rgb: 247, 242, 250;--mtrl-sys-color-surface-container: #f3edf7;--mtrl-sys-color-surface-container-rgb: 243, 237, 247;--mtrl-sys-color-surface-container-high: #ece6f0;--mtrl-sys-color-surface-container-high-rgb: 236, 230, 240;--mtrl-sys-color-surface-container-highest: #e6e0e9;--mtrl-sys-color-surface-container-highest-rgb: 230, 224, 233;--mtrl-sys-color-on-surface: #1c1b1f;--mtrl-sys-color-on-surface-rgb: 28, 27, 31;--mtrl-sys-color-on-surface-variant: #49454f;--mtrl-sys-color-on-surface-variant-rgb: 73, 69, 79;--mtrl-sys-color-outline: #79747e;--mtrl-sys-color-outline-rgb: 121, 116, 126;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-outline-variant-rgb: 202, 196, 208;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #313033;--mtrl-sys-color-inverse-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-on-surface: #f4eff4;--mtrl-sys-color-inverse-on-surface-rgb: 244, 239, 244;--mtrl-sys-color-inverse-primary: #d0bcff;--mtrl-sys-color-inverse-primary-rgb: 208, 188, 255;--mtrl-sys-state-hover-state-layer-opacity: 0.08;--mtrl-sys-state-focus-state-layer-opacity: 0.12;--mtrl-sys-state-pressed-state-layer-opacity: 0.12;--mtrl-sys-state-dragged-state-layer-opacity: 0.16}@media(prefers-color-scheme: dark){:root{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-primary-rgb: 208, 188, 255;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-on-primary-rgb: 56, 30, 114;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-primary-container-rgb: 79, 55, 139;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-on-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-secondary-rgb: 204, 194, 220;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-secondary-container-rgb: 74, 68, 88;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-rgb: 147, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #e6e1e5;--mtrl-sys-color-inverse-surface-rgb: 230, 225, 229;--mtrl-sys-color-inverse-on-surface: #313033;--mtrl-sys-color-inverse-on-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-primary: #6750a4;--mtrl-sys-color-inverse-primary-rgb: 103, 80, 164}}.dark-theme{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-primary-rgb: 208, 188, 255;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-on-primary-rgb: 56, 30, 114;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-primary-container-rgb: 79, 55, 139;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-on-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-secondary-rgb: 204, 194, 220;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-secondary-container-rgb: 74, 68, 88;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-rgb: 147, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #e6e1e5;--mtrl-sys-color-inverse-surface-rgb: 230, 225, 229;--mtrl-sys-color-inverse-on-surface: #313033;--mtrl-sys-color-inverse-on-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-primary: #6750a4;--mtrl-sys-color-inverse-primary-rgb: 103, 80, 164}[data-theme=baseline]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-primary-rgb: 103, 80, 164;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #eaddff;--mtrl-sys-color-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-on-primary-container: #21005d;--mtrl-sys-color-on-primary-container-rgb: 33, 0, 93;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-secondary-rgb: 98, 91, 113;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-on-secondary-container: #1d192b;--mtrl-sys-color-on-secondary-container-rgb: 29, 25, 43;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-tertiary-rgb: 125, 82, 96;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffd8e4;--mtrl-sys-color-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-on-tertiary-container: #31111d;--mtrl-sys-color-on-tertiary-container-rgb: 49, 17, 29;--mtrl-sys-color-surface: #fffbfe;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #ded8e1;--mtrl-sys-color-surface-dim-rgb: 222, 216, 225;--mtrl-sys-color-surface-bright: #fff8f7;--mtrl-sys-color-surface-bright-rgb: 255, 248, 247;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f7f2fa;--mtrl-sys-color-surface-container-low-rgb: 247, 242, 250;--mtrl-sys-color-surface-container: #f3edf7;--mtrl-sys-color-surface-container-rgb: 243, 237, 247;--mtrl-sys-color-surface-container-high: #ece6f0;--mtrl-sys-color-surface-container-high-rgb: 236, 230, 240;--mtrl-sys-color-surface-container-highest: #e6e0e9;--mtrl-sys-color-surface-container-highest-rgb: 230, 224, 233;--mtrl-sys-color-on-surface: #1c1b1f;--mtrl-sys-color-on-surface-rgb: 28, 27, 31;--mtrl-sys-color-on-surface-variant: #49454f;--mtrl-sys-color-on-surface-variant-rgb: 73, 69, 79;--mtrl-sys-color-outline: #79747e;--mtrl-sys-color-outline-rgb: 121, 116, 126;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-outline-variant-rgb: 202, 196, 208;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #313033;--mtrl-sys-color-inverse-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-on-surface: #f4eff4;--mtrl-sys-color-inverse-on-surface-rgb: 244, 239, 244;--mtrl-sys-color-inverse-primary: #d0bcff;--mtrl-sys-color-inverse-primary-rgb: 208, 188, 255;--mtrl-sys-state-hover-state-layer-opacity: 0.08;--mtrl-sys-state-focus-state-layer-opacity: 0.12;--mtrl-sys-state-pressed-state-layer-opacity: 0.12;--mtrl-sys-state-dragged-state-layer-opacity: 0.16}[data-theme=baseline][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-primary-rgb: 208, 188, 255;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-on-primary-rgb: 56, 30, 114;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-primary-container-rgb: 79, 55, 139;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-on-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-secondary-rgb: 204, 194, 220;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-secondary-container-rgb: 74, 68, 88;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-rgb: 147, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #e6e1e5;--mtrl-sys-color-inverse-surface-rgb: 230, 225, 229;--mtrl-sys-color-inverse-on-surface: #313033;--mtrl-sys-color-inverse-on-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-primary: #6750a4;--mtrl-sys-color-inverse-primary-rgb: 103, 80, 164}
package/dist/themes/brownbeige.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=brownbeige]{--mtrl-sys-color-primary: #3e2723;--mtrl-sys-color-primary-rgb: 62, 39, 35;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #ffdbd0;--mtrl-sys-color-primary-container-rgb: 255, 219, 208;--mtrl-sys-color-on-primary-container: #2c1512;--mtrl-sys-color-on-primary-container-rgb: 44, 21, 18;--mtrl-sys-color-secondary: #d7cdb7;--mtrl-sys-color-secondary-rgb: 215, 205, 183;--mtrl-sys-color-on-secondary: #32302a;--mtrl-sys-color-on-secondary-rgb: 50, 48, 42;--mtrl-sys-color-secondary-container: #f6f0e4;--mtrl-sys-color-secondary-container-rgb: 246, 240, 228;--mtrl-sys-color-on-secondary-container: #3d3a2f;--mtrl-sys-color-on-secondary-container-rgb: 61, 58, 47;--mtrl-sys-color-tertiary: #795548;--mtrl-sys-color-tertiary-rgb: 121, 85, 72;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffd8c7;--mtrl-sys-color-tertiary-container-rgb: 255, 216, 199;--mtrl-sys-color-on-tertiary-container: #2e1f1a;--mtrl-sys-color-on-tertiary-container-rgb: 46, 31, 26;--mtrl-sys-color-surface: #fffbf7;--mtrl-sys-color-surface-rgb: 31, 27, 23;--mtrl-sys-color-surface-dim: #efe9e2;--mtrl-sys-color-surface-dim-rgb: 239, 233, 226;--mtrl-sys-color-surface-bright: #fffbf7;--mtrl-sys-color-surface-bright-rgb: 255, 251, 247;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #fbf5ef;--mtrl-sys-color-surface-container-low-rgb: 251, 245, 239;--mtrl-sys-color-surface-container: #f5efe9;--mtrl-sys-color-surface-container-rgb: 245, 239, 233;--mtrl-sys-color-surface-container-high: #efe9e3;--mtrl-sys-color-surface-container-high-rgb: 239, 233, 227;--mtrl-sys-color-surface-container-highest: #e9e3dd;--mtrl-sys-color-surface-container-highest-rgb: 233, 227, 221;--mtrl-sys-color-on-surface: #1f1b17;--mtrl-sys-color-on-surface-rgb: 31, 27, 23;--mtrl-sys-color-on-surface-variant: #4a443d;--mtrl-sys-color-on-surface-variant-rgb: 74, 68, 61;--mtrl-sys-color-outline: #7a7267;--mtrl-sys-color-outline-rgb: 122, 114, 103;--mtrl-sys-color-outline-variant: #cbc3b8;--mtrl-sys-color-outline-variant-rgb: 203, 195, 184;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=brownbeige][data-theme-mode=dark]{--mtrl-sys-color-primary: #ffab95;--mtrl-sys-color-primary-rgb: 255, 171, 149;--mtrl-sys-color-on-primary: #4a2b23;--mtrl-sys-color-on-primary-rgb: 74, 43, 35;--mtrl-sys-color-primary-container: #653b31;--mtrl-sys-color-primary-container-rgb: 101, 59, 49;--mtrl-sys-color-on-primary-container: #ffdbd0;--mtrl-sys-color-on-primary-container-rgb: 255, 219, 208;--mtrl-sys-color-secondary: #e0d6c0;--mtrl-sys-color-secondary-rgb: 224, 214, 192;--mtrl-sys-color-on-secondary: #3d3a2f;--mtrl-sys-color-on-secondary-rgb: 61, 58, 47;--mtrl-sys-color-secondary-container: #554f43;--mtrl-sys-color-secondary-container-rgb: 85, 79, 67;--mtrl-sys-color-on-secondary-container: #f6f0e4;--mtrl-sys-color-on-secondary-container-rgb: 246, 240, 228;--mtrl-sys-color-tertiary: #ffb59f;--mtrl-sys-color-tertiary-rgb: 255, 181, 159;--mtrl-sys-color-on-tertiary: #4a2b1d;--mtrl-sys-color-on-tertiary-rgb: 74, 43, 29;--mtrl-sys-color-tertiary-container: #653f2f;--mtrl-sys-color-tertiary-container-rgb: 101, 63, 47;--mtrl-sys-color-on-tertiary-container: #ffd8c7;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 199;--mtrl-sys-color-surface: #1f1b17;--mtrl-sys-color-surface-rgb: 31, 27, 23;--mtrl-sys-color-surface-dim: #17130f;--mtrl-sys-color-surface-dim-rgb: 23, 19, 15;--mtrl-sys-color-surface-bright: #3b332e;--mtrl-sys-color-surface-bright-rgb: 59, 51, 46;--mtrl-sys-color-surface-container-lowest: #130f0a;--mtrl-sys-color-surface-container-lowest-rgb: 19, 15, 10;--mtrl-sys-color-surface-container-low: #1f1b17;--mtrl-sys-color-surface-container-low-rgb: 31, 27, 23;--mtrl-sys-color-surface-container: #241f1b;--mtrl-sys-color-surface-container-rgb: 36, 31, 27;--mtrl-sys-color-surface-container-high: #2f2925;--mtrl-sys-color-surface-container-high-rgb: 47, 41, 37;--mtrl-sys-color-surface-container-highest: #3a332f;--mtrl-sys-color-surface-container-highest-rgb: 58, 51, 47;--mtrl-sys-color-on-surface: #ece0d8;--mtrl-sys-color-on-surface-rgb: 236, 224, 216;--mtrl-sys-color-on-surface-variant: #cbc3b8;--mtrl-sys-color-on-surface-variant-rgb: 203, 195, 184;--mtrl-sys-color-outline: #948b7f;--mtrl-sys-color-outline-rgb: 148, 139, 127;--mtrl-sys-color-outline-variant: #4a443d;--mtrl-sys-color-outline-variant-rgb: 74, 68, 61;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/browngreen.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=browngreen]{--mtrl-sys-color-primary: #3e2723;--mtrl-sys-color-primary-rgb: 62, 39, 35;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #ffbdad;--mtrl-sys-color-primary-container-rgb: 255, 189, 173;--mtrl-sys-color-on-primary-container: #2c1513;--mtrl-sys-color-on-primary-container-rgb: 44, 21, 19;--mtrl-sys-color-secondary: #536e4a;--mtrl-sys-color-secondary-rgb: 83, 110, 74;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #d4e8ca;--mtrl-sys-color-secondary-container-rgb: 212, 232, 202;--mtrl-sys-color-on-secondary-container: #1a2715;--mtrl-sys-color-on-secondary-container-rgb: 26, 39, 21;--mtrl-sys-color-tertiary: #7d5e56;--mtrl-sys-color-tertiary-rgb: 125, 94, 86;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffdbcf;--mtrl-sys-color-tertiary-container-rgb: 255, 219, 207;--mtrl-sys-color-on-tertiary-container: #321b16;--mtrl-sys-color-on-tertiary-container-rgb: 50, 27, 22;--mtrl-sys-color-surface: #fafaf5;--mtrl-sys-color-surface-rgb: 27, 27, 23;--mtrl-sys-color-surface-dim: #e6e6e0;--mtrl-sys-color-surface-dim-rgb: 230, 230, 224;--mtrl-sys-color-surface-bright: #fafaf5;--mtrl-sys-color-surface-bright-rgb: 250, 250, 245;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f4f4ef;--mtrl-sys-color-surface-container-low-rgb: 244, 244, 239;--mtrl-sys-color-surface-container: #eeeeea;--mtrl-sys-color-surface-container-rgb: 238, 238, 234;--mtrl-sys-color-surface-container-high: #e8e8e4;--mtrl-sys-color-surface-container-high-rgb: 232, 232, 228;--mtrl-sys-color-surface-container-highest: #e2e2de;--mtrl-sys-color-surface-container-highest-rgb: 226, 226, 222;--mtrl-sys-color-on-surface: #1b1b17;--mtrl-sys-color-on-surface-rgb: 27, 27, 23;--mtrl-sys-color-on-surface-variant: #46463c;--mtrl-sys-color-on-surface-variant-rgb: 70, 70, 60;--mtrl-sys-color-outline: #76766c;--mtrl-sys-color-outline-rgb: 118, 118, 108;--mtrl-sys-color-outline-variant: #c7c7bd;--mtrl-sys-color-outline-variant-rgb: 199, 199, 189;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=browngreen][data-theme-mode=dark]{--mtrl-sys-color-primary: #ffb0a1;--mtrl-sys-color-primary-rgb: 255, 176, 161;--mtrl-sys-color-on-primary: #461d18;--mtrl-sys-color-on-primary-rgb: 70, 29, 24;--mtrl-sys-color-primary-container: #62342e;--mtrl-sys-color-primary-container-rgb: 98, 52, 46;--mtrl-sys-color-on-primary-container: #ffdbcf;--mtrl-sys-color-on-primary-container-rgb: 255, 219, 207;--mtrl-sys-color-secondary: #b8ccae;--mtrl-sys-color-secondary-rgb: 184, 204, 174;--mtrl-sys-color-on-secondary: #283b24;--mtrl-sys-color-on-secondary-rgb: 40, 59, 36;--mtrl-sys-color-secondary-container: #3c5436;--mtrl-sys-color-secondary-container-rgb: 60, 84, 54;--mtrl-sys-color-on-secondary-container: #d4e8ca;--mtrl-sys-color-on-secondary-container-rgb: 212, 232, 202;--mtrl-sys-color-tertiary: #f5b8aa;--mtrl-sys-color-tertiary-rgb: 245, 184, 170;--mtrl-sys-color-on-tertiary: #48291f;--mtrl-sys-color-on-tertiary-rgb: 72, 41, 31;--mtrl-sys-color-tertiary-container: #634539;--mtrl-sys-color-tertiary-container-rgb: 99, 69, 57;--mtrl-sys-color-on-tertiary-container: #ffdbcf;--mtrl-sys-color-on-tertiary-container-rgb: 255, 219, 207;--mtrl-sys-color-surface: #1b1b17;--mtrl-sys-color-surface-rgb: 27, 27, 23;--mtrl-sys-color-surface-dim: #13130f;--mtrl-sys-color-surface-dim-rgb: 19, 19, 15;--mtrl-sys-color-surface-bright: #39392f;--mtrl-sys-color-surface-bright-rgb: 57, 57, 47;--mtrl-sys-color-surface-container-lowest: #0f0f0b;--mtrl-sys-color-surface-container-lowest-rgb: 15, 15, 11;--mtrl-sys-color-surface-container-low: #1b1b17;--mtrl-sys-color-surface-container-low-rgb: 27, 27, 23;--mtrl-sys-color-surface-container: #1f1f1b;--mtrl-sys-color-surface-container-rgb: 31, 31, 27;--mtrl-sys-color-surface-container-high: #2a2a25;--mtrl-sys-color-surface-container-high-rgb: 42, 42, 37;--mtrl-sys-color-surface-container-highest: #35352f;--mtrl-sys-color-surface-container-highest-rgb: 53, 53, 47;--mtrl-sys-color-on-surface: #e2e2dd;--mtrl-sys-color-on-surface-rgb: 226, 226, 221;--mtrl-sys-color-on-surface-variant: #c7c7bd;--mtrl-sys-color-on-surface-variant-rgb: 199, 199, 189;--mtrl-sys-color-outline: #909087;--mtrl-sys-color-outline-rgb: 144, 144, 135;--mtrl-sys-color-outline-variant: #46463c;--mtrl-sys-color-outline-variant-rgb: 70, 70, 60;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/desert.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=desert]{--mtrl-sys-color-primary: #9a7a3e;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #f0ddb8;--mtrl-sys-color-on-primary-container: #2d2008;--mtrl-sys-color-secondary: #4a87c4;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d4e5f7;--mtrl-sys-color-on-secondary-container: #0a2840;--mtrl-sys-color-tertiary: #3a9e95;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #a8e5df;--mtrl-sys-color-on-tertiary-container: #0a2d2a;--mtrl-sys-color-surface: #fdf9f3;--mtrl-sys-color-surface-dim: #e3dfd7;--mtrl-sys-color-surface-bright: #fdf9f3;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f7f3eb;--mtrl-sys-color-surface-container: #f1ede5;--mtrl-sys-color-surface-container-high: #ebe7df;--mtrl-sys-color-surface-container-highest: #e5e1d9;--mtrl-sys-color-on-surface: #1d1b17;--mtrl-sys-color-on-surface-variant: #4a4640;--mtrl-sys-color-outline: #7c7770;--mtrl-sys-color-outline-variant: #cdc7be;--mtrl-sys-color-surface-rgb: 29, 27, 23;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=desert][data-theme-mode=dark]{--mtrl-sys-color-primary: #d4bc8a;--mtrl-sys-color-on-primary: #3d2e12;--mtrl-sys-color-primary-container: #5c4a26;--mtrl-sys-color-on-primary-container: #f0ddb8;--mtrl-sys-color-secondary: #a3c9ef;--mtrl-sys-color-on-secondary: #0f3a5c;--mtrl-sys-color-secondary-container: #2d5a82;--mtrl-sys-color-on-secondary-container: #d4e5f7;--mtrl-sys-color-tertiary: #7dd4cb;--mtrl-sys-color-on-tertiary: #0a3b36;--mtrl-sys-color-tertiary-container: #1f5c55;--mtrl-sys-color-on-tertiary-container: #a8e5df;--mtrl-sys-color-surface: #1d1b17;--mtrl-sys-color-surface-dim: #141210;--mtrl-sys-color-surface-bright: #3a3732;--mtrl-sys-color-surface-container-lowest: #100e0c;--mtrl-sys-color-surface-container-low: #1d1b17;--mtrl-sys-color-surface-container: #21201c;--mtrl-sys-color-surface-container-high: #2c2a26;--mtrl-sys-color-surface-container-highest: #373431;--mtrl-sys-color-on-surface: #e7e3db;--mtrl-sys-color-on-surface-variant: #cdc7be;--mtrl-sys-color-outline: #969189;--mtrl-sys-color-outline-variant: #4a4640;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/forest.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=forest]{--mtrl-sys-color-primary: #3f4f2f;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c1d1a8;--mtrl-sys-color-on-primary-container: #121d04;--mtrl-sys-color-secondary: #5d5242;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e1d6c4;--mtrl-sys-color-on-secondary-container: #201a10;--mtrl-sys-color-tertiary: #486446;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #cae7c3;--mtrl-sys-color-on-tertiary-container: #0a2010;--mtrl-sys-color-surface: #faf9f2;--mtrl-sys-color-surface-dim: #e0dfd5;--mtrl-sys-color-surface-bright: #faf9f2;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f4f3ec;--mtrl-sys-color-surface-container: #eeedde;--mtrl-sys-color-surface-container-high: #e8e7d8;--mtrl-sys-color-surface-container-highest: #e2e1d2;--mtrl-sys-color-on-surface: #1b1c17;--mtrl-sys-color-on-surface-variant: #464840;--mtrl-sys-color-outline: #767b6f;--mtrl-sys-color-outline-variant: #c9ccb7;--mtrl-sys-color-surface-rgb: 27, 28, 23;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=forest][data-theme-mode=dark]{--mtrl-sys-color-primary: #a5b58d;--mtrl-sys-color-on-primary: #213516;--mtrl-sys-color-primary-container: #324b23;--mtrl-sys-color-on-primary-container: #c1d1a8;--mtrl-sys-color-secondary: #c5baab;--mtrl-sys-color-on-secondary: #362f21;--mtrl-sys-color-secondary-container: #4a4231;--mtrl-sys-color-on-secondary-container: #e1d6c4;--mtrl-sys-color-tertiary: #aecba8;--mtrl-sys-color-on-tertiary: #123623;--mtrl-sys-color-tertiary-container: #2c4d34;--mtrl-sys-color-on-tertiary-container: #cae7c3;--mtrl-sys-color-surface: #1b1c17;--mtrl-sys-color-surface-dim: #13140f;--mtrl-sys-color-surface-bright: #383932;--mtrl-sys-color-surface-container-lowest: #0f100b;--mtrl-sys-color-surface-container-low: #1b1c17;--mtrl-sys-color-surface-container: #1f201b;--mtrl-sys-color-surface-container-high: #292a25;--mtrl-sys-color-surface-container-highest: #34352f;--mtrl-sys-color-on-surface: #e3e3dc;--mtrl-sys-color-on-surface-variant: #c9ccb7;--mtrl-sys-color-outline: #929688;--mtrl-sys-color-outline-variant: #464840;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/highcontrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=highcontrast]{--mtrl-sys-color-primary: #0052cc;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #cce0ff;--mtrl-sys-color-on-primary-container: #001a41;--mtrl-sys-color-secondary: #404040;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d9d9d9;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #006644;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ccf2e1;--mtrl-sys-color-on-tertiary-container: #00261a;--mtrl-sys-color-surface: #ffffff;--mtrl-sys-color-surface-dim: #e6e6e6;--mtrl-sys-color-surface-bright: #ffffff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f5f5f5;--mtrl-sys-color-surface-container: #eeeeee;--mtrl-sys-color-surface-container-high: #e0e0e0;--mtrl-sys-color-surface-container-highest: #d6d6d6;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #1a1a1a;--mtrl-sys-color-outline: #000000;--mtrl-sys-color-outline-variant: #4d4d4d;--mtrl-sys-color-surface-rgb: 0, 0, 0;--mtrl-sys-color-error: #b80000;--mtrl-sys-color-error-rgb: 184, 0, 0;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #ffd9d9;--mtrl-sys-color-error-container-rgb: 255, 217, 217;--mtrl-sys-color-on-error-container: #410000;--mtrl-sys-color-on-error-container-rgb: 65, 0, 0;--mtrl-sys-color-success: #006622;--mtrl-sys-color-success-rgb: 0, 102, 34;--mtrl-sys-color-on-success: #ffffff;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-success-container: #ccf5d9;--mtrl-sys-color-success-container-rgb: 204, 245, 217;--mtrl-sys-color-on-success-container: #00260d;--mtrl-sys-color-on-success-container-rgb: 0, 38, 13;--mtrl-sys-color-warning: #7a5400;--mtrl-sys-color-warning-rgb: 122, 84, 0;--mtrl-sys-color-on-warning: #ffffff;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-warning-container: #ffeccc;--mtrl-sys-color-warning-container-rgb: 255, 236, 204;--mtrl-sys-color-on-warning-container: #261a00;--mtrl-sys-color-on-warning-container-rgb: 38, 26, 0;--mtrl-sys-color-info: #004080;--mtrl-sys-color-info-rgb: 0, 64, 128;--mtrl-sys-color-on-info: #ffffff;--mtrl-sys-color-on-info-rgb: 255, 255, 255;--mtrl-sys-color-info-container: #cce0ff;--mtrl-sys-color-info-container-rgb: 204, 224, 255;--mtrl-sys-color-on-info-container: #001433;--mtrl-sys-color-on-info-container-rgb: 0, 20, 51}[data-theme=highcontrast][data-theme-mode=dark]{--mtrl-sys-color-primary: #66b3ff;--mtrl-sys-color-on-primary: #001a33;--mtrl-sys-color-primary-container: #003d80;--mtrl-sys-color-on-primary-container: #cce0ff;--mtrl-sys-color-secondary: #c0c0c0;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #404040;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #66e6aa;--mtrl-sys-color-on-tertiary: #00261a;--mtrl-sys-color-tertiary-container: #004d33;--mtrl-sys-color-on-tertiary-container: #ccf2e1;--mtrl-sys-color-surface: #000000;--mtrl-sys-color-surface-dim: #000000;--mtrl-sys-color-surface-bright: #2e2e2e;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #121212;--mtrl-sys-color-surface-container: #1a1a1a;--mtrl-sys-color-surface-container-high: #242424;--mtrl-sys-color-surface-container-highest: #2e2e2e;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #e6e6e6;--mtrl-sys-color-outline: #ffffff;--mtrl-sys-color-outline-variant: #b3b3b3;--mtrl-sys-color-error: #ff6666;--mtrl-sys-color-error-rgb: 255, 102, 102;--mtrl-sys-color-on-error: #330000;--mtrl-sys-color-on-error-rgb: 51, 0, 0;--mtrl-sys-color-error-container: #800000;--mtrl-sys-color-error-container-rgb: 128, 0, 0;--mtrl-sys-color-on-error-container: #ffcccc;--mtrl-sys-color-on-error-container-rgb: 255, 204, 204;--mtrl-sys-color-success: #66ff8c;--mtrl-sys-color-success-rgb: 102, 255, 140;--mtrl-sys-color-on-success: #003311;--mtrl-sys-color-on-success-rgb: 0, 51, 17;--mtrl-sys-color-success-container: #004d1a;--mtrl-sys-color-success-container-rgb: 0, 77, 26;--mtrl-sys-color-on-success-container: #ccffdd;--mtrl-sys-color-on-success-container-rgb: 204, 255, 221;--mtrl-sys-color-warning: #ffcc00;--mtrl-sys-color-warning-rgb: 255, 204, 0;--mtrl-sys-color-on-warning: #332900;--mtrl-sys-color-on-warning-rgb: 51, 41, 0;--mtrl-sys-color-warning-container: #664d00;--mtrl-sys-color-warning-container-rgb: 102, 77, 0;--mtrl-sys-color-on-warning-container: #ffe680;--mtrl-sys-color-on-warning-container-rgb: 255, 230, 128;--mtrl-sys-color-info: #80c4ff;--mtrl-sys-color-info-rgb: 128, 196, 255;--mtrl-sys-color-on-info: #001a33;--mtrl-sys-color-on-info-rgb: 0, 26, 51;--mtrl-sys-color-info-container: #003366;--mtrl-sys-color-info-container-rgb: 0, 51, 102;--mtrl-sys-color-on-info-container: #cce6ff;--mtrl-sys-color-on-info-container-rgb: 204, 230, 255}
package/dist/themes/legacy.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=legacy]{--mtrl-sys-color-primary: #00489a;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #d6e3ff;--mtrl-sys-color-on-primary-container: #001b3f;--mtrl-sys-color-secondary: #ea9d97;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdad6;--mtrl-sys-color-on-secondary-container: #3b0907;--mtrl-sys-color-tertiary: #ff3400;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd9cc;--mtrl-sys-color-on-tertiary-container: #3a0c00;--mtrl-sys-color-surface: #f7f4f0;--mtrl-sys-color-surface-dim: #d9d5d0;--mtrl-sys-color-surface-bright: #fbf9f6;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f3efea;--mtrl-sys-color-surface-container: #efeae4;--mtrl-sys-color-surface-container-high: #e8e3dd;--mtrl-sys-color-surface-container-highest: #e1dcd6;--mtrl-sys-color-on-surface: #1d1b19;--mtrl-sys-color-on-surface-variant: #4a4643;--mtrl-sys-color-outline: #7a7571;--mtrl-sys-color-outline-variant: #ccc6c0;--mtrl-sys-color-surface-rgb: 29, 27, 25;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=legacy][data-theme-mode=dark]{--mtrl-sys-color-primary: #7db4ff;--mtrl-sys-color-on-primary: #002a63;--mtrl-sys-color-primary-container: #00489a;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #e08e88;--mtrl-sys-color-on-secondary: #3b0907;--mtrl-sys-color-secondary-container: #7a3a35;--mtrl-sys-color-on-secondary-container: #ffdad6;--mtrl-sys-color-tertiary: #ff5c2e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #8a1c00;--mtrl-sys-color-on-tertiary-container: #ffd9cc;--mtrl-sys-color-surface: #262631;--mtrl-sys-color-surface-dim: #262631;--mtrl-sys-color-surface-bright: #4a4a5a;--mtrl-sys-color-surface-container-lowest: #1e1e27;--mtrl-sys-color-surface-container-low: #2c2c38;--mtrl-sys-color-surface-container: #363644;--mtrl-sys-color-surface-container-high: #3f3f4e;--mtrl-sys-color-surface-container-highest: #4a4a5a;--mtrl-sys-color-on-surface: #e6e4ea;--mtrl-sys-color-on-surface-variant: #c6c4cc;--mtrl-sys-color-outline: #8f8d96;--mtrl-sys-color-outline-variant: #45444f;--mtrl-sys-color-surface-rgb: 38, 38, 49;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/material.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=material]{--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-primary-rgb: 100, 66, 214;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #9f86ff;--mtrl-sys-color-primary-container-rgb: 159, 134, 255;--mtrl-sys-color-on-primary-container: #1e0060;--mtrl-sys-color-on-primary-container-rgb: 30, 0, 96;--mtrl-sys-color-secondary: #5d5d74;--mtrl-sys-color-secondary-rgb: 93, 93, 116;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #dcdaf5;--mtrl-sys-color-secondary-container-rgb: 220, 218, 245;--mtrl-sys-color-on-secondary-container: #21182b;--mtrl-sys-color-on-secondary-container-rgb: 33, 24, 43;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-tertiary-rgb: 125, 82, 96;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #f1d3f9;--mtrl-sys-color-tertiary-container-rgb: 241, 211, 249;--mtrl-sys-color-on-tertiary-container: #271430;--mtrl-sys-color-on-tertiary-container-rgb: 39, 20, 48;--mtrl-sys-color-surface: #fefbff;--mtrl-sys-color-surface-rgb: 254, 251, 255;--mtrl-sys-color-surface-dim: #e8e0e8;--mtrl-sys-color-surface-dim-rgb: 232, 224, 232;--mtrl-sys-color-surface-bright: #ffffff;--mtrl-sys-color-surface-bright-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f8f1f6;--mtrl-sys-color-surface-container-low-rgb: 248, 241, 246;--mtrl-sys-color-surface-container: #f2ecee;--mtrl-sys-color-surface-container-rgb: 242, 236, 238;--mtrl-sys-color-surface-container-high: #ece7e9;--mtrl-sys-color-surface-container-high-rgb: 236, 231, 233;--mtrl-sys-color-surface-container-highest: #e6e1e3;--mtrl-sys-color-surface-container-highest-rgb: 230, 225, 227;--mtrl-sys-color-on-surface: #1c1b1d;--mtrl-sys-color-on-surface-rgb: 28, 27, 29;--mtrl-sys-color-on-surface-variant: #4d4256;--mtrl-sys-color-on-surface-variant-rgb: 77, 66, 86;--mtrl-sys-color-outline: #787579;--mtrl-sys-color-outline-rgb: 120, 117, 121;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-outline-variant-rgb: 202, 196, 208;--mtrl-sys-color-surface-rgb: 28, 27, 29;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=material][data-theme-mode=dark]{--mtrl-sys-color-primary: #cbbeff;--mtrl-sys-color-primary-rgb: 203, 190, 255;--mtrl-sys-color-on-primary: #340098;--mtrl-sys-color-on-primary-rgb: 52, 0, 152;--mtrl-sys-color-primary-container: #4b21bd;--mtrl-sys-color-primary-container-rgb: 75, 33, 189;--mtrl-sys-color-on-primary-container: #e9ddff;--mtrl-sys-color-on-primary-container-rgb: 233, 221, 255;--mtrl-sys-color-secondary: #c2c0db;--mtrl-sys-color-secondary-rgb: 194, 192, 219;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #474459;--mtrl-sys-color-secondary-container-rgb: 71, 68, 89;--mtrl-sys-color-on-secondary-container: #e9e0f9;--mtrl-sys-color-on-secondary-container-rgb: 233, 224, 249;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd9e2;--mtrl-sys-color-on-tertiary-container-rgb: 255, 217, 226;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #948f99;--mtrl-sys-color-outline-rgb: 148, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/ocean.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=ocean]{--mtrl-sys-color-primary: #006493;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #cce5ff;--mtrl-sys-color-on-primary-container: #001e30;--mtrl-sys-color-secondary: #4f616e;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d2e5f5;--mtrl-sys-color-on-secondary-container: #0b1d29;--mtrl-sys-color-tertiary: #625b71;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #e9defa;--mtrl-sys-color-on-tertiary-container: #1e192c;--mtrl-sys-color-surface: #f8fdff;--mtrl-sys-color-surface-dim: #d8e5ed;--mtrl-sys-color-surface-bright: #f8fdff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f3f8fc;--mtrl-sys-color-surface-container: #edf3f7;--mtrl-sys-color-surface-container-high: #e7edf2;--mtrl-sys-color-surface-container-highest: #e1e7ec;--mtrl-sys-color-on-surface: #191c1e;--mtrl-sys-color-on-surface-variant: #41484d;--mtrl-sys-color-outline: #71787d;--mtrl-sys-color-outline-variant: #c1c8cd;--mtrl-sys-color-surface-rgb: 25, 28, 30;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=ocean][data-theme-mode=dark]{--mtrl-sys-color-primary: #8dcdff;--mtrl-sys-color-on-primary: #003351;--mtrl-sys-color-primary-container: #004b74;--mtrl-sys-color-on-primary-container: #cce5ff;--mtrl-sys-color-secondary: #b6c9d8;--mtrl-sys-color-on-secondary: #21323e;--mtrl-sys-color-secondary-container: #374956;--mtrl-sys-color-on-secondary-container: #d2e5f5;--mtrl-sys-color-tertiary: #ccc2dc;--mtrl-sys-color-on-tertiary: #332d41;--mtrl-sys-color-tertiary-container: #4a4458;--mtrl-sys-color-on-tertiary-container: #e9defa;--mtrl-sys-color-surface: #191c1e;--mtrl-sys-color-surface-dim: #101416;--mtrl-sys-color-surface-bright: #373b3d;--mtrl-sys-color-surface-container-lowest: #0c0e10;--mtrl-sys-color-surface-container-low: #191c1e;--mtrl-sys-color-surface-container: #1d2022;--mtrl-sys-color-surface-container-high: #272a2c;--mtrl-sys-color-surface-container-highest: #323536;--mtrl-sys-color-on-surface: #e1e3e4;--mtrl-sys-color-on-surface-variant: #c1c8cd;--mtrl-sys-color-outline: #8b9297;--mtrl-sys-color-outline-variant: #41484d;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/sageivory.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=sageivory]{--mtrl-sys-color-primary: #7d8c73;--mtrl-sys-color-primary-rgb: 125, 140, 115;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #dfe8d6;--mtrl-sys-color-primary-container-rgb: 223, 232, 214;--mtrl-sys-color-on-primary-container: #2c3526;--mtrl-sys-color-on-primary-container-rgb: 44, 53, 38;--mtrl-sys-color-secondary: #f0ecd5;--mtrl-sys-color-secondary-rgb: 240, 236, 213;--mtrl-sys-color-on-secondary: #4c4935;--mtrl-sys-color-on-secondary-rgb: 76, 73, 53;--mtrl-sys-color-secondary-container: #f8f7eb;--mtrl-sys-color-secondary-container-rgb: 248, 247, 235;--mtrl-sys-color-on-secondary-container: #504d3b;--mtrl-sys-color-on-secondary-container-rgb: 80, 77, 59;--mtrl-sys-color-tertiary: #a4ae98;--mtrl-sys-color-tertiary-rgb: 164, 174, 152;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #e7eee0;--mtrl-sys-color-tertiary-container-rgb: 231, 238, 224;--mtrl-sys-color-on-tertiary-container: #3c4633;--mtrl-sys-color-on-tertiary-container-rgb: 60, 70, 51;--mtrl-sys-color-surface: #fbfcf8;--mtrl-sys-color-surface-rgb: 251, 252, 248;--mtrl-sys-color-surface-dim: #edefea;--mtrl-sys-color-surface-dim-rgb: 237, 239, 234;--mtrl-sys-color-surface-bright: #fbfcf8;--mtrl-sys-color-surface-bright-rgb: 251, 252, 248;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f5f6f2;--mtrl-sys-color-surface-container-low-rgb: 245, 246, 242;--mtrl-sys-color-surface-container: #eff0ec;--mtrl-sys-color-surface-container-rgb: 239, 240, 236;--mtrl-sys-color-surface-container-high: #e9eae6;--mtrl-sys-color-surface-container-high-rgb: 233, 234, 230;--mtrl-sys-color-surface-container-highest: #e3e4e0;--mtrl-sys-color-surface-container-highest-rgb: 227, 228, 224;--mtrl-sys-color-on-surface: #1a1c17;--mtrl-sys-color-on-surface-rgb: 26, 28, 23;--mtrl-sys-color-on-surface-variant: #454741;--mtrl-sys-color-on-surface-variant-rgb: 69, 71, 65;--mtrl-sys-color-outline: #75776e;--mtrl-sys-color-outline-rgb: 117, 119, 110;--mtrl-sys-color-outline-variant: #c5c8bc;--mtrl-sys-color-outline-variant-rgb: 197, 200, 188;--mtrl-sys-color-surface-rgb: 26, 28, 23;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=sageivory][data-theme-mode=dark]{--mtrl-sys-color-primary: #c3ccba;--mtrl-sys-color-primary-rgb: 195, 204, 186;--mtrl-sys-color-on-primary: #3c4933;--mtrl-sys-color-on-primary-rgb: 60, 73, 51;--mtrl-sys-color-primary-container: #576148;--mtrl-sys-color-primary-container-rgb: 87, 97, 72;--mtrl-sys-color-on-primary-container: #dfe8d6;--mtrl-sys-color-on-primary-container-rgb: 223, 232, 214;--mtrl-sys-color-secondary: #eeebdc;--mtrl-sys-color-secondary-rgb: 238, 235, 220;--mtrl-sys-color-on-secondary: #4c4935;--mtrl-sys-color-on-secondary-rgb: 76, 73, 53;--mtrl-sys-color-secondary-container: #65624c;--mtrl-sys-color-secondary-container-rgb: 101, 98, 76;--mtrl-sys-color-on-secondary-container: #f8f7eb;--mtrl-sys-color-on-secondary-container-rgb: 248, 247, 235;--mtrl-sys-color-tertiary: #cbd4c0;--mtrl-sys-color-tertiary-rgb: 203, 212, 192;--mtrl-sys-color-on-tertiary: #3e4934;--mtrl-sys-color-on-tertiary-rgb: 62, 73, 52;--mtrl-sys-color-tertiary-container: #57624a;--mtrl-sys-color-tertiary-container-rgb: 87, 98, 74;--mtrl-sys-color-on-tertiary-container: #e7eee0;--mtrl-sys-color-on-tertiary-container-rgb: 231, 238, 224;--mtrl-sys-color-surface: #1a1c17;--mtrl-sys-color-surface-rgb: 26, 28, 23;--mtrl-sys-color-surface-dim: #12140f;--mtrl-sys-color-surface-dim-rgb: 18, 20, 15;--mtrl-sys-color-surface-bright: #363831;--mtrl-sys-color-surface-bright-rgb: 54, 56, 49;--mtrl-sys-color-surface-container-lowest: #0f110c;--mtrl-sys-color-surface-container-lowest-rgb: 15, 17, 12;--mtrl-sys-color-surface-container-low: #1a1c17;--mtrl-sys-color-surface-container-low-rgb: 26, 28, 23;--mtrl-sys-color-surface-container: #1e201b;--mtrl-sys-color-surface-container-rgb: 30, 32, 27;--mtrl-sys-color-surface-container-high: #292b25;--mtrl-sys-color-surface-container-high-rgb: 41, 43, 37;--mtrl-sys-color-surface-container-highest: #34362f;--mtrl-sys-color-surface-container-highest-rgb: 52, 54, 47;--mtrl-sys-color-on-surface: #e2e3dd;--mtrl-sys-color-on-surface-rgb: 226, 227, 221;--mtrl-sys-color-on-surface-variant: #c5c7be;--mtrl-sys-color-on-surface-variant-rgb: 197, 199, 190;--mtrl-sys-color-outline: #8f9187;--mtrl-sys-color-outline-rgb: 143, 145, 135;--mtrl-sys-color-outline-variant: #454741;--mtrl-sys-color-outline-variant-rgb: 69, 71, 65;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/spring.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | 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-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-outline: #727970;--mtrl-sys-color-outline-variant: #c1c9be;--mtrl-sys-color-surface-rgb: 25, 29, 25;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[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-outline: #8b9388;--mtrl-sys-color-outline-variant: #424940;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/summer.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=summer]{--mtrl-sys-color-primary: #4196cb;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #d1e4ff;--mtrl-sys-color-on-primary-container: #001d36;--mtrl-sys-color-secondary: #f3c649;--mtrl-sys-color-on-secondary: #3e2e00;--mtrl-sys-color-secondary-container: #f5e0a0;--mtrl-sys-color-on-secondary-container: #291f00;--mtrl-sys-color-tertiary: #a75b39;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffdbc8;--mtrl-sys-color-on-tertiary-container: #3a1600;--mtrl-sys-color-accent: #6b4596;--mtrl-sys-color-on-accent: #ffffff;--mtrl-sys-color-accent-container: #ebdcff;--mtrl-sys-color-on-accent-container: #25005c;--mtrl-sys-color-surface: #fffbf8;--mtrl-sys-color-surface-dim: #eae2d9;--mtrl-sys-color-surface-bright: #fffbf8;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fef5ed;--mtrl-sys-color-surface-container: #f7efe7;--mtrl-sys-color-surface-container-high: #f1e9e1;--mtrl-sys-color-surface-container-highest: #ebe3db;--mtrl-sys-color-on-surface: #1f1b16;--mtrl-sys-color-on-surface-variant: #50453b;--mtrl-sys-color-outline: #827568;--mtrl-sys-color-outline-variant: #d5c8b9;--mtrl-sys-color-surface-rgb: 31, 27, 22;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=summer][data-theme-mode=dark]{--mtrl-sys-color-primary: #9ecaff;--mtrl-sys-color-on-primary: #003258;--mtrl-sys-color-primary-container: #00497d;--mtrl-sys-color-on-primary-container: #d1e4ff;--mtrl-sys-color-secondary: #dbc054;--mtrl-sys-color-on-secondary: #3e2e00;--mtrl-sys-color-secondary-container: #584400;--mtrl-sys-color-on-secondary-container: #fff4d5;--mtrl-sys-color-tertiary: #ffb694;--mtrl-sys-color-on-tertiary: #5c2900;--mtrl-sys-color-tertiary-container: #803d15;--mtrl-sys-color-on-tertiary-container: #ffdbc8;--mtrl-sys-color-accent: #d0bcff;--mtrl-sys-color-on-accent: #381e72;--mtrl-sys-color-accent-container: #503396;--mtrl-sys-color-on-accent-container: #ebdcff;--mtrl-sys-color-surface: #1f1b16;--mtrl-sys-color-surface-dim: #16130f;--mtrl-sys-color-surface-bright: #3b362f;--mtrl-sys-color-surface-container-lowest: #130f0b;--mtrl-sys-color-surface-container-low: #1f1b16;--mtrl-sys-color-surface-container: #231f19;--mtrl-sys-color-surface-container-high: #2d2921;--mtrl-sys-color-surface-container-highest: #38332b;--mtrl-sys-color-on-surface: #eae1d9;--mtrl-sys-color-on-surface-variant: #d5c8b9;--mtrl-sys-color-outline: #9e8f80;--mtrl-sys-color-outline-variant: #50453b;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/sunset.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | 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-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-outline: #85736d;--mtrl-sys-color-outline-variant: #d8c2bb;--mtrl-sys-color-surface-rgb: 32, 26, 24;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[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-outline: #a08c85;--mtrl-sys-color-outline-variant: #53433e;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/tealcaramel.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=tealcaramel]{--mtrl-sys-color-primary: #2b4d56;--mtrl-sys-color-primary-rgb: 0, 105, 92;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #b2dfdb;--mtrl-sys-color-primary-container-rgb: 178, 223, 219;--mtrl-sys-color-on-primary-container: #002a25;--mtrl-sys-color-on-primary-container-rgb: 0, 42, 37;--mtrl-sys-color-secondary: #9a6433;--mtrl-sys-color-secondary-rgb: 198, 124, 78;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #ffd8c2;--mtrl-sys-color-secondary-container-rgb: 255, 216, 194;--mtrl-sys-color-on-secondary-container: #3e2715;--mtrl-sys-color-on-secondary-container-rgb: 62, 39, 21;--mtrl-sys-color-tertiary: #4a7c6e;--mtrl-sys-color-tertiary-rgb: 74, 124, 110;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #cce6df;--mtrl-sys-color-tertiary-container-rgb: 204, 230, 223;--mtrl-sys-color-on-tertiary-container: #0e3029;--mtrl-sys-color-on-tertiary-container-rgb: 14, 48, 41;--mtrl-sys-color-surface: #f9fcfc;--mtrl-sys-color-surface-rgb: 249, 252, 252;--mtrl-sys-color-surface-dim: #e5eceb;--mtrl-sys-color-surface-dim-rgb: 229, 236, 235;--mtrl-sys-color-surface-bright: #f9fcfc;--mtrl-sys-color-surface-bright-rgb: 249, 252, 252;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f3f7f6;--mtrl-sys-color-surface-container-low-rgb: 243, 247, 246;--mtrl-sys-color-surface-container: #edf2f1;--mtrl-sys-color-surface-container-rgb: 237, 242, 241;--mtrl-sys-color-surface-container-high: #e7eceb;--mtrl-sys-color-surface-container-high-rgb: 231, 236, 235;--mtrl-sys-color-surface-container-highest: #e1e6e5;--mtrl-sys-color-surface-container-highest-rgb: 225, 230, 229;--mtrl-sys-color-on-surface: #191d1c;--mtrl-sys-color-on-surface-rgb: 25, 29, 28;--mtrl-sys-color-on-surface-variant: #404847;--mtrl-sys-color-on-surface-variant-rgb: 64, 72, 71;--mtrl-sys-color-outline: #6e7978;--mtrl-sys-color-outline-rgb: 110, 121, 120;--mtrl-sys-color-outline-variant: #c1cccb;--mtrl-sys-color-outline-variant-rgb: 193, 204, 203;--mtrl-sys-color-surface-rgb: 25, 29, 28;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=tealcaramel][data-theme-mode=dark]{--mtrl-sys-color-primary: #85cfc6;--mtrl-sys-color-primary-rgb: 133, 207, 198;--mtrl-sys-color-on-primary: #003e36;--mtrl-sys-color-on-primary-rgb: 0, 62, 54;--mtrl-sys-color-primary-container: #005349;--mtrl-sys-color-primary-container-rgb: 0, 83, 73;--mtrl-sys-color-on-primary-container: #b2dfdb;--mtrl-sys-color-on-primary-container-rgb: 178, 223, 219;--mtrl-sys-color-secondary: #ffb68d;--mtrl-sys-color-secondary-rgb: 255, 182, 141;--mtrl-sys-color-on-secondary: #5d3726;--mtrl-sys-color-on-secondary-rgb: 93, 55, 38;--mtrl-sys-color-secondary-container: #7d4f3a;--mtrl-sys-color-secondary-container-rgb: 125, 79, 58;--mtrl-sys-color-on-secondary-container: #ffd8c2;--mtrl-sys-color-on-secondary-container-rgb: 255, 216, 194;--mtrl-sys-color-tertiary: #a0ccc2;--mtrl-sys-color-tertiary-rgb: 160, 204, 194;--mtrl-sys-color-on-tertiary: #1a463e;--mtrl-sys-color-on-tertiary-rgb: 26, 70, 62;--mtrl-sys-color-tertiary-container: #315c53;--mtrl-sys-color-tertiary-container-rgb: 49, 92, 83;--mtrl-sys-color-on-tertiary-container: #cce6df;--mtrl-sys-color-on-tertiary-container-rgb: 204, 230, 223;--mtrl-sys-color-surface: #191d1c;--mtrl-sys-color-surface-rgb: 25, 29, 28;--mtrl-sys-color-surface-dim: #121615;--mtrl-sys-color-surface-dim-rgb: 18, 22, 21;--mtrl-sys-color-surface-bright: #363b3a;--mtrl-sys-color-surface-bright-rgb: 54, 59, 58;--mtrl-sys-color-surface-container-lowest: #0e1211;--mtrl-sys-color-surface-container-lowest-rgb: 14, 18, 17;--mtrl-sys-color-surface-container-low: #191d1c;--mtrl-sys-color-surface-container-low-rgb: 25, 29, 28;--mtrl-sys-color-surface-container: #1e2221;--mtrl-sys-color-surface-container-rgb: 30, 34, 33;--mtrl-sys-color-surface-container-high: #282c2b;--mtrl-sys-color-surface-container-high-rgb: 40, 44, 43;--mtrl-sys-color-surface-container-highest: #333736;--mtrl-sys-color-surface-container-highest-rgb: 51, 55, 54;--mtrl-sys-color-on-surface: #e1e3e3;--mtrl-sys-color-on-surface-rgb: 225, 227, 227;--mtrl-sys-color-on-surface-variant: #c1cccb;--mtrl-sys-color-on-surface-variant-rgb: 193, 204, 203;--mtrl-sys-color-outline: #8b9695;--mtrl-sys-color-outline-rgb: 139, 150, 149;--mtrl-sys-color-outline-variant: #404847;--mtrl-sys-color-outline-variant-rgb: 64, 72, 71;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/winter.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.9.5 | MIT */
1
+ /*! mtrl v0.9.6 | MIT */
2
2
  [data-theme=winter]{--mtrl-sys-color-primary: #406374;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c1e8fc;--mtrl-sys-color-on-primary-container: #001f29;--mtrl-sys-color-secondary: #4a626e;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #cde6f5;--mtrl-sys-color-on-secondary-container: #061e28;--mtrl-sys-color-tertiary: #5d5b7d;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #e2dfff;--mtrl-sys-color-on-tertiary-container: #191836;--mtrl-sys-color-surface: #fafcff;--mtrl-sys-color-surface-dim: #dae4e9;--mtrl-sys-color-surface-bright: #fafcff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f5f8fb;--mtrl-sys-color-surface-container: #eff3f6;--mtrl-sys-color-surface-container-high: #e9edf0;--mtrl-sys-color-surface-container-highest: #e3e7ea;--mtrl-sys-color-on-surface: #191c1e;--mtrl-sys-color-on-surface-variant: #40484c;--mtrl-sys-color-outline: #70787d;--mtrl-sys-color-outline-variant: #c0c8cc;--mtrl-sys-color-surface-rgb: 25, 28, 30;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=winter][data-theme-mode=dark]{--mtrl-sys-color-primary: #73d0ee;--mtrl-sys-color-on-primary: #003545;--mtrl-sys-color-primary-container: #224c5b;--mtrl-sys-color-on-primary-container: #c1e8fc;--mtrl-sys-color-secondary: #b1cad9;--mtrl-sys-color-on-secondary: #1d343f;--mtrl-sys-color-secondary-container: #334b56;--mtrl-sys-color-on-secondary-container: #cde6f5;--mtrl-sys-color-tertiary: #c6c3eb;--mtrl-sys-color-on-tertiary: #2e2d4d;--mtrl-sys-color-tertiary-container: #454364;--mtrl-sys-color-on-tertiary-container: #e2dfff;--mtrl-sys-color-surface: #191c1e;--mtrl-sys-color-surface-dim: #101416;--mtrl-sys-color-surface-bright: #35393c;--mtrl-sys-color-surface-container-lowest: #0d0e10;--mtrl-sys-color-surface-container-low: #191c1e;--mtrl-sys-color-surface-container: #1d2022;--mtrl-sys-color-surface-container-high: #272a2d;--mtrl-sys-color-surface-container-highest: #323539;--mtrl-sys-color-on-surface: #e1e3e5;--mtrl-sys-color-on-surface-variant: #c0c8cc;--mtrl-sys-color-outline: #8a9297;--mtrl-sys-color-outline-variant: #40484c;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mtrl",
3
- "version": "0.9.5",
3
+ "version": "0.9.6",
4
4
  "description": "A functional TypeScript/JavaScript component library with composable architecture based on Material Design 3",
5
5
  "author": "floor",
6
6
  "license": "MIT",
package/src/styles/abstract/_mixins.scss CHANGED
@@ -71,6 +71,32 @@ $icons: (
71
71
  }
72
72
 
73
73
  // Motion
74
+ //
75
+ // One transition on an M3 Expressive spring token: `spring(transform,
76
+ // default-spatial)`. Spatial springs move position, size and shape and may
77
+ // overshoot; effects springs change opacity and colour and never do.
78
+ // A delay lets a property wait for another transition, such as visibility
79
+ // flipping to hidden only once a fade has finished.
80
+ @function spring($property, $token, $delay: null) {
81
+ $transition: $property v.motion('spring-#{$token}-duration') v.motion('spring-#{$token}-easing');
82
+ @if $delay {
83
+ $transition: list.append($transition, $delay);
84
+ }
85
+ @return $transition;
86
+ }
87
+
88
+ // How long a spring token takes to settle, for delays tied to it.
89
+ @function spring-duration($token) {
90
+ @return v.motion('spring-#{$token}-duration');
91
+ }
92
+
93
+ // Sheets that slide in on a spatial spring overshoot their resting place, so
94
+ // for a moment a gap would open between the sheet and the screen edge it is
95
+ // docked to. Compose stretches the sheet over that gap; a solid shadow of the
96
+ // sheet's own colour, extended past the docked edge, covers it without a scale.
97
+ // The spring overshoots by about 1.5% of the distance travelled.
98
+ $sheet-overshoot-guard: 32px;
99
+
74
100
  @mixin motion-transition($properties...) {
75
101
  $transitions: ();
76
102
  @each $prop in $properties {
package/src/styles/abstract/_variables.scss CHANGED
@@ -11,23 +11,37 @@ $state: (
11
11
  ) !default;
12
12
 
13
13
  $motion: (
14
- // Duration tokens
15
- 'duration-short1': 100ms,
16
- 'duration-short2': 200ms,
17
- 'duration-short3': 250ms,
18
- 'duration-short4': 300ms,
19
- 'duration-medium1': 400ms,
20
- 'duration-medium2': 500ms,
21
- 'duration-long1': 600ms,
22
- 'duration-long2': 700ms,
14
+ // Duration tokens, md.sys.motion.duration.* (material-web
15
+ // tokens/versions/v0_192/_md-sys-motion.scss; MDC-Android
16
+ // motion/res/values/tokens.xml holds the same integers). Every one of these
17
+ // was between 1.5x and 2x its token: short3, which M3 puts at 150ms and a
18
+ // dialog closes on, was 250ms.
19
+ 'duration-short1': 50ms,
20
+ 'duration-short2': 100ms,
21
+ 'duration-short3': 150ms,
22
+ 'duration-short4': 200ms,
23
+ 'duration-medium1': 250ms,
24
+ 'duration-medium2': 300ms,
25
+ 'duration-medium3': 350ms,
26
+ 'duration-medium4': 400ms,
27
+ 'duration-long1': 450ms,
28
+ 'duration-long2': 500ms,
29
+ 'duration-long3': 550ms,
30
+ 'duration-long4': 600ms,
31
+ 'duration-extra-long1': 700ms,
32
+ 'duration-extra-long2': 800ms,
33
+ 'duration-extra-long3': 900ms,
34
+ 'duration-extra-long4': 1000ms,
23
35
 
24
36
  // Standard easing tokens (Material Design 3 defaults)
25
37
  'easing-standard': cubic-bezier(0.2, 0.0, 0.0, 1.0),
26
38
  'easing-standard-accelerate': cubic-bezier(0.3, 0.0, 1.0, 1.0),
27
39
  'easing-standard-decelerate': cubic-bezier(0.0, 0.0, 0.2, 1.0),
28
40
 
29
- // Emphasized easing tokens (Material Design 3 defaults)
30
- 'easing-emphasized': cubic-bezier(0.2, 0.0, 0.0, 1.0),
41
+ // Emphasized easing tokens. M3 draws emphasized as a path no single cubic
42
+ // curve matches; this is material-web's approximation (internal/motion/
43
+ // animation.ts). It was a copy of standard, so nothing was emphasized.
44
+ 'easing-emphasized': cubic-bezier(0.3, 0.0, 0.0, 1.0),
31
45
  'easing-emphasized-accelerate': cubic-bezier(0.3, 0.0, 0.8, 0.15),
32
46
  'easing-emphasized-decelerate': cubic-bezier(0.05, 0.7, 0.1, 1.0),
33
47
 
package/src/styles/components/_bottom-sheet.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  // src/styles/components/_bottom-sheet.scss
2
2
  @use "../abstract/base" as base;
3
+ @use "../abstract/functions" as f;
3
4
  @use "../abstract/variables" as v;
4
5
  @use "../abstract/mixins" as m;
5
6
  @use "../abstract/theme" as t;
@@ -39,9 +40,11 @@ $component: "#{base.$prefix}-bottom-sheet";
39
40
  background-color: t.alpha("scrim", 0.32);
40
41
  opacity: 0;
41
42
  visibility: hidden;
43
+ // Compose's ModalBottomSheet fades its scrim on default effects both
44
+ // ways; it leaves the accessibility tree once the fade is done
42
45
  transition:
43
- opacity v.motion("duration-medium1") v.motion("easing-emphasized"),
44
- visibility v.motion("duration-medium1") v.motion("easing-emphasized");
46
+ m.spring(opacity, default-effects),
47
+ visibility 0s linear m.spring-duration(default-effects);
45
48
  }
46
49
 
47
50
  // The sheet itself
@@ -61,11 +64,16 @@ $component: "#{base.$prefix}-bottom-sheet";
61
64
  // CornerExtraLargeTop: the bottom edge meets the screen, so it is square
62
65
  border-start-start-radius: v.shape("extra-large");
63
66
  border-start-end-radius: v.shape("extra-large");
64
- @include m.elevation(1); // DockedStandardContainerElevation
65
-
66
- // Hidden by default: translated fully out of view
67
+ // Level 1 (DockedStandardContainerElevation), plus a shadow of the
68
+ // sheet's own colour below it to cover the gap the spring's overshoot
69
+ // opens at the bottom edge
70
+ box-shadow: f.get-elevation(1), 0 m.$sheet-overshoot-guard 0 0 t.color("surface-container-low");
71
+
72
+ // Hidden by default: translated fully out of view. Compose's
73
+ // BottomSheet shows on the default spatial spring and hides on fast
74
+ // effects
67
75
  transform: translateY(100%);
68
- transition: transform v.motion("duration-medium2") v.motion("easing-emphasized");
76
+ transition: m.spring(transform, fast-effects);
69
77
 
70
78
  &:focus {
71
79
  outline: none;
@@ -123,11 +131,13 @@ $component: "#{base.$prefix}-bottom-sheet";
123
131
  // the page (BottomSheetDefaults.SheetPeekHeight and its content)
124
132
  transform: translateY(0);
125
133
  max-height: 50%;
134
+ transition: m.spring(transform, default-spatial);
126
135
  }
127
136
 
128
137
  .#{$component}-scrim {
129
138
  opacity: 1;
130
139
  visibility: visible;
140
+ transition: m.spring(opacity, default-effects), visibility 0s;
131
141
  }
132
142
  }
133
143
 
@@ -135,6 +145,7 @@ $component: "#{base.$prefix}-bottom-sheet";
135
145
  .#{$component}-container {
136
146
  transform: translateY(0);
137
147
  max-height: 100%;
148
+ transition: m.spring(transform, default-spatial);
138
149
  // level with the top of the screen, the corners square off
139
150
  // (DockedMinimizedContainerShape is CornerNone)
140
151
  &:where(.#{$component}--full-height *) {
@@ -146,6 +157,7 @@ $component: "#{base.$prefix}-bottom-sheet";
146
157
  .#{$component}-scrim {
147
158
  opacity: 1;
148
159
  visibility: visible;
160
+ transition: m.spring(opacity, default-effects), visibility 0s;
149
161
  }
150
162
  }
151
163
 
@@ -160,7 +172,11 @@ $component: "#{base.$prefix}-bottom-sheet";
160
172
 
161
173
  @include m.reduced-motion {
162
174
  .#{$component}-container,
163
- .#{$component}-scrim {
175
+ .#{$component}-scrim,
176
+ &--partial .#{$component}-container,
177
+ &--partial .#{$component}-scrim,
178
+ &--expanded .#{$component}-container,
179
+ &--expanded .#{$component}-scrim {
164
180
  transition: none;
165
181
  }
166
182
  }
package/src/styles/components/_dialog.scss CHANGED
@@ -15,8 +15,7 @@ $component: "#{base.$prefix}-dialog";
15
15
  left: 0;
16
16
  right: 0;
17
17
  bottom: 0;
18
- background-color: t.alpha("scrim", 0.32);
19
- opacity: 0;
18
+ background-color: transparent;
20
19
  visibility: hidden;
21
20
  z-index: v.z-index("modal");
22
21
  display: flex;
@@ -26,19 +25,32 @@ $component: "#{base.$prefix}-dialog";
26
25
  padding: 24px;
27
26
  box-sizing: border-box;
28
27
 
29
- // MD3 standard animation for overlay
28
+ // The scrim fades on its own colour rather than on opacity: the dialog is
29
+ // its child, so fading the layer faded the dialog with it, and the two
30
+ // opacities multiplied into what read as a cut.
31
+ // material-web animates the scrim linearly, 500ms in and 150ms out
32
+ // (dialog/internal/animations.ts).
30
33
  transition:
31
- opacity v.motion("duration-medium1") v.motion("easing-emphasized"),
32
- visibility v.motion("duration-medium1") v.motion("easing-emphasized");
34
+ background-color v.motion("duration-short3") linear,
35
+ visibility 0s linear v.motion("duration-short3");
33
36
 
34
37
  &--visible {
35
- opacity: 1;
38
+ background-color: t.alpha("scrim", 0.32);
36
39
  visibility: visible;
40
+ transition: background-color v.motion("duration-long2") linear, visibility 0s;
37
41
  }
38
42
  }
39
43
 
40
44
  // Dialog container
41
45
  // MD3: surface-container-high, 28dp corners, elevation 3
46
+ //
47
+ // Motion follows material-web, the Material web implementation
48
+ // (dialog/internal/animations.ts): the surface grows in height, 35% to 100%
49
+ // over 500ms emphasized, while the dialog slides down into place and the
50
+ // headline, content and actions fade in one after another. Closing takes
51
+ // 150ms on emphasized accelerate. The growth is a scale of the dialog's
52
+ // height from its top, the motion the menu opens with.
53
+
42
54
  .#{$component} {
43
55
  position: relative;
44
56
  background-color: t.color("surface-container-high");
@@ -50,24 +62,43 @@ $component: "#{base.$prefix}-dialog";
50
62
  margin: auto;
51
63
  @include m.elevation(3);
52
64
 
53
- // Hidden as a scaled-down, transparent container; it fades in to full size
65
+ // Hidden: 35% of its height, lifted slightly, not yet painted
66
+ transform-origin: top center;
67
+ transform: translateY(-50px) scaleY(0.35);
54
68
  opacity: 0;
55
- transform-origin: center center;
56
- // Dialogs fade in with a slight scale; the vertical squash this replaced
57
- // is not an M3 pattern
58
- transform: scale(0.8);
59
69
  pointer-events: none;
60
-
61
- // MD3 emphasized easing for dialogs
62
70
  transition:
63
- transform v.motion("duration-medium1") v.motion("easing-emphasized"),
64
- opacity v.motion("duration-medium1") v.motion("easing-emphasized");
71
+ transform v.motion("duration-short3") v.motion("easing-emphasized-accelerate"),
72
+ opacity v.motion("duration-short1") linear v.motion("duration-short2");
73
+
74
+ // Its contents fade with the surface, and lead it on the way out
75
+ .#{$component}-header,
76
+ .#{$component}-content,
77
+ .#{$component}-footer {
78
+ opacity: 0;
79
+ transition: opacity v.motion("duration-short2") linear;
80
+ }
65
81
 
66
82
  // Visible state
67
83
  &--visible {
84
+ transform: translateY(0) scaleY(1);
68
85
  opacity: 1;
69
- transform: scale(1);
70
86
  pointer-events: auto;
87
+ transition:
88
+ transform v.motion("duration-long2") v.motion("easing-emphasized"),
89
+ opacity v.motion("duration-short1") linear;
90
+
91
+ // The headline and content follow the surface, the actions last
92
+ .#{$component}-header,
93
+ .#{$component}-content {
94
+ opacity: 1;
95
+ transition: opacity v.motion("duration-medium1") linear v.motion("duration-short1");
96
+ }
97
+
98
+ .#{$component}-footer {
99
+ opacity: 1;
100
+ transition: opacity v.motion("duration-medium2") linear v.motion("duration-short3");
101
+ }
71
102
  }
72
103
 
73
104
  // Size variants
@@ -102,28 +133,28 @@ $component: "#{base.$prefix}-dialog";
102
133
  margin: 0;
103
134
  border-radius: 0;
104
135
  transform-origin: center center;
105
-
106
- transform: scale(0.9);
136
+ transform: translateY(24px);
107
137
 
108
138
  &.#{$component}--visible {
109
- transform: scale(1);
139
+ transform: translateY(0);
110
140
  }
111
141
  }
112
142
 
113
- // Animation variants with appropriate transform origins
143
+ // The variants change where the dialog comes from; it grows in height
144
+ // either way, which is the M3 motion
114
145
  &--slide-up {
115
- transform: translateY(24px);
146
+ transform: translateY(24px) scaleY(0.35);
116
147
 
117
148
  &.#{$component}--visible {
118
- transform: translateY(0);
149
+ transform: translateY(0) scaleY(1);
119
150
  }
120
151
  }
121
152
 
122
153
  &--slide-down {
123
- transform: translateY(-24px);
154
+ transform: translateY(-24px) scaleY(0.35);
124
155
 
125
156
  &.#{$component}--visible {
126
- transform: translateY(0);
157
+ transform: translateY(0) scaleY(1);
127
158
  }
128
159
  }
129
160
 
@@ -135,7 +166,7 @@ $component: "#{base.$prefix}-dialog";
135
166
  }
136
167
  }
137
168
 
138
- // Scale animation variant (original behavior)
169
+ // The basic dialog of the previous spec: a scale rather than a slide
139
170
  &--scale {
140
171
  transform-origin: center center;
141
172
  transform: scale(0.8);
@@ -386,7 +417,9 @@ $component: "#{base.$prefix}-dialog";
386
417
  // Accessibility - Reduced motion preference support
387
418
  @include m.reduced-motion {
388
419
  .#{$component},
389
- .#{$component}-overlay {
420
+ .#{$component}--visible,
421
+ .#{$component}-overlay,
422
+ .#{$component}-overlay--visible {
390
423
  transition: opacity v.motion("duration-short2") linear;
391
424
  }
392
425