material 3.3.1 → 3.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/README.md +2 -2
  2. package/dist/components/slider/config.js +0 -46
  3. package/dist/components/slider/features/controller.js +805 -171
  4. package/dist/components/slider/features/dom.js +29 -62
  5. package/dist/components/slider/features/index.js +1 -3
  6. package/dist/components/slider/features/states.js +2 -30
  7. package/dist/components/slider/slider.js +3 -6
  8. package/dist/components/slider/types.d.ts +0 -26
  9. package/dist/components/tooltip/api.js +53 -97
  10. package/dist/core/canvas/resize.d.ts +1 -1
  11. package/dist/core/canvas/resize.js +24 -11
  12. package/dist/core/dom/classes.js +17 -118
  13. package/dist/core/dom/create.d.ts +0 -2
  14. package/dist/core/dom/create.js +0 -72
  15. package/dist/core/utils/mobile.js +9 -29
  16. package/dist/elements/css/tooltip.css +1 -1
  17. package/dist/elements/css/tooltip.js +1 -1
  18. package/dist/elements/preupgrade/badge.css +1 -1
  19. package/dist/elements/preupgrade/bottom-app-bar.css +1 -1
  20. package/dist/elements/preupgrade/bottom-sheet.css +1 -1
  21. package/dist/elements/preupgrade/button-group.css +1 -1
  22. package/dist/elements/preupgrade/button.css +1 -1
  23. package/dist/elements/preupgrade/card.css +1 -1
  24. package/dist/elements/preupgrade/carousel.css +1 -1
  25. package/dist/elements/preupgrade/checkbox.css +1 -1
  26. package/dist/elements/preupgrade/chips.css +1 -1
  27. package/dist/elements/preupgrade/datepicker.css +1 -1
  28. package/dist/elements/preupgrade/dialog.css +1 -1
  29. package/dist/elements/preupgrade/divider.css +1 -1
  30. package/dist/elements/preupgrade/drawer.css +1 -1
  31. package/dist/elements/preupgrade/extended-fab.css +1 -1
  32. package/dist/elements/preupgrade/fab-menu.css +1 -1
  33. package/dist/elements/preupgrade/fab.css +1 -1
  34. package/dist/elements/preupgrade/icon-button.css +1 -1
  35. package/dist/elements/preupgrade/list.css +1 -1
  36. package/dist/elements/preupgrade/loading-indicator.css +1 -1
  37. package/dist/elements/preupgrade/menu.css +1 -1
  38. package/dist/elements/preupgrade/navigation-bar.css +1 -1
  39. package/dist/elements/preupgrade/navigation-rail.css +1 -1
  40. package/dist/elements/preupgrade/progress.css +1 -1
  41. package/dist/elements/preupgrade/radios.css +1 -1
  42. package/dist/elements/preupgrade/search.css +1 -1
  43. package/dist/elements/preupgrade/select.css +1 -1
  44. package/dist/elements/preupgrade/side-sheet.css +1 -1
  45. package/dist/elements/preupgrade/slider.css +1 -1
  46. package/dist/elements/preupgrade/snackbar.css +1 -1
  47. package/dist/elements/preupgrade/split-button.css +1 -1
  48. package/dist/elements/preupgrade/switch.css +1 -1
  49. package/dist/elements/preupgrade/tabs.css +1 -1
  50. package/dist/elements/preupgrade/text-field.css +1 -1
  51. package/dist/elements/preupgrade/timepicker.css +1 -1
  52. package/dist/elements/preupgrade/toolbar.css +1 -1
  53. package/dist/elements/preupgrade/tooltip.css +1 -1
  54. package/dist/elements/preupgrade/top-app-bar.css +1 -1
  55. package/dist/elements/preupgrade.css +1 -1
  56. package/dist/package.json +1 -1
  57. package/dist/styles/badge.css +1 -1
  58. package/dist/styles/base.css +1 -1
  59. package/dist/styles/bottom-app-bar.css +1 -1
  60. package/dist/styles/bottom-sheet.css +1 -1
  61. package/dist/styles/button-group.css +1 -1
  62. package/dist/styles/button.css +1 -1
  63. package/dist/styles/card.css +1 -1
  64. package/dist/styles/carousel.css +1 -1
  65. package/dist/styles/checkbox.css +1 -1
  66. package/dist/styles/chips.css +1 -1
  67. package/dist/styles/contrast.css +1 -1
  68. package/dist/styles/datepicker.css +1 -1
  69. package/dist/styles/dialog.css +1 -1
  70. package/dist/styles/divider.css +1 -1
  71. package/dist/styles/drawer.css +1 -1
  72. package/dist/styles/extended-fab.css +1 -1
  73. package/dist/styles/fab-menu.css +1 -1
  74. package/dist/styles/fab.css +1 -1
  75. package/dist/styles/icon-button.css +1 -1
  76. package/dist/styles/list.css +1 -1
  77. package/dist/styles/loading-indicator.css +1 -1
  78. package/dist/styles/menu.css +1 -1
  79. package/dist/styles/navigation-bar.css +1 -1
  80. package/dist/styles/navigation-rail.css +1 -1
  81. package/dist/styles/progress.css +1 -1
  82. package/dist/styles/radios.css +1 -1
  83. package/dist/styles/search.css +1 -1
  84. package/dist/styles/select.css +1 -1
  85. package/dist/styles/side-sheet.css +1 -1
  86. package/dist/styles/slider.css +1 -1
  87. package/dist/styles/snackbar.css +1 -1
  88. package/dist/styles/split-button.css +1 -1
  89. package/dist/styles/switch.css +1 -1
  90. package/dist/styles/tabs.css +1 -1
  91. package/dist/styles/text-field.css +1 -1
  92. package/dist/styles/timepicker.css +1 -1
  93. package/dist/styles/toolbar.css +1 -1
  94. package/dist/styles/tooltip.css +2 -2
  95. package/dist/styles/top-app-bar.css +1 -1
  96. package/dist/styles/typography.css +1 -1
  97. package/dist/styles/utilities.css +1 -1
  98. package/dist/styles.css +2 -2
  99. package/dist/themes/autumn-contrast.css +1 -1
  100. package/dist/themes/autumn.css +1 -1
  101. package/dist/themes/baseline-contrast.css +1 -1
  102. package/dist/themes/baseline.css +1 -1
  103. package/dist/themes/brownbeige-contrast.css +1 -1
  104. package/dist/themes/brownbeige.css +1 -1
  105. package/dist/themes/content-contrast.css +1 -1
  106. package/dist/themes/content.css +1 -1
  107. package/dist/themes/desert-contrast.css +1 -1
  108. package/dist/themes/desert.css +1 -1
  109. package/dist/themes/expressive-contrast.css +1 -1
  110. package/dist/themes/expressive.css +1 -1
  111. package/dist/themes/fidelity-contrast.css +1 -1
  112. package/dist/themes/fidelity.css +1 -1
  113. package/dist/themes/forest-contrast.css +1 -1
  114. package/dist/themes/forest.css +1 -1
  115. package/dist/themes/fruit-salad-contrast.css +1 -1
  116. package/dist/themes/fruit-salad.css +1 -1
  117. package/dist/themes/highcontrast-contrast.css +1 -1
  118. package/dist/themes/highcontrast.css +1 -1
  119. package/dist/themes/monochrome-contrast.css +1 -1
  120. package/dist/themes/monochrome.css +1 -1
  121. package/dist/themes/neutral-contrast.css +1 -1
  122. package/dist/themes/neutral.css +1 -1
  123. package/dist/themes/ocean-contrast.css +1 -1
  124. package/dist/themes/ocean.css +1 -1
  125. package/dist/themes/rainbow-contrast.css +1 -1
  126. package/dist/themes/rainbow.css +1 -1
  127. package/dist/themes/sageivory-contrast.css +1 -1
  128. package/dist/themes/sageivory.css +1 -1
  129. package/dist/themes/spring-contrast.css +1 -1
  130. package/dist/themes/spring.css +1 -1
  131. package/dist/themes/summer-contrast.css +1 -1
  132. package/dist/themes/summer.css +1 -1
  133. package/dist/themes/sunset-contrast.css +1 -1
  134. package/dist/themes/sunset.css +1 -1
  135. package/dist/themes/tealcaramel-contrast.css +1 -1
  136. package/dist/themes/tealcaramel.css +1 -1
  137. package/dist/themes/vibrant-contrast.css +1 -1
  138. package/dist/themes/vibrant.css +1 -1
  139. package/package.json +1 -1
  140. package/src/styles/components/_tooltip.scss +3 -16
  141. package/dist/components/card/features.js +0 -217
  142. package/dist/components/chips/chip/constants.js +0 -18
  143. package/dist/components/chips/chip/index.js +0 -1
  144. package/dist/components/chips/schema.js +0 -46
  145. package/dist/components/progress/features/index.js +0 -4
  146. package/dist/components/progress/features/resize-observer.js +0 -40
  147. package/dist/components/slider/api.js +0 -108
  148. package/dist/components/slider/features/handlers.js +0 -379
  149. package/dist/components/slider/features/range.js +0 -70
  150. package/dist/components/slider/features/tracks.js +0 -287
  151. package/dist/components/tabs/scroll-indicators.js +0 -78
  152. package/dist/components/tabs/state.js +0 -44
  153. package/dist/core/utils/validate.js +0 -114
package/dist/themes/rainbow.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=rainbow]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #e9ddff;--mtrl-sys-color-on-primary-container: #4f378a;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container: #4a4458;--mtrl-sys-color-tertiary: #7e5260;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd9e3;--mtrl-sys-color-on-tertiary-container: #633b48;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378a;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #cbc2db;--mtrl-sys-color-on-secondary-fixed: #1e192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31101d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #f9f9f9;--mtrl-sys-color-surface-dim: #dadada;--mtrl-sys-color-surface-bright: #f9f9f9;--mtrl-sys-color-surface-variant: #e2e2e2;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f3f3f3;--mtrl-sys-color-surface-container: #eeeeee;--mtrl-sys-color-surface-container-high: #e8e8e8;--mtrl-sys-color-surface-container-highest: #e2e2e2;--mtrl-sys-color-on-surface: #1b1b1b;--mtrl-sys-color-on-surface-variant: #474747;--mtrl-sys-color-outline: #777777;--mtrl-sys-color-outline-variant: #c6c6c6;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #303030;--mtrl-sys-color-inverse-on-surface: #f1f1f1;--mtrl-sys-color-inverse-primary: #cfbcff}[data-theme=rainbow][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #cfbcff;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-primary-container: #4f378a;--mtrl-sys-color-on-primary-container: #e9ddff;--mtrl-sys-color-secondary: #cbc2db;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-on-tertiary: #4a2532;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-on-tertiary-container: #ffd9e3;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #4f378a;--mtrl-sys-color-secondary-fixed: #e8def8;--mtrl-sys-color-secondary-fixed-dim: #cbc2db;--mtrl-sys-color-on-secondary-fixed: #1e192b;--mtrl-sys-color-on-secondary-fixed-variant: #4a4458;--mtrl-sys-color-tertiary-fixed: #ffd9e3;--mtrl-sys-color-tertiary-fixed-dim: #efb8c8;--mtrl-sys-color-on-tertiary-fixed: #31101d;--mtrl-sys-color-on-tertiary-fixed-variant: #633b48;--mtrl-sys-color-surface: #131313;--mtrl-sys-color-surface-dim: #131313;--mtrl-sys-color-surface-bright: #393939;--mtrl-sys-color-surface-variant: #474747;--mtrl-sys-color-surface-container-lowest: #0e0e0e;--mtrl-sys-color-surface-container-low: #1b1b1b;--mtrl-sys-color-surface-container: #1f1f1f;--mtrl-sys-color-surface-container-high: #2a2a2a;--mtrl-sys-color-surface-container-highest: #353535;--mtrl-sys-color-on-surface: #e2e2e2;--mtrl-sys-color-on-surface-variant: #c6c6c6;--mtrl-sys-color-outline: #919191;--mtrl-sys-color-outline-variant: #474747;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e2e2e2;--mtrl-sys-color-inverse-on-surface: #303030;--mtrl-sys-color-inverse-primary: #6750a4}@media(prefers-contrast: more){[data-theme=rainbow]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #33196e;--mtrl-sys-color-primary-container: #513a8d;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #2f293c;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #45212e;--mtrl-sys-color-tertiary-container: #663d4b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #513a8d;--mtrl-sys-color-primary-fixed-dim: #3a2175;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #663d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b9b9b9;--mtrl-sys-color-surface-container-low: #f1f1f1;--mtrl-sys-color-surface-container: #e2e2e2;--mtrl-sys-color-surface-container-high: #d4d4d4;--mtrl-sys-color-surface-container-highest: #c6c6c6;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2c2c2c;--mtrl-sys-color-outline-variant: #494949;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=rainbow]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c8bfd8;--mtrl-sys-color-on-secondary-container: #0d081a;--mtrl-sys-color-tertiary: #ffebef;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #ebb4c4;--mtrl-sys-color-on-tertiary-container: #1d020d;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #130e20;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #240613;--mtrl-sys-color-surface-bright: #505050;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1f1f1f;--mtrl-sys-color-surface-container: #303030;--mtrl-sys-color-surface-container-high: #3b3b3b;--mtrl-sys-color-surface-container-highest: #474747;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f0f0f0;--mtrl-sys-color-outline-variant: #c2c2c2;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #50388c}}
package/dist/themes/sageivory-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=sageivory]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=sageivory]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #2d501f}[data-theme=sageivory][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #1b3e0e;--mtrl-sys-color-primary-container: #517740;--mtrl-sys-color-secondary: #383727;--mtrl-sys-color-secondary-container: #706e5b;--mtrl-sys-color-tertiary: #073d3e;--mtrl-sys-color-tertiary-container: #477576;--mtrl-sys-color-primary-fixed: #517740;--mtrl-sys-color-primary-fixed-dim: #395e2a;--mtrl-sys-color-secondary-fixed: #706e5b;--mtrl-sys-color-secondary-fixed-dim: #575544;--mtrl-sys-color-tertiary-fixed: #477576;--mtrl-sys-color-tertiary-fixed-dim: #2e5c5d;--mtrl-sys-color-surface-dim: #c5c8be;--mtrl-sys-color-surface-container: #e7e9df;--mtrl-sys-color-surface-container-high: #dbded4;--mtrl-sys-color-surface-container-highest: #d0d3c9;--mtrl-sys-color-on-surface: #0f120c;--mtrl-sys-color-on-surface-variant: #32382e;--mtrl-sys-color-outline: #4f544a;--mtrl-sys-color-outline-variant: #696f64}[data-theme=sageivory][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #bde9a7;--mtrl-sys-color-on-primary: #092c01;--mtrl-sys-color-primary-container: #749b61;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e1ddc6;--mtrl-sys-color-on-secondary: #272618;--mtrl-sys-color-secondary-container: #94917d;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #b5e5e6;--mtrl-sys-color-on-tertiary: #002b2c;--mtrl-sys-color-tertiary-container: #6b999a;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #021500;--mtrl-sys-color-on-primary-fixed-variant: #1b3e0e;--mtrl-sys-color-on-secondary-fixed: #121205;--mtrl-sys-color-on-secondary-fixed-variant: #383727;--mtrl-sys-color-on-tertiary-fixed: #001415;--mtrl-sys-color-on-tertiary-fixed-variant: #073d3e;--mtrl-sys-color-surface-bright: #42463e;--mtrl-sys-color-surface-container-lowest: #050804;--mtrl-sys-color-surface-container-low: #1b1f19;--mtrl-sys-color-surface-container: #252922;--mtrl-sys-color-surface-container-high: #30342d;--mtrl-sys-color-surface-container-highest: #3b3f38;--mtrl-sys-color-on-surface-variant: #d9ded1;--mtrl-sys-color-outline: #aeb4a7;--mtrl-sys-color-outline-variant: #8d9286;--mtrl-sys-color-inverse-on-surface: #282b25}[data-theme=sageivory][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #113305;--mtrl-sys-color-primary-container: #2e5220;--mtrl-sys-color-secondary: #2e2d1e;--mtrl-sys-color-secondary-container: #4b4a39;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215052;--mtrl-sys-color-primary-fixed: #2e5220;--mtrl-sys-color-primary-fixed-dim: #183a0b;--mtrl-sys-color-secondary-fixed: #4b4a39;--mtrl-sys-color-secondary-fixed-dim: #343324;--mtrl-sys-color-tertiary-fixed: #215052;--mtrl-sys-color-tertiary-fixed-dim: #02393b;--mtrl-sys-color-surface-dim: #b7bab0;--mtrl-sys-color-surface-container-low: #eff2e8;--mtrl-sys-color-surface-container: #e1e4da;--mtrl-sys-color-surface-container-high: #d3d6cc;--mtrl-sys-color-surface-container-highest: #c5c8be;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e25;--mtrl-sys-color-outline-variant: #454b41;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=sageivory][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d1fdb9;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #a4ce8f;--mtrl-sys-color-on-primary-container: #010f00;--mtrl-sys-color-secondary: #f5f1d9;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c7c3ad;--mtrl-sys-color-on-secondary-container: #0c0c02;--mtrl-sys-color-tertiary: #c9f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #021500;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #121205;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface-bright: #4e514a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1d211a;--mtrl-sys-color-surface-container: #2e312b;--mtrl-sys-color-surface-container-high: #393d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #edf2e4;--mtrl-sys-color-outline-variant: #bfc4b8;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/sageivory.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=sageivory]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #436833;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c3efac;--mtrl-sys-color-on-primary-container: #2c4f1e;--mtrl-sys-color-secondary: #615f4d;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e7e3cc;--mtrl-sys-color-on-secondary-container: #494737;--mtrl-sys-color-tertiary: #386667;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #bbebec;--mtrl-sys-color-on-tertiary-container: #1e4e4f;--mtrl-sys-color-primary-fixed: #c3efac;--mtrl-sys-color-primary-fixed-dim: #a8d292;--mtrl-sys-color-on-primary-fixed: #052100;--mtrl-sys-color-on-primary-fixed-variant: #2c4f1e;--mtrl-sys-color-secondary-fixed: #e7e3cc;--mtrl-sys-color-secondary-fixed-dim: #cac7b1;--mtrl-sys-color-on-secondary-fixed: #1d1c0e;--mtrl-sys-color-on-secondary-fixed-variant: #494737;--mtrl-sys-color-tertiary-fixed: #bbebec;--mtrl-sys-color-tertiary-fixed-dim: #a0cfd0;--mtrl-sys-color-on-tertiary-fixed: #002021;--mtrl-sys-color-on-tertiary-fixed-variant: #1e4e4f;--mtrl-sys-color-surface: #f8faf0;--mtrl-sys-color-surface-dim: #d8dbd1;--mtrl-sys-color-surface-bright: #f8faf0;--mtrl-sys-color-surface-variant: #dfe4d7;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f2f5ea;--mtrl-sys-color-surface-container: #ecefe5;--mtrl-sys-color-surface-container-high: #e7e9df;--mtrl-sys-color-surface-container-highest: #e1e4da;--mtrl-sys-color-on-surface: #191d17;--mtrl-sys-color-on-surface-variant: #43483f;--mtrl-sys-color-outline: #73796e;--mtrl-sys-color-outline-variant: #c3c8bb;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #2e312b;--mtrl-sys-color-inverse-on-surface: #eff2e8;--mtrl-sys-color-inverse-primary: #a8d292}[data-theme=sageivory][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #a8d292;--mtrl-sys-color-on-primary: #153808;--mtrl-sys-color-primary-container: #2c4f1e;--mtrl-sys-color-on-primary-container: #c3efac;--mtrl-sys-color-secondary: #cac7b1;--mtrl-sys-color-on-secondary: #323122;--mtrl-sys-color-secondary-container: #494737;--mtrl-sys-color-on-secondary-container: #e7e3cc;--mtrl-sys-color-tertiary: #a0cfd0;--mtrl-sys-color-on-tertiary: #003738;--mtrl-sys-color-tertiary-container: #1e4e4f;--mtrl-sys-color-on-tertiary-container: #bbebec;--mtrl-sys-color-primary-fixed: #c3efac;--mtrl-sys-color-primary-fixed-dim: #a8d292;--mtrl-sys-color-on-primary-fixed: #052100;--mtrl-sys-color-on-primary-fixed-variant: #2c4f1e;--mtrl-sys-color-secondary-fixed: #e7e3cc;--mtrl-sys-color-secondary-fixed-dim: #cac7b1;--mtrl-sys-color-on-secondary-fixed: #1d1c0e;--mtrl-sys-color-on-secondary-fixed-variant: #494737;--mtrl-sys-color-tertiary-fixed: #bbebec;--mtrl-sys-color-tertiary-fixed-dim: #a0cfd0;--mtrl-sys-color-on-tertiary-fixed: #002021;--mtrl-sys-color-on-tertiary-fixed-variant: #1e4e4f;--mtrl-sys-color-surface: #11140f;--mtrl-sys-color-surface-dim: #11140f;--mtrl-sys-color-surface-bright: #373a33;--mtrl-sys-color-surface-variant: #43483f;--mtrl-sys-color-surface-container-lowest: #0c0f0a;--mtrl-sys-color-surface-container-low: #191d17;--mtrl-sys-color-surface-container: #1d211a;--mtrl-sys-color-surface-container-high: #272b25;--mtrl-sys-color-surface-container-highest: #32362f;--mtrl-sys-color-on-surface: #e1e4da;--mtrl-sys-color-on-surface-variant: #c3c8bb;--mtrl-sys-color-outline: #8d9387;--mtrl-sys-color-outline-variant: #43483f;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e1e4da;--mtrl-sys-color-inverse-on-surface: #2e312b;--mtrl-sys-color-inverse-primary: #436833}@media(prefers-contrast: more){[data-theme=sageivory]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #113305;--mtrl-sys-color-primary-container: #2e5220;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #2e2d1e;--mtrl-sys-color-secondary-container: #4b4a39;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215052;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #2e5220;--mtrl-sys-color-primary-fixed-dim: #183a0b;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4b4a39;--mtrl-sys-color-secondary-fixed-dim: #343324;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #215052;--mtrl-sys-color-tertiary-fixed-dim: #02393b;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b7bab0;--mtrl-sys-color-surface-container-low: #eff2e8;--mtrl-sys-color-surface-container: #e1e4da;--mtrl-sys-color-surface-container-high: #d3d6cc;--mtrl-sys-color-surface-container-highest: #c5c8be;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e25;--mtrl-sys-color-outline-variant: #454b41;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=sageivory]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d1fdb9;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #a4ce8f;--mtrl-sys-color-on-primary-container: #010f00;--mtrl-sys-color-secondary: #f5f1d9;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c7c3ad;--mtrl-sys-color-on-secondary-container: #0c0c02;--mtrl-sys-color-tertiary: #c9f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #021500;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #121205;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface-bright: #4e514a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1d211a;--mtrl-sys-color-surface-container: #2e312b;--mtrl-sys-color-surface-container-high: #393d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #edf2e4;--mtrl-sys-color-outline-variant: #bfc4b8;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #2d501f}}
package/dist/themes/spring-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=spring]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #f7fbf1;--mtrl-sys-color-surface-bright: #f7fbf1;--mtrl-sys-color-inverse-surface: #2d322c;--mtrl-sys-color-inverse-primary: #a1d39a}[data-theme=spring]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed: #bcf0b4;--mtrl-sys-color-primary-fixed-dim: #a1d39a;--mtrl-sys-color-surface: #10140f;--mtrl-sys-color-surface-dim: #10140f;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #e0e4db;--mtrl-sys-color-inverse-primary: #245125}[data-theme=spring][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #113f15;--mtrl-sys-color-primary-container: #497847;--mtrl-sys-color-secondary: #2a3a29;--mtrl-sys-color-secondary-container: #60725e;--mtrl-sys-color-tertiary: #063d3e;--mtrl-sys-color-tertiary-container: #477576;--mtrl-sys-color-primary-fixed: #497847;--mtrl-sys-color-primary-fixed-dim: #315f31;--mtrl-sys-color-secondary-fixed: #60725e;--mtrl-sys-color-secondary-fixed-dim: #485947;--mtrl-sys-color-tertiary-fixed: #477576;--mtrl-sys-color-tertiary-fixed-dim: #2e5c5d;--mtrl-sys-color-surface-dim: #c4c8bf;--mtrl-sys-color-surface-container-low: #f1f5ec;--mtrl-sys-color-surface-container: #e6e9e0;--mtrl-sys-color-surface-container-high: #daded5;--mtrl-sys-color-surface-container-highest: #cfd3ca;--mtrl-sys-color-on-surface: #0e120d;--mtrl-sys-color-on-surface-variant: #323830;--mtrl-sys-color-outline: #4e544b;--mtrl-sys-color-outline-variant: #686f65;--mtrl-sys-color-inverse-on-surface: #eef2e9}[data-theme=spring][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #b6eaaf;--mtrl-sys-color-on-primary: #002d07;--mtrl-sys-color-primary-container: #6c9c68;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #cfe2ca;--mtrl-sys-color-on-secondary: #1a291a;--mtrl-sys-color-secondary-container: #849680;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #b5e5e6;--mtrl-sys-color-on-tertiary: #002b2c;--mtrl-sys-color-tertiary-container: #6b999a;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001602;--mtrl-sys-color-on-primary-fixed-variant: #113f15;--mtrl-sys-color-on-secondary-fixed: #061407;--mtrl-sys-color-on-secondary-fixed-variant: #2a3a29;--mtrl-sys-color-on-tertiary-fixed: #001415;--mtrl-sys-color-on-tertiary-fixed-variant: #063d3e;--mtrl-sys-color-surface-bright: #41463f;--mtrl-sys-color-surface-container-lowest: #050805;--mtrl-sys-color-surface-container-low: #1b1f19;--mtrl-sys-color-surface-container: #252923;--mtrl-sys-color-surface-container-high: #2f342e;--mtrl-sys-color-surface-container-highest: #3b3f39;--mtrl-sys-color-on-surface-variant: #d8ded2;--mtrl-sys-color-outline: #adb4a9;--mtrl-sys-color-outline-variant: #8c9288;--mtrl-sys-color-inverse-on-surface: #272b25}[data-theme=spring][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #04340b;--mtrl-sys-color-primary-container: #265326;--mtrl-sys-color-secondary: #203020;--mtrl-sys-color-secondary-container: #3d4d3b;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215051;--mtrl-sys-color-primary-fixed: #265326;--mtrl-sys-color-primary-fixed-dim: #0c3b12;--mtrl-sys-color-secondary-fixed: #3d4d3b;--mtrl-sys-color-secondary-fixed-dim: #273726;--mtrl-sys-color-tertiary-fixed: #215051;--mtrl-sys-color-tertiary-fixed-dim: #01393a;--mtrl-sys-color-surface-dim: #b6bab2;--mtrl-sys-color-surface-container-low: #eef2e9;--mtrl-sys-color-surface-container: #e0e4db;--mtrl-sys-color-surface-container-high: #d2d6cd;--mtrl-sys-color-surface-container-highest: #c4c8bf;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e26;--mtrl-sys-color-outline-variant: #444b42;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=spring][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #c9fec1;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #9dcf97;--mtrl-sys-color-on-primary-container: #000f01;--mtrl-sys-color-secondary: #e2f5dd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #b5c8b1;--mtrl-sys-color-on-secondary-container: #020e03;--mtrl-sys-color-tertiary: #c8f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001602;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #061407;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface-bright: #4d514b;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c211b;--mtrl-sys-color-surface-container: #2d322c;--mtrl-sys-color-surface-container-high: #383d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ecf2e6;--mtrl-sys-color-outline-variant: #bec5b9;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/spring.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=spring]{--mtrl-sys-color-primary: #006e2b;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #95f99a;--mtrl-sys-color-on-primary-container: #002108;--mtrl-sys-color-secondary: #526350;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d5e8cf;--mtrl-sys-color-on-secondary-container: #101f10;--mtrl-sys-color-tertiary: #386667;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #bbecee;--mtrl-sys-color-on-tertiary-container: #002021;--mtrl-sys-color-primary-fixed: #9af7a3;--mtrl-sys-color-primary-fixed-dim: #7eda8a;--mtrl-sys-color-on-primary-fixed: #002108;--mtrl-sys-color-on-primary-fixed-variant: #00531e;--mtrl-sys-color-secondary-fixed: #d5e8d0;--mtrl-sys-color-secondary-fixed-dim: #b9ccb5;--mtrl-sys-color-on-secondary-fixed: #101f10;--mtrl-sys-color-on-secondary-fixed-variant: #3b4b39;--mtrl-sys-color-tertiary-fixed: #bbebec;--mtrl-sys-color-tertiary-fixed-dim: #a0cfd0;--mtrl-sys-color-on-tertiary-fixed: #002020;--mtrl-sys-color-on-tertiary-fixed-variant: #1e4e4f;--mtrl-sys-color-surface: #f8fff3;--mtrl-sys-color-surface-dim: #d9e8d3;--mtrl-sys-color-surface-bright: #f8fff3;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f2faed;--mtrl-sys-color-surface-container: #ecf4e7;--mtrl-sys-color-surface-container-high: #e6eee1;--mtrl-sys-color-surface-container-highest: #e0e8db;--mtrl-sys-color-on-surface: #191d19;--mtrl-sys-color-on-surface-variant: #424940;--mtrl-sys-color-surface-variant: #dee5d8;--mtrl-sys-color-outline: #727970;--mtrl-sys-color-outline-variant: #c1c9be;--mtrl-sys-color-inverse-surface: #2b322a;--mtrl-sys-color-inverse-on-surface: #ebf3e6;--mtrl-sys-color-inverse-primary: #7eda8a;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF}[data-theme=spring][data-theme-mode=dark]{--mtrl-sys-color-primary: #79dc80;--mtrl-sys-color-on-primary: #003914;--mtrl-sys-color-primary-container: #00531f;--mtrl-sys-color-on-primary-container: #95f99a;--mtrl-sys-color-secondary: #b9ccb3;--mtrl-sys-color-on-secondary: #263424;--mtrl-sys-color-secondary-container: #3c4b3a;--mtrl-sys-color-on-secondary-container: #d5e8cf;--mtrl-sys-color-tertiary: #a0d0d2;--mtrl-sys-color-on-tertiary: #003738;--mtrl-sys-color-tertiary-container: #1f4e4f;--mtrl-sys-color-on-tertiary-container: #bbecee;--mtrl-sys-color-surface: #121711;--mtrl-sys-color-surface-dim: #0d120c;--mtrl-sys-color-surface-bright: #2d3229;--mtrl-sys-color-surface-container-lowest: #0a0f09;--mtrl-sys-color-surface-container-low: #121711;--mtrl-sys-color-surface-container: #161b15;--mtrl-sys-color-surface-container-high: #20251e;--mtrl-sys-color-surface-container-highest: #2a2f27;--mtrl-sys-color-on-surface: #d9e3d4;--mtrl-sys-color-on-surface-variant: #c1c9be;--mtrl-sys-color-surface-variant: #424940;--mtrl-sys-color-outline: #8b9388;--mtrl-sys-color-outline-variant: #424940;--mtrl-sys-color-inverse-surface: #d9e3d4;--mtrl-sys-color-inverse-on-surface: #2b322a;--mtrl-sys-color-inverse-primary: #006e2b;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355}@media(prefers-contrast: more){[data-theme=spring]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #04340b;--mtrl-sys-color-primary-container: #265326;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #203020;--mtrl-sys-color-secondary-container: #3d4d3b;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215051;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #265326;--mtrl-sys-color-primary-fixed-dim: #0c3b12;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #3d4d3b;--mtrl-sys-color-secondary-fixed-dim: #273726;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #215051;--mtrl-sys-color-tertiary-fixed-dim: #01393a;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #f7fbf1;--mtrl-sys-color-surface-dim: #b6bab2;--mtrl-sys-color-surface-bright: #f7fbf1;--mtrl-sys-color-surface-container-low: #eef2e9;--mtrl-sys-color-surface-container: #e0e4db;--mtrl-sys-color-surface-container-high: #d2d6cd;--mtrl-sys-color-surface-container-highest: #c4c8bf;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e26;--mtrl-sys-color-outline-variant: #444b42;--mtrl-sys-color-inverse-surface: #2d322c;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #a1d39a}[data-theme=spring]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #c9fec1;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #9dcf97;--mtrl-sys-color-on-primary-container: #000f01;--mtrl-sys-color-secondary: #e2f5dd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #b5c8b1;--mtrl-sys-color-on-secondary-container: #020e03;--mtrl-sys-color-tertiary: #c8f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-primary-fixed: #bcf0b4;--mtrl-sys-color-primary-fixed-dim: #a1d39a;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001602;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #061407;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface: #10140f;--mtrl-sys-color-surface-dim: #10140f;--mtrl-sys-color-surface-bright: #4d514b;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c211b;--mtrl-sys-color-surface-container: #2d322c;--mtrl-sys-color-surface-container-high: #383d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ecf2e6;--mtrl-sys-color-outline-variant: #bec5b9;--mtrl-sys-color-inverse-surface: #e0e4db;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #245125}}
package/dist/themes/summer-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=summer]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=summer]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #004d71}[data-theme=summer][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #003a56;--mtrl-sys-color-primary-container: #387299;--mtrl-sys-color-secondary: #453400;--mtrl-sys-color-secondary-container: #876900;--mtrl-sys-color-tertiary: #3b3151;--mtrl-sys-color-tertiary-container: #73678b;--mtrl-sys-color-primary-fixed: #387299;--mtrl-sys-color-primary-fixed-dim: #185a7f;--mtrl-sys-color-secondary-fixed: #876900;--mtrl-sys-color-secondary-fixed-dim: #6a5100;--mtrl-sys-color-tertiary-fixed: #73678b;--mtrl-sys-color-tertiary-fixed-dim: #5a4f71;--mtrl-sys-color-surface-dim: #c3c7cc;--mtrl-sys-color-surface-container: #e5e8ed;--mtrl-sys-color-surface-container-high: #dadde2;--mtrl-sys-color-surface-container-highest: #cfd2d7;--mtrl-sys-color-on-surface: #0d1215;--mtrl-sys-color-on-surface-variant: #31373c;--mtrl-sys-color-outline: #4d5359;--mtrl-sys-color-outline-variant: #686e74}[data-theme=summer][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #bce1ff;--mtrl-sys-color-on-primary: #00283e;--mtrl-sys-color-primary-container: #5e97bf;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd875;--mtrl-sys-color-on-secondary: #312400;--mtrl-sys-color-secondary-container: #b38b06;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #e5d6ff;--mtrl-sys-color-on-tertiary: #2a203f;--mtrl-sys-color-tertiary-container: #988bb0;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001320;--mtrl-sys-color-on-primary-fixed-variant: #003a56;--mtrl-sys-color-on-secondary-fixed: #181000;--mtrl-sys-color-on-secondary-fixed-variant: #453400;--mtrl-sys-color-on-tertiary-fixed: #150b29;--mtrl-sys-color-on-tertiary-fixed-variant: #3b3151;--mtrl-sys-color-surface-bright: #414549;--mtrl-sys-color-surface-container-lowest: #05080b;--mtrl-sys-color-surface-container-low: #1a1e22;--mtrl-sys-color-surface-container: #24282c;--mtrl-sys-color-surface-container-high: #2f3337;--mtrl-sys-color-surface-container-highest: #3a3e42;--mtrl-sys-color-on-surface-variant: #d7dde4;--mtrl-sys-color-outline: #acb2b9;--mtrl-sys-color-outline-variant: #8b9198;--mtrl-sys-color-inverse-on-surface: #262a2e}[data-theme=summer][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #002f48;--mtrl-sys-color-primary-container: #004e72;--mtrl-sys-color-secondary: #392a00;--mtrl-sys-color-secondary-container: #5c4600;--mtrl-sys-color-tertiary: #312746;--mtrl-sys-color-tertiary-container: #4f4465;--mtrl-sys-color-primary-fixed: #004e72;--mtrl-sys-color-primary-fixed-dim: #003651;--mtrl-sys-color-secondary-fixed: #5c4600;--mtrl-sys-color-secondary-fixed-dim: #403000;--mtrl-sys-color-tertiary-fixed: #4f4465;--mtrl-sys-color-tertiary-fixed-dim: #382d4d;--mtrl-sys-color-surface-dim: #b6b9be;--mtrl-sys-color-surface-container-low: #eef1f6;--mtrl-sys-color-surface-container: #e0e3e8;--mtrl-sys-color-surface-container-high: #d1d5da;--mtrl-sys-color-surface-container-highest: #c3c7cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #272d32;--mtrl-sys-color-outline-variant: #444a50;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=summer][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #e4f2ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #91c9f3;--mtrl-sys-color-on-primary-container: #000d17;--mtrl-sys-color-secondary: #ffeecd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e9bd41;--mtrl-sys-color-on-secondary-container: #110a00;--mtrl-sys-color-tertiary: #f6ecff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #cbbce4;--mtrl-sys-color-on-tertiary-container: #0f0523;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001320;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #181000;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #150b29;--mtrl-sys-color-surface-bright: #4c5055;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c2024;--mtrl-sys-color-surface-container: #2d3135;--mtrl-sys-color-surface-container-high: #383c40;--mtrl-sys-color-surface-container-highest: #43474b;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ebf0f8;--mtrl-sys-color-outline-variant: #bdc3ca;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/summer.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=summer]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #266489;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c9e6ff;--mtrl-sys-color-on-primary-container: #004b6f;--mtrl-sys-color-secondary: #765b00;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdf93;--mtrl-sys-color-on-secondary-container: #594400;--mtrl-sys-color-tertiary: #64597b;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #eaddff;--mtrl-sys-color-on-tertiary-container: #4c4162;--mtrl-sys-color-primary-fixed: #c9e6ff;--mtrl-sys-color-primary-fixed-dim: #95cdf7;--mtrl-sys-color-on-primary-fixed: #001e2f;--mtrl-sys-color-on-primary-fixed-variant: #004b6f;--mtrl-sys-color-secondary-fixed: #ffdf93;--mtrl-sys-color-secondary-fixed-dim: #eec144;--mtrl-sys-color-on-secondary-fixed: #241a00;--mtrl-sys-color-on-secondary-fixed-variant: #594400;--mtrl-sys-color-tertiary-fixed: #eaddff;--mtrl-sys-color-tertiary-fixed-dim: #cfc0e8;--mtrl-sys-color-on-tertiary-fixed: #201634;--mtrl-sys-color-on-tertiary-fixed-variant: #4c4162;--mtrl-sys-color-surface: #f7f9ff;--mtrl-sys-color-surface-dim: #d7dadf;--mtrl-sys-color-surface-bright: #f7f9ff;--mtrl-sys-color-surface-variant: #dde3ea;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f1f4f9;--mtrl-sys-color-surface-container: #ebeef3;--mtrl-sys-color-surface-container-high: #e5e8ed;--mtrl-sys-color-surface-container-highest: #e0e3e8;--mtrl-sys-color-on-surface: #181c20;--mtrl-sys-color-on-surface-variant: #41474d;--mtrl-sys-color-outline: #72787e;--mtrl-sys-color-outline-variant: #c1c7ce;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #2d3135;--mtrl-sys-color-inverse-on-surface: #eef1f6;--mtrl-sys-color-inverse-primary: #95cdf7}[data-theme=summer][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #95cdf7;--mtrl-sys-color-on-primary: #00344e;--mtrl-sys-color-primary-container: #004b6f;--mtrl-sys-color-on-primary-container: #c9e6ff;--mtrl-sys-color-secondary: #eec144;--mtrl-sys-color-on-secondary: #3e2e00;--mtrl-sys-color-secondary-container: #594400;--mtrl-sys-color-on-secondary-container: #ffdf93;--mtrl-sys-color-tertiary: #cfc0e8;--mtrl-sys-color-on-tertiary: #352b4b;--mtrl-sys-color-tertiary-container: #4c4162;--mtrl-sys-color-on-tertiary-container: #eaddff;--mtrl-sys-color-primary-fixed: #c9e6ff;--mtrl-sys-color-primary-fixed-dim: #95cdf7;--mtrl-sys-color-on-primary-fixed: #001e2f;--mtrl-sys-color-on-primary-fixed-variant: #004b6f;--mtrl-sys-color-secondary-fixed: #ffdf93;--mtrl-sys-color-secondary-fixed-dim: #eec144;--mtrl-sys-color-on-secondary-fixed: #241a00;--mtrl-sys-color-on-secondary-fixed-variant: #594400;--mtrl-sys-color-tertiary-fixed: #eaddff;--mtrl-sys-color-tertiary-fixed-dim: #cfc0e8;--mtrl-sys-color-on-tertiary-fixed: #201634;--mtrl-sys-color-on-tertiary-fixed-variant: #4c4162;--mtrl-sys-color-surface: #101417;--mtrl-sys-color-surface-dim: #101417;--mtrl-sys-color-surface-bright: #363a3e;--mtrl-sys-color-surface-variant: #41474d;--mtrl-sys-color-surface-container-lowest: #0b0f12;--mtrl-sys-color-surface-container-low: #181c20;--mtrl-sys-color-surface-container: #1c2024;--mtrl-sys-color-surface-container-high: #262a2e;--mtrl-sys-color-surface-container-highest: #313539;--mtrl-sys-color-on-surface: #e0e3e8;--mtrl-sys-color-on-surface-variant: #c1c7ce;--mtrl-sys-color-outline: #8b9198;--mtrl-sys-color-outline-variant: #41474d;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e0e3e8;--mtrl-sys-color-inverse-on-surface: #2d3135;--mtrl-sys-color-inverse-primary: #266489}@media(prefers-contrast: more){[data-theme=summer]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #002f48;--mtrl-sys-color-primary-container: #004e72;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #392a00;--mtrl-sys-color-secondary-container: #5c4600;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #312746;--mtrl-sys-color-tertiary-container: #4f4465;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #004e72;--mtrl-sys-color-primary-fixed-dim: #003651;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #5c4600;--mtrl-sys-color-secondary-fixed-dim: #403000;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #4f4465;--mtrl-sys-color-tertiary-fixed-dim: #382d4d;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b6b9be;--mtrl-sys-color-surface-container-low: #eef1f6;--mtrl-sys-color-surface-container: #e0e3e8;--mtrl-sys-color-surface-container-high: #d1d5da;--mtrl-sys-color-surface-container-highest: #c3c7cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #272d32;--mtrl-sys-color-outline-variant: #444a50;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=summer]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #e4f2ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #91c9f3;--mtrl-sys-color-on-primary-container: #000d17;--mtrl-sys-color-secondary: #ffeecd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e9bd41;--mtrl-sys-color-on-secondary-container: #110a00;--mtrl-sys-color-tertiary: #f6ecff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #cbbce4;--mtrl-sys-color-on-tertiary-container: #0f0523;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001320;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #181000;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #150b29;--mtrl-sys-color-surface-bright: #4c5055;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c2024;--mtrl-sys-color-surface-container: #2d3135;--mtrl-sys-color-surface-container-high: #383c40;--mtrl-sys-color-surface-container-highest: #43474b;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ebf0f8;--mtrl-sys-color-outline-variant: #bdc3ca;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #004d71}}
package/dist/themes/sunset-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=sunset]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f4ded5;--mtrl-sys-color-inverse-surface: #382e2a;--mtrl-sys-color-inverse-primary: #ffb595}[data-theme=sunset]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed: #ffdbcd;--mtrl-sys-color-primary-fixed-dim: #ffb595;--mtrl-sys-color-surface: #1a120e;--mtrl-sys-color-surface-dim: #1a120e;--mtrl-sys-color-surface-variant: #52443d;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #f1dfd8;--mtrl-sys-color-inverse-primary: #72381a}[data-theme=sunset][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #5c260a;--mtrl-sys-color-primary-container: #9f5b3b;--mtrl-sys-color-secondary: #4b2f23;--mtrl-sys-color-secondary-container: #886557;--mtrl-sys-color-tertiary: #443409;--mtrl-sys-color-tertiary-container: #806a3b;--mtrl-sys-color-primary-fixed: #9f5b3b;--mtrl-sys-color-primary-fixed-dim: #824426;--mtrl-sys-color-secondary-fixed: #886557;--mtrl-sys-color-secondary-fixed-dim: #6d4d40;--mtrl-sys-color-tertiary-fixed: #806a3b;--mtrl-sys-color-tertiary-fixed-dim: #655225;--mtrl-sys-color-surface-dim: #d4c3bd;--mtrl-sys-color-surface-container-low: #fff1ec;--mtrl-sys-color-surface-container: #f6e5de;--mtrl-sys-color-surface-container-high: #ebd9d3;--mtrl-sys-color-surface-container-highest: #dfcec8;--mtrl-sys-color-on-surface: #170f0c;--mtrl-sys-color-on-surface-variant: #41332d;--mtrl-sys-color-outline: #5f4f49;--mtrl-sys-color-outline-variant: #7b6963;--mtrl-sys-color-inverse-on-surface: #ffede7}[data-theme=sunset][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #ffd3c1;--mtrl-sys-color-on-primary: #461700;--mtrl-sys-color-primary-container: #ca7e5b;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd3c1;--mtrl-sys-color-on-secondary: #381f14;--mtrl-sys-color-secondary-container: #af8878;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #f5d9a0;--mtrl-sys-color-on-tertiary: #322300;--mtrl-sys-color-tertiary-container: #a58e5b;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #250800;--mtrl-sys-color-on-primary-fixed-variant: #5c260a;--mtrl-sys-color-on-secondary-fixed: #200b03;--mtrl-sys-color-on-secondary-fixed-variant: #4b2f23;--mtrl-sys-color-on-tertiary-fixed: #181000;--mtrl-sys-color-on-tertiary-fixed-variant: #443409;--mtrl-sys-color-surface-bright: #4d423e;--mtrl-sys-color-surface-container-lowest: #0d0604;--mtrl-sys-color-surface-container-low: #251c18;--mtrl-sys-color-surface-container: #2f2622;--mtrl-sys-color-surface-container-high: #3b302c;--mtrl-sys-color-surface-container-highest: #463b37;--mtrl-sys-color-on-surface-variant: #eed8cf;--mtrl-sys-color-outline: #c2aea6;--mtrl-sys-color-outline-variant: #9f8c85;--mtrl-sys-color-inverse-on-surface: #322824}[data-theme=sunset][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #4f1d03;--mtrl-sys-color-primary-container: #74391c;--mtrl-sys-color-secondary: #40261a;--mtrl-sys-color-secondary-container: #604235;--mtrl-sys-color-tertiary: #392a01;--mtrl-sys-color-tertiary-container: #59471b;--mtrl-sys-color-primary-fixed: #74391c;--mtrl-sys-color-primary-fixed-dim: #572307;--mtrl-sys-color-secondary-fixed: #604235;--mtrl-sys-color-secondary-fixed-dim: #472c20;--mtrl-sys-color-tertiary-fixed: #59471b;--mtrl-sys-color-tertiary-fixed-dim: #403006;--mtrl-sys-color-surface-dim: #c6b5af;--mtrl-sys-color-surface-container-low: #ffede7;--mtrl-sys-color-surface-container: #f1dfd8;--mtrl-sys-color-surface-container-high: #e2d1cb;--mtrl-sys-color-surface-container-highest: #d4c3bd;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #362924;--mtrl-sys-color-outline-variant: #554640;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=sunset][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece5;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffb08d;--mtrl-sys-color-on-primary-container: #1b0500;--mtrl-sys-color-secondary: #ffece5;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e4b9a8;--mtrl-sys-color-on-secondary-container: #190601;--mtrl-sys-color-tertiary: #ffeed0;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #dac088;--mtrl-sys-color-on-tertiary-container: #110a00;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #250800;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #200b03;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #181000;--mtrl-sys-color-surface-bright: #594e49;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271e1a;--mtrl-sys-color-surface-container: #382e2a;--mtrl-sys-color-surface-container-high: #443935;--mtrl-sys-color-surface-container-highest: #504440;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece5;--mtrl-sys-color-outline-variant: #d4beb6;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/sunset.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=sunset]{--mtrl-sys-color-primary: #b34700;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdbc8;--mtrl-sys-color-on-primary-container: #3a1500;--mtrl-sys-color-secondary: #775648;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdbd0;--mtrl-sys-color-on-secondary-container: #2c160c;--mtrl-sys-color-tertiary: #705c2e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #fcdfaa;--mtrl-sys-color-on-tertiary-container: #261a00;--mtrl-sys-color-primary-fixed: #ffdbcc;--mtrl-sys-color-primary-fixed-dim: #ffb695;--mtrl-sys-color-on-primary-fixed: #351000;--mtrl-sys-color-on-primary-fixed-variant: #7b2f00;--mtrl-sys-color-secondary-fixed: #ffdbcd;--mtrl-sys-color-secondary-fixed-dim: #e8bdac;--mtrl-sys-color-on-secondary-fixed: #2d150b;--mtrl-sys-color-on-secondary-fixed-variant: #5e4033;--mtrl-sys-color-tertiary-fixed: #fbdfa6;--mtrl-sys-color-tertiary-fixed-dim: #dec38c;--mtrl-sys-color-on-tertiary-fixed: #251a00;--mtrl-sys-color-on-tertiary-fixed-variant: #564419;--mtrl-sys-color-surface: #fffbff;--mtrl-sys-color-surface-dim: #e5e1e6;--mtrl-sys-color-surface-bright: #fffbff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fbf1f2;--mtrl-sys-color-surface-container: #f3ebe7;--mtrl-sys-color-surface-container-high: #ede5e1;--mtrl-sys-color-surface-container-highest: #e7dfdb;--mtrl-sys-color-on-surface: #201a18;--mtrl-sys-color-on-surface-variant: #53433e;--mtrl-sys-color-surface-variant: #f6ddd6;--mtrl-sys-color-outline: #85736d;--mtrl-sys-color-outline-variant: #d8c2bb;--mtrl-sys-color-inverse-surface: #33302d;--mtrl-sys-color-inverse-on-surface: #f7efeb;--mtrl-sys-color-inverse-primary: #ffb695;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF}[data-theme=sunset][data-theme-mode=dark]{--mtrl-sys-color-primary: #ffb686;--mtrl-sys-color-on-primary: #5c2800;--mtrl-sys-color-primary-container: #833b00;--mtrl-sys-color-on-primary-container: #ffdbc8;--mtrl-sys-color-secondary: #e7bda8;--mtrl-sys-color-on-secondary: #44291b;--mtrl-sys-color-secondary-container: #5d3f30;--mtrl-sys-color-on-secondary-container: #ffdbd0;--mtrl-sys-color-tertiary: #dfc38c;--mtrl-sys-color-on-tertiary: #3d2e05;--mtrl-sys-color-tertiary-container: #564419;--mtrl-sys-color-on-tertiary-container: #fcdfaa;--mtrl-sys-color-surface: #1a1110;--mtrl-sys-color-surface-dim: #1a1110;--mtrl-sys-color-surface-bright: #423735;--mtrl-sys-color-surface-container-lowest: #140c0b;--mtrl-sys-color-surface-container-low: #231917;--mtrl-sys-color-surface-container: #271d1b;--mtrl-sys-color-surface-container-high: #322826;--mtrl-sys-color-surface-container-highest: #3d3230;--mtrl-sys-color-on-surface: #f0dfd9;--mtrl-sys-color-on-surface-variant: #d8c2bb;--mtrl-sys-color-surface-variant: #53433e;--mtrl-sys-color-outline: #a08c85;--mtrl-sys-color-outline-variant: #53433e;--mtrl-sys-color-inverse-surface: #f0dfd9;--mtrl-sys-color-inverse-on-surface: #33302d;--mtrl-sys-color-inverse-primary: #a23f00;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355}@media(prefers-contrast: more){[data-theme=sunset]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #4f1d03;--mtrl-sys-color-primary-container: #74391c;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #40261a;--mtrl-sys-color-secondary-container: #604235;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #392a01;--mtrl-sys-color-tertiary-container: #59471b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #74391c;--mtrl-sys-color-primary-fixed-dim: #572307;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #604235;--mtrl-sys-color-secondary-fixed-dim: #472c20;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #59471b;--mtrl-sys-color-tertiary-fixed-dim: #403006;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-dim: #c6b5af;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f4ded5;--mtrl-sys-color-surface-container-low: #ffede7;--mtrl-sys-color-surface-container: #f1dfd8;--mtrl-sys-color-surface-container-high: #e2d1cb;--mtrl-sys-color-surface-container-highest: #d4c3bd;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #362924;--mtrl-sys-color-outline-variant: #554640;--mtrl-sys-color-inverse-surface: #382e2a;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #ffb595}[data-theme=sunset]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece5;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffb08d;--mtrl-sys-color-on-primary-container: #1b0500;--mtrl-sys-color-secondary: #ffece5;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e4b9a8;--mtrl-sys-color-on-secondary-container: #190601;--mtrl-sys-color-tertiary: #ffeed0;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #dac088;--mtrl-sys-color-on-tertiary-container: #110a00;--mtrl-sys-color-primary-fixed: #ffdbcd;--mtrl-sys-color-primary-fixed-dim: #ffb595;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #250800;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #200b03;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #181000;--mtrl-sys-color-surface: #1a120e;--mtrl-sys-color-surface-dim: #1a120e;--mtrl-sys-color-surface-bright: #594e49;--mtrl-sys-color-surface-variant: #52443d;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271e1a;--mtrl-sys-color-surface-container: #382e2a;--mtrl-sys-color-surface-container-high: #443935;--mtrl-sys-color-surface-container-highest: #504440;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece5;--mtrl-sys-color-outline-variant: #d4beb6;--mtrl-sys-color-inverse-surface: #f1dfd8;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #72381a}}
package/dist/themes/tealcaramel-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=tealcaramel]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=tealcaramel]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #004f5e}[data-theme=tealcaramel][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #003c47;--mtrl-sys-color-primary-container: #1e778a;--mtrl-sys-color-secondary: #552c00;--mtrl-sys-color-secondary-container: #966130;--mtrl-sys-color-tertiary: #2e3453;--mtrl-sys-color-tertiary-container: #656b8d;--mtrl-sys-color-primary-fixed: #1e778a;--mtrl-sys-color-primary-fixed-dim: #005d6e;--mtrl-sys-color-secondary-fixed: #966130;--mtrl-sys-color-secondary-fixed-dim: #7a491a;--mtrl-sys-color-tertiary-fixed: #656b8d;--mtrl-sys-color-tertiary-fixed-dim: #4d5374;--mtrl-sys-color-surface-dim: #c2c7c9;--mtrl-sys-color-surface-container: #e4e9eb;--mtrl-sys-color-surface-container-high: #d8dee0;--mtrl-sys-color-surface-container-highest: #cdd2d5;--mtrl-sys-color-on-surface: #0c1214;--mtrl-sys-color-on-surface-variant: #2f383a;--mtrl-sys-color-outline: #4b5457;--mtrl-sys-color-outline-variant: #666f71}[data-theme=tealcaramel][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #9ae8fd;--mtrl-sys-color-on-primary: #002a33;--mtrl-sys-color-primary-container: #4c9baf;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd4b3;--mtrl-sys-color-on-secondary: #3d1e00;--mtrl-sys-color-secondary-container: #bf8450;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #d5daff;--mtrl-sys-color-on-tertiary: #1d2442;--mtrl-sys-color-tertiary-container: #898fb3;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001419;--mtrl-sys-color-on-primary-fixed-variant: #003c47;--mtrl-sys-color-on-secondary-fixed: #1f0c00;--mtrl-sys-color-on-secondary-fixed-variant: #552c00;--mtrl-sys-color-on-tertiary-fixed: #080f2c;--mtrl-sys-color-on-tertiary-fixed-variant: #2e3453;--mtrl-sys-color-surface-bright: #404547;--mtrl-sys-color-surface-container-lowest: #04080a;--mtrl-sys-color-surface-container-low: #191e20;--mtrl-sys-color-surface-container: #23292b;--mtrl-sys-color-surface-container-high: #2e3335;--mtrl-sys-color-surface-container-highest: #393f40;--mtrl-sys-color-on-surface-variant: #d5dee1;--mtrl-sys-color-outline: #aab3b6;--mtrl-sys-color-outline-variant: #899295;--mtrl-sys-color-inverse-on-surface: #252b2d}[data-theme=tealcaramel][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #00313b;--mtrl-sys-color-primary-container: #00515f;--mtrl-sys-color-secondary: #462300;--mtrl-sys-color-secondary-container: #6c3e0f;--mtrl-sys-color-tertiary: #242a48;--mtrl-sys-color-tertiary-container: #414767;--mtrl-sys-color-primary-fixed: #00515f;--mtrl-sys-color-primary-fixed-dim: #003843;--mtrl-sys-color-secondary-fixed: #6c3e0f;--mtrl-sys-color-secondary-fixed-dim: #502900;--mtrl-sys-color-tertiary-fixed: #414767;--mtrl-sys-color-tertiary-fixed-dim: #2b314f;--mtrl-sys-color-surface-dim: #b4babc;--mtrl-sys-color-surface-container-low: #ecf2f4;--mtrl-sys-color-surface-container: #dee3e5;--mtrl-sys-color-surface-container-high: #d0d5d7;--mtrl-sys-color-surface-container-highest: #c2c7c9;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #252d30;--mtrl-sys-color-outline-variant: #424b4d;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=tealcaramel][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d6f5ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #80cee3;--mtrl-sys-color-on-primary-container: #000d12;--mtrl-sys-color-secondary: #ffede0;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #f8b57c;--mtrl-sys-color-on-secondary-container: #160800;--mtrl-sys-color-tertiary: #efefff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #bbc1e7;--mtrl-sys-color-on-tertiary-container: #030826;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001419;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1f0c00;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #080f2c;--mtrl-sys-color-surface-bright: #4b5153;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1b2022;--mtrl-sys-color-surface-container: #2c3133;--mtrl-sys-color-surface-container-high: #373c3e;--mtrl-sys-color-surface-container-highest: #42484a;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #e9f1f5;--mtrl-sys-color-outline-variant: #bbc4c7;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/tealcaramel.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=tealcaramel]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #00687a;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #acedff;--mtrl-sys-color-on-primary-container: #004e5c;--mtrl-sys-color-secondary: #855323;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdcc2;--mtrl-sys-color-on-secondary-container: #693c0d;--mtrl-sys-color-tertiary: #565d7e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #dde1ff;--mtrl-sys-color-on-tertiary-container: #3f4565;--mtrl-sys-color-primary-fixed: #acedff;--mtrl-sys-color-primary-fixed-dim: #84d2e7;--mtrl-sys-color-on-primary-fixed: #001f26;--mtrl-sys-color-on-primary-fixed-variant: #004e5c;--mtrl-sys-color-secondary-fixed: #ffdcc2;--mtrl-sys-color-secondary-fixed-dim: #fcb880;--mtrl-sys-color-on-secondary-fixed: #2e1500;--mtrl-sys-color-on-secondary-fixed-variant: #693c0d;--mtrl-sys-color-tertiary-fixed: #dde1ff;--mtrl-sys-color-tertiary-fixed-dim: #bfc4eb;--mtrl-sys-color-on-tertiary-fixed: #131937;--mtrl-sys-color-on-tertiary-fixed-variant: #3f4565;--mtrl-sys-color-surface: #f5fafc;--mtrl-sys-color-surface-dim: #d5dbdd;--mtrl-sys-color-surface-bright: #f5fafc;--mtrl-sys-color-surface-variant: #dbe4e7;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #eff4f7;--mtrl-sys-color-surface-container: #e9eff1;--mtrl-sys-color-surface-container-high: #e4e9eb;--mtrl-sys-color-surface-container-highest: #dee3e5;--mtrl-sys-color-on-surface: #171c1e;--mtrl-sys-color-on-surface-variant: #3f484b;--mtrl-sys-color-outline: #70797b;--mtrl-sys-color-outline-variant: #bfc8cb;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #2c3133;--mtrl-sys-color-inverse-on-surface: #ecf2f4;--mtrl-sys-color-inverse-primary: #84d2e7}[data-theme=tealcaramel][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #84d2e7;--mtrl-sys-color-on-primary: #003640;--mtrl-sys-color-primary-container: #004e5c;--mtrl-sys-color-on-primary-container: #acedff;--mtrl-sys-color-secondary: #fcb880;--mtrl-sys-color-on-secondary: #4c2700;--mtrl-sys-color-secondary-container: #693c0d;--mtrl-sys-color-on-secondary-container: #ffdcc2;--mtrl-sys-color-tertiary: #bfc4eb;--mtrl-sys-color-on-tertiary: #282f4d;--mtrl-sys-color-tertiary-container: #3f4565;--mtrl-sys-color-on-tertiary-container: #dde1ff;--mtrl-sys-color-primary-fixed: #acedff;--mtrl-sys-color-primary-fixed-dim: #84d2e7;--mtrl-sys-color-on-primary-fixed: #001f26;--mtrl-sys-color-on-primary-fixed-variant: #004e5c;--mtrl-sys-color-secondary-fixed: #ffdcc2;--mtrl-sys-color-secondary-fixed-dim: #fcb880;--mtrl-sys-color-on-secondary-fixed: #2e1500;--mtrl-sys-color-on-secondary-fixed-variant: #693c0d;--mtrl-sys-color-tertiary-fixed: #dde1ff;--mtrl-sys-color-tertiary-fixed-dim: #bfc4eb;--mtrl-sys-color-on-tertiary-fixed: #131937;--mtrl-sys-color-on-tertiary-fixed-variant: #3f4565;--mtrl-sys-color-surface: #0f1416;--mtrl-sys-color-surface-dim: #0f1416;--mtrl-sys-color-surface-bright: #343a3c;--mtrl-sys-color-surface-variant: #3f484b;--mtrl-sys-color-surface-container-lowest: #090f11;--mtrl-sys-color-surface-container-low: #171c1e;--mtrl-sys-color-surface-container: #1b2022;--mtrl-sys-color-surface-container-high: #252b2d;--mtrl-sys-color-surface-container-highest: #303638;--mtrl-sys-color-on-surface: #dee3e5;--mtrl-sys-color-on-surface-variant: #bfc8cb;--mtrl-sys-color-outline: #899295;--mtrl-sys-color-outline-variant: #3f484b;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #dee3e5;--mtrl-sys-color-inverse-on-surface: #2c3133;--mtrl-sys-color-inverse-primary: #00687a}@media(prefers-contrast: more){[data-theme=tealcaramel]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #00313b;--mtrl-sys-color-primary-container: #00515f;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #462300;--mtrl-sys-color-secondary-container: #6c3e0f;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #242a48;--mtrl-sys-color-tertiary-container: #414767;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #00515f;--mtrl-sys-color-primary-fixed-dim: #003843;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #6c3e0f;--mtrl-sys-color-secondary-fixed-dim: #502900;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #414767;--mtrl-sys-color-tertiary-fixed-dim: #2b314f;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #b4babc;--mtrl-sys-color-surface-container-low: #ecf2f4;--mtrl-sys-color-surface-container: #dee3e5;--mtrl-sys-color-surface-container-high: #d0d5d7;--mtrl-sys-color-surface-container-highest: #c2c7c9;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #252d30;--mtrl-sys-color-outline-variant: #424b4d;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=tealcaramel]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #d6f5ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #80cee3;--mtrl-sys-color-on-primary-container: #000d12;--mtrl-sys-color-secondary: #ffede0;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #f8b57c;--mtrl-sys-color-on-secondary-container: #160800;--mtrl-sys-color-tertiary: #efefff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #bbc1e7;--mtrl-sys-color-on-tertiary-container: #030826;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001419;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1f0c00;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #080f2c;--mtrl-sys-color-surface-bright: #4b5153;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1b2022;--mtrl-sys-color-surface-container: #2c3133;--mtrl-sys-color-surface-container-high: #373c3e;--mtrl-sys-color-surface-container-highest: #42484a;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #e9f1f5;--mtrl-sys-color-outline-variant: #bbc4c7;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #004f5e}}
package/dist/themes/vibrant-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=vibrant]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=vibrant]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #5500cf}[data-theme=vibrant][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #4100a1;--mtrl-sys-color-primary-container: #7d40ff;--mtrl-sys-color-secondary: #412f4e;--mtrl-sys-color-secondary-container: #7a6587;--mtrl-sys-color-tertiary: #4d294f;--mtrl-sys-color-tertiary-container: #895f89;--mtrl-sys-color-primary-fixed: #7d40ff;--mtrl-sys-color-primary-fixed-dim: #6400f0;--mtrl-sys-color-secondary-fixed: #7a6587;--mtrl-sys-color-secondary-fixed-dim: #614d6e;--mtrl-sys-color-tertiary-fixed: #895f89;--mtrl-sys-color-tertiary-fixed-dim: #6e4770;--mtrl-sys-color-surface-dim: #cbc4d2;--mtrl-sys-color-surface-container: #ede5f4;--mtrl-sys-color-surface-container-high: #e1dae9;--mtrl-sys-color-surface-container-highest: #d6cfdd;--mtrl-sys-color-on-surface: #12101a;--mtrl-sys-color-on-surface-variant: #383442;--mtrl-sys-color-outline: #55505f;--mtrl-sys-color-outline-variant: #706a7a}[data-theme=vibrant][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #e3d6ff;--mtrl-sys-color-on-primary: #2e0077;--mtrl-sys-color-primary-container: #9e79ff;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #edd3fb;--mtrl-sys-color-on-secondary: #301e3c;--mtrl-sys-color-secondary-container: #9f88ad;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffccfd;--mtrl-sys-color-on-tertiary: #3a183e;--mtrl-sys-color-tertiary-container: #af82af;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #160042;--mtrl-sys-color-on-primary-fixed-variant: #4100a1;--mtrl-sys-color-on-secondary-fixed: #1a0926;--mtrl-sys-color-on-secondary-fixed-variant: #412f4e;--mtrl-sys-color-on-tertiary-fixed: #230328;--mtrl-sys-color-on-tertiary-fixed-variant: #4d294f;--mtrl-sys-color-surface-bright: #47434e;--mtrl-sys-color-surface-container-lowest: #08060f;--mtrl-sys-color-surface-container-low: #1f1c26;--mtrl-sys-color-surface-container: #292631;--mtrl-sys-color-surface-container-high: #34313c;--mtrl-sys-color-surface-container-highest: #403c47;--mtrl-sys-color-on-surface-variant: #e1d9eb;--mtrl-sys-color-outline: #b6afc0;--mtrl-sys-color-outline-variant: #948e9e;--mtrl-sys-color-inverse-on-surface: #2c2833}[data-theme=vibrant][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #350087;--mtrl-sys-color-primary-container: #5700d2;--mtrl-sys-color-secondary: #362543;--mtrl-sys-color-secondary-container: #554262;--mtrl-sys-color-tertiary: #421e45;--mtrl-sys-color-tertiary-container: #623b64;--mtrl-sys-color-primary-fixed: #5700d2;--mtrl-sys-color-primary-fixed-dim: #3d0098;--mtrl-sys-color-secondary-fixed: #554262;--mtrl-sys-color-secondary-fixed-dim: #3d2b4a;--mtrl-sys-color-tertiary-fixed: #623b64;--mtrl-sys-color-tertiary-fixed-dim: #49254c;--mtrl-sys-color-surface-dim: #bdb6c4;--mtrl-sys-color-surface-container-low: #f5eefd;--mtrl-sys-color-surface-container: #e7e0ef;--mtrl-sys-color-surface-container-high: #d9d2e0;--mtrl-sys-color-surface-container-highest: #cbc4d2;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2a38;--mtrl-sys-color-outline-variant: #4c4755;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=vibrant][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #faebff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #d3bae0;--mtrl-sys-color-on-secondary-container: #140420;--mtrl-sys-color-tertiary: #ffeafa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #e4b3e3;--mtrl-sys-color-on-tertiary-container: #1b0020;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1a0926;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #230328;--mtrl-sys-color-surface-bright: #524e5a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211e28;--mtrl-sys-color-surface-container: #322f3a;--mtrl-sys-color-surface-container-high: #3d3a45;--mtrl-sys-color-surface-container-highest: #494551;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f5edff;--mtrl-sys-color-outline-variant: #c7bfd1;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/vibrant.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.3.1 | MIT */
1
+ /*! material v3.3.3 | MIT */
2
2
  [data-theme=vibrant]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #6f19ff;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #e9ddff;--mtrl-sys-color-on-primary-container: #5400cc;--mtrl-sys-color-secondary: #6b5778;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #f3daff;--mtrl-sys-color-on-secondary-container: #523f5f;--mtrl-sys-color-tertiary: #79507a;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd6fc;--mtrl-sys-color-on-tertiary-container: #5f3961;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #5400cc;--mtrl-sys-color-secondary-fixed: #f3daff;--mtrl-sys-color-secondary-fixed-dim: #d7bee4;--mtrl-sys-color-on-secondary-fixed: #251431;--mtrl-sys-color-on-secondary-fixed-variant: #523f5f;--mtrl-sys-color-tertiary-fixed: #ffd6fc;--mtrl-sys-color-tertiary-fixed-dim: #e8b7e7;--mtrl-sys-color-on-tertiary-fixed: #2f0d33;--mtrl-sys-color-on-tertiary-fixed-variant: #5f3961;--mtrl-sys-color-surface: #fdf7ff;--mtrl-sys-color-surface-dim: #ded7e6;--mtrl-sys-color-surface-bright: #fdf7ff;--mtrl-sys-color-surface-variant: #e7dff2;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f8f1ff;--mtrl-sys-color-surface-container: #f2ebfa;--mtrl-sys-color-surface-container-high: #ede5f4;--mtrl-sys-color-surface-container-highest: #e7e0ef;--mtrl-sys-color-on-surface: #1d1a24;--mtrl-sys-color-on-surface-variant: #494453;--mtrl-sys-color-outline: #7a7484;--mtrl-sys-color-outline-variant: #cbc3d5;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #322f3a;--mtrl-sys-color-inverse-on-surface: #f5eefd;--mtrl-sys-color-inverse-primary: #cfbcff}[data-theme=vibrant][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #cfbcff;--mtrl-sys-color-on-primary: #3a0092;--mtrl-sys-color-primary-container: #5400cc;--mtrl-sys-color-on-primary-container: #e9ddff;--mtrl-sys-color-secondary: #d7bee4;--mtrl-sys-color-on-secondary: #3b2948;--mtrl-sys-color-secondary-container: #523f5f;--mtrl-sys-color-on-secondary-container: #f3daff;--mtrl-sys-color-tertiary: #e8b7e7;--mtrl-sys-color-on-tertiary: #462349;--mtrl-sys-color-tertiary-container: #5f3961;--mtrl-sys-color-on-tertiary-container: #ffd6fc;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #5400cc;--mtrl-sys-color-secondary-fixed: #f3daff;--mtrl-sys-color-secondary-fixed-dim: #d7bee4;--mtrl-sys-color-on-secondary-fixed: #251431;--mtrl-sys-color-on-secondary-fixed-variant: #523f5f;--mtrl-sys-color-tertiary-fixed: #ffd6fc;--mtrl-sys-color-tertiary-fixed-dim: #e8b7e7;--mtrl-sys-color-on-tertiary-fixed: #2f0d33;--mtrl-sys-color-on-tertiary-fixed-variant: #5f3961;--mtrl-sys-color-surface: #15121c;--mtrl-sys-color-surface-dim: #15121c;--mtrl-sys-color-surface-bright: #3b3743;--mtrl-sys-color-surface-variant: #494453;--mtrl-sys-color-surface-container-lowest: #0f0d16;--mtrl-sys-color-surface-container-low: #1d1a24;--mtrl-sys-color-surface-container: #211e28;--mtrl-sys-color-surface-container-high: #2c2833;--mtrl-sys-color-surface-container-highest: #37333e;--mtrl-sys-color-on-surface: #e7e0ef;--mtrl-sys-color-on-surface-variant: #cbc3d5;--mtrl-sys-color-outline: #948e9f;--mtrl-sys-color-outline-variant: #494453;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e7e0ef;--mtrl-sys-color-inverse-on-surface: #322f3a;--mtrl-sys-color-inverse-primary: #6f19ff}@media(prefers-contrast: more){[data-theme=vibrant]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #350087;--mtrl-sys-color-primary-container: #5700d2;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #362543;--mtrl-sys-color-secondary-container: #554262;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #421e45;--mtrl-sys-color-tertiary-container: #623b64;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #5700d2;--mtrl-sys-color-primary-fixed-dim: #3d0098;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #554262;--mtrl-sys-color-secondary-fixed-dim: #3d2b4a;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #623b64;--mtrl-sys-color-tertiary-fixed-dim: #49254c;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #bdb6c4;--mtrl-sys-color-surface-container-low: #f5eefd;--mtrl-sys-color-surface-container: #e7e0ef;--mtrl-sys-color-surface-container-high: #d9d2e0;--mtrl-sys-color-surface-container-highest: #cbc4d2;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2a38;--mtrl-sys-color-outline-variant: #4c4755;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=vibrant]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #faebff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #d3bae0;--mtrl-sys-color-on-secondary-container: #140420;--mtrl-sys-color-tertiary: #ffeafa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #e4b3e3;--mtrl-sys-color-on-tertiary-container: #1b0020;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1a0926;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #230328;--mtrl-sys-color-surface-bright: #524e5a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211e28;--mtrl-sys-color-surface-container: #322f3a;--mtrl-sys-color-surface-container-high: #3d3a45;--mtrl-sys-color-surface-container-highest: #494551;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f5edff;--mtrl-sys-color-outline-variant: #c7bfd1;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #5500cf}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "material",
3
- "version": "3.3.1",
3
+ "version": "3.3.3",
4
4
  "description": "Material Design 3 components for the web: plain JavaScript, web components, and React, Vue, Svelte and Solid components. TypeScript, zero dependencies.",
5
5
  "author": "floor",
6
6
  "license": "MIT",
package/src/styles/components/_tooltip.scss CHANGED
@@ -204,20 +204,7 @@ $arrow-size: 8px;
204
204
  }
205
205
  }
206
206
 
207
- // Positioning classes
208
- &--top {
209
- margin-bottom: $arrow-size;
210
- }
211
-
212
- &--bottom {
213
- margin-top: $arrow-size;
214
- }
215
-
216
- &--left {
217
- margin-right: $arrow-size;
218
- }
219
-
220
- &--right {
221
- margin-left: $arrow-size;
222
- }
207
+ // No position margins: calculatePosition (api.ts) already offsets every
208
+ // placement by DEFAULT_OFFSET, and a margin on top of it doubled the
209
+ // cardinal bottom and right gaps, arrows detached from the target.
223
210
  }
package/dist/components/card/features.js DELETED
@@ -1,217 +0,0 @@
1
- import { PREFIX } from "../../core/config.js";
2
- const HIDDEN_ACTION_STYLE = {
3
- position: "absolute",
4
- left: "-9999px",
5
- top: "-9999px",
6
- visibility: "hidden",
7
- };
8
- import { createElement } from "../../core/dom/create.js";
9
- export const withLoading = (config = {}) => (component) => {
10
- const initialState = config.initialState || false;
11
- let loadingElement = null;
12
- let isLoading = initialState;
13
- function setLoading(loading) {
14
- isLoading = loading;
15
- if (loading && !loadingElement) {
16
- loadingElement = createElement({
17
- tag: "div",
18
- className: `${PREFIX}-card__loading-overlay`,
19
- container: component.element,
20
- attributes: {
21
- role: "progressbar",
22
- "aria-busy": "true",
23
- "aria-label": "Loading",
24
- },
25
- });
26
- createElement({
27
- tag: "div",
28
- className: `${PREFIX}-card__loading-spinner`,
29
- container: loadingElement,
30
- });
31
- component.element.classList.add(`${PREFIX}-card--state-loading`);
32
- component.element.setAttribute("aria-busy", "true");
33
- }
34
- else if (!loading && loadingElement) {
35
- loadingElement.remove();
36
- loadingElement = null;
37
- component.element.classList.remove(`${PREFIX}-card--state-loading`);
38
- component.element.setAttribute("aria-busy", "false");
39
- }
40
- }
41
- if (initialState) {
42
- setLoading(true);
43
- }
44
- return {
45
- ...component,
46
- loading: {
47
- isLoading: () => isLoading,
48
- setLoading,
49
- },
50
- };
51
- };
52
- export const withExpandable = (config = {}) => (component) => {
53
- const initialExpanded = config.initialExpanded || false;
54
- let isExpanded = initialExpanded;
55
- const expandableContent = config.expandableContent;
56
- const expandButton = createElement({
57
- tag: "button",
58
- className: `${PREFIX}-card__expand-button`,
59
- attributes: {
60
- "aria-expanded": isExpanded ? "true" : "false",
61
- "aria-label": isExpanded ? "Collapse content" : "Expand content",
62
- "aria-controls": expandableContent?.id ||
63
- `${component.element.id || "card"}-expandable-content`,
64
- },
65
- });
66
- const actionsContainer = component.element.querySelector(`.${PREFIX}-card__actions`);
67
- if (actionsContainer) {
68
- actionsContainer.appendChild(expandButton);
69
- }
70
- else {
71
- const newActionsContainer = createElement({
72
- tag: "div",
73
- className: `${PREFIX}-card__actions`,
74
- container: component.element,
75
- attributes: {
76
- role: "group",
77
- },
78
- });
79
- newActionsContainer.appendChild(expandButton);
80
- }
81
- if (expandableContent) {
82
- expandableContent.classList.add(`${PREFIX}-card__expandable-content`);
83
- if (!expandableContent.id) {
84
- expandableContent.id = `${component.element.id || "card"}-expandable-content`;
85
- }
86
- if (!initialExpanded) {
87
- expandableContent.style.display = "none";
88
- expandableContent.setAttribute("aria-hidden", "true");
89
- }
90
- else {
91
- expandableContent.setAttribute("aria-hidden", "false");
92
- }
93
- component.element.appendChild(expandableContent);
94
- }
95
- function setExpanded(expanded) {
96
- isExpanded = expanded;
97
- if (expandableContent) {
98
- expandableContent.style.display = expanded ? "block" : "none";
99
- expandableContent.setAttribute("aria-hidden", expanded ? "false" : "true");
100
- }
101
- expandButton.setAttribute("aria-expanded", expanded ? "true" : "false");
102
- expandButton.setAttribute("aria-label", expanded ? "Collapse content" : "Expand content");
103
- if (expanded) {
104
- component.element.classList.add(`${PREFIX}-card--expanded`);
105
- }
106
- else {
107
- component.element.classList.remove(`${PREFIX}-card--expanded`);
108
- }
109
- component.emit?.("expandedChanged", { expanded });
110
- }
111
- function toggleExpanded() {
112
- setExpanded(!isExpanded);
113
- }
114
- expandButton.addEventListener("click", (e) => {
115
- e.stopPropagation();
116
- toggleExpanded();
117
- });
118
- expandButton.addEventListener("keydown", (e) => {
119
- if (e.key === "Enter" || e.key === " ") {
120
- e.preventDefault();
121
- toggleExpanded();
122
- }
123
- });
124
- return {
125
- ...component,
126
- expandable: {
127
- isExpanded: () => isExpanded,
128
- setExpanded,
129
- toggleExpanded,
130
- },
131
- };
132
- };
133
- export const withSwipeable = (config = {}) => (component) => {
134
- const threshold = config.threshold || 100;
135
- let startX = 0;
136
- let currentX = 0;
137
- component.element.setAttribute("aria-description", "Swipeable card. Swipe left or right to perform actions.");
138
- const leftActionButton = createElement({
139
- tag: "button",
140
- className: `${PREFIX}-card__swipe-left-action`,
141
- text: "Swipe Left Action",
142
- container: component.element,
143
- attributes: { "aria-label": "Perform swipe left action" },
144
- style: HIDDEN_ACTION_STYLE,
145
- });
146
- const rightActionButton = createElement({
147
- tag: "button",
148
- className: `${PREFIX}-card__swipe-right-action`,
149
- text: "Swipe Right Action",
150
- container: component.element,
151
- attributes: { "aria-label": "Perform swipe right action" },
152
- style: HIDDEN_ACTION_STYLE,
153
- });
154
- leftActionButton.addEventListener("click", () => {
155
- if (config.onSwipeLeft) {
156
- component.element.style.transform = "translateX(-100%)";
157
- component.element.style.transition = "transform 0.3s ease";
158
- config.onSwipeLeft(card);
159
- }
160
- });
161
- rightActionButton.addEventListener("click", () => {
162
- if (config.onSwipeRight) {
163
- component.element.style.transform = "translateX(100%)";
164
- component.element.style.transition = "transform 0.3s ease";
165
- config.onSwipeRight(card);
166
- }
167
- });
168
- function handleTouchStart(e) {
169
- startX = e.touches[0].clientX;
170
- component.element.style.transition = "none";
171
- }
172
- function handleTouchMove(e) {
173
- if (!startX)
174
- return;
175
- currentX = e.touches[0].clientX;
176
- const diffX = currentX - startX;
177
- component.element.style.transform = `translateX(${diffX}px)`;
178
- }
179
- function handleTouchEnd() {
180
- if (!startX)
181
- return;
182
- component.element.style.transition = "transform 0.3s ease";
183
- const diffX = currentX - startX;
184
- if (Math.abs(diffX) >= threshold) {
185
- if (diffX > 0 && config.onSwipeRight) {
186
- component.element.style.transform = "translateX(100%)";
187
- config.onSwipeRight(card);
188
- }
189
- else if (diffX < 0 && config.onSwipeLeft) {
190
- component.element.style.transform = "translateX(-100%)";
191
- config.onSwipeLeft(card);
192
- }
193
- else {
194
- component.element.style.transform = "translateX(0)";
195
- }
196
- }
197
- else {
198
- component.element.style.transform = "translateX(0)";
199
- }
200
- startX = 0;
201
- currentX = 0;
202
- }
203
- component.element.addEventListener("touchstart", handleTouchStart, { passive: true });
204
- component.element.addEventListener("touchmove", handleTouchMove, { passive: true });
205
- component.element.addEventListener("touchend", handleTouchEnd);
206
- component.element.classList.add(`${PREFIX}-card--swipeable`);
207
- const card = {
208
- ...component,
209
- swipeable: {
210
- reset: () => {
211
- component.element.style.transition = "transform 0.3s ease";
212
- component.element.style.transform = "translateX(0)";
213
- },
214
- },
215
- };
216
- return card;
217
- };
package/dist/components/chips/chip/constants.js DELETED
@@ -1,18 +0,0 @@
1
- export const CHIP_CLASSES = {
2
- ROOT: 'chip',
3
- CONTENT: 'chip-content',
4
- LABEL: 'chip-label',
5
- LEADING_ICON: 'chip-leading-icon',
6
- TRAILING_ICON: 'chip-trailing-icon',
7
- SELECTED: 'chip--selected',
8
- DISABLED: 'chip--disabled',
9
- FOCUSED: 'chip--focused',
10
- HOVERED: 'chip--hovered'
11
- };
12
- export const CHIP_STATES = {
13
- DEFAULT: 'default',
14
- SELECTED: 'selected',
15
- DISABLED: 'disabled',
16
- FOCUSED: 'focused',
17
- HOVERED: 'hovered'
18
- };
package/dist/components/chips/chip/index.js DELETED
@@ -1 +0,0 @@
1
- export { default } from "./chip.js";
package/dist/components/chips/schema.js DELETED
@@ -1,46 +0,0 @@
1
- export function createChipsSchema(component, config) {
2
- const getClass = (className) => component.getClass(className);
3
- const scrollable = config.scrollable === true;
4
- const vertical = config.vertical === true;
5
- const isMultiSelect = config.multiSelect === true;
6
- const hasLabel = config.label && config.label.trim().length > 0;
7
- const labelPosition = config.labelPosition || "start";
8
- return {
9
- element: {
10
- options: {
11
- className: [
12
- getClass("chips"),
13
- scrollable ? getClass("chips--scrollable") : null,
14
- vertical ? getClass("chips--vertical") : null,
15
- hasLabel ? getClass("chips--with-label") : null,
16
- hasLabel && labelPosition === "end"
17
- ? getClass("chips--label-end")
18
- : null,
19
- config.class,
20
- ].filter(Boolean),
21
- attributes: {
22
- role: "group",
23
- "aria-multiselectable": isMultiSelect ? "true" : "false",
24
- },
25
- },
26
- children: {
27
- ...(hasLabel
28
- ? {
29
- label: {
30
- options: {
31
- tag: "label",
32
- className: getClass("chips__label"),
33
- text: config.label,
34
- },
35
- },
36
- }
37
- : {}),
38
- chipContainer: {
39
- options: {
40
- className: getClass("chips__container"),
41
- },
42
- },
43
- },
44
- },
45
- };
46
- }
package/dist/components/progress/features/index.js DELETED
@@ -1,4 +0,0 @@
1
- export { withCanvas } from "./canvas.js";
2
- export { withState } from "./state.js";
3
- export { drawCircularProgress } from "./circular.js";
4
- export { drawLinearProgress } from "./linear.js";
package/dist/components/progress/features/resize-observer.js DELETED
@@ -1,40 +0,0 @@
1
- export const createCanvasResizeObserver = (element, canvas, onResize) => {
2
- let resizeObserver = null;
3
- let timeoutId = null;
4
- const debouncedResize = () => {
5
- if (timeoutId) {
6
- clearTimeout(timeoutId);
7
- }
8
- timeoutId = window.setTimeout(() => {
9
- onResize();
10
- timeoutId = null;
11
- }, 100);
12
- };
13
- if (typeof ResizeObserver !== 'undefined') {
14
- resizeObserver = new ResizeObserver((entries) => {
15
- for (const entry of entries) {
16
- const { width, height } = entry.contentRect;
17
- const currentWidth = parseFloat(canvas.style.width || '0');
18
- const currentHeight = parseFloat(canvas.style.height || '0');
19
- if (Math.abs(width - currentWidth) > 1 || Math.abs(height - currentHeight) > 1) {
20
- debouncedResize();
21
- }
22
- }
23
- });
24
- resizeObserver.observe(element);
25
- }
26
- else {
27
- window.addEventListener('resize', debouncedResize);
28
- }
29
- return () => {
30
- if (timeoutId) {
31
- clearTimeout(timeoutId);
32
- }
33
- if (resizeObserver) {
34
- resizeObserver.disconnect();
35
- }
36
- else {
37
- window.removeEventListener('resize', debouncedResize);
38
- }
39
- };
40
- };