material 3.2.7 → 3.3.1

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 (162) hide show
  1. package/dist/components/extended-fab/config.js +3 -2
  2. package/dist/components/extended-fab/index.d.ts +1 -1
  3. package/dist/components/extended-fab/types.d.ts +2 -0
  4. package/dist/components/fab/config.js +3 -2
  5. package/dist/components/fab/index.d.ts +1 -1
  6. package/dist/components/fab/types.d.ts +2 -0
  7. package/dist/components/menu/features/keyboard.js +3 -6
  8. package/dist/components/menu/features/submenu.js +1 -1
  9. package/dist/components/select/features.js +3 -2
  10. package/dist/elements/button.d.ts +24 -0
  11. package/dist/elements/button.js +12 -0
  12. package/dist/elements/card.d.ts +4 -0
  13. package/dist/elements/card.js +3 -2
  14. package/dist/elements/css/extended-fab.css +1 -1
  15. package/dist/elements/css/extended-fab.js +1 -1
  16. package/dist/elements/css/fab-menu.css +1 -1
  17. package/dist/elements/css/fab-menu.js +1 -1
  18. package/dist/elements/css/fab.css +1 -1
  19. package/dist/elements/css/fab.js +1 -1
  20. package/dist/elements/css/hosts/extended-fab.css +1 -1
  21. package/dist/elements/css/hosts/fab.css +1 -1
  22. package/dist/elements/css/menu.css +1 -1
  23. package/dist/elements/css/menu.js +1 -1
  24. package/dist/elements/extended-fab.d.ts +4 -0
  25. package/dist/elements/extended-fab.js +3 -1
  26. package/dist/elements/fab.d.ts +4 -0
  27. package/dist/elements/fab.js +3 -1
  28. package/dist/elements/floating-placement.js +1 -0
  29. package/dist/elements/preupgrade/badge.css +1 -1
  30. package/dist/elements/preupgrade/bottom-app-bar.css +1 -1
  31. package/dist/elements/preupgrade/bottom-sheet.css +1 -1
  32. package/dist/elements/preupgrade/button-group.css +1 -1
  33. package/dist/elements/preupgrade/button.css +2 -2
  34. package/dist/elements/preupgrade/card.css +2 -2
  35. package/dist/elements/preupgrade/carousel.css +1 -1
  36. package/dist/elements/preupgrade/checkbox.css +1 -1
  37. package/dist/elements/preupgrade/chips.css +1 -1
  38. package/dist/elements/preupgrade/datepicker.css +1 -1
  39. package/dist/elements/preupgrade/dialog.css +1 -1
  40. package/dist/elements/preupgrade/divider.css +1 -1
  41. package/dist/elements/preupgrade/drawer.css +1 -1
  42. package/dist/elements/preupgrade/extended-fab.css +2 -2
  43. package/dist/elements/preupgrade/fab-menu.css +1 -1
  44. package/dist/elements/preupgrade/fab.css +2 -2
  45. package/dist/elements/preupgrade/icon-button.css +1 -1
  46. package/dist/elements/preupgrade/list.css +1 -1
  47. package/dist/elements/preupgrade/loading-indicator.css +1 -1
  48. package/dist/elements/preupgrade/menu.css +1 -1
  49. package/dist/elements/preupgrade/navigation-bar.css +1 -1
  50. package/dist/elements/preupgrade/navigation-rail.css +1 -1
  51. package/dist/elements/preupgrade/progress.css +1 -1
  52. package/dist/elements/preupgrade/radios.css +1 -1
  53. package/dist/elements/preupgrade/search.css +1 -1
  54. package/dist/elements/preupgrade/select.css +1 -1
  55. package/dist/elements/preupgrade/side-sheet.css +1 -1
  56. package/dist/elements/preupgrade/slider.css +1 -1
  57. package/dist/elements/preupgrade/snackbar.css +1 -1
  58. package/dist/elements/preupgrade/split-button.css +1 -1
  59. package/dist/elements/preupgrade/switch.css +1 -1
  60. package/dist/elements/preupgrade/tabs.css +1 -1
  61. package/dist/elements/preupgrade/text-field.css +1 -1
  62. package/dist/elements/preupgrade/timepicker.css +1 -1
  63. package/dist/elements/preupgrade/toolbar.css +1 -1
  64. package/dist/elements/preupgrade/tooltip.css +1 -1
  65. package/dist/elements/preupgrade/top-app-bar.css +1 -1
  66. package/dist/elements/preupgrade.css +2 -2
  67. package/dist/elements/preupgrade.js +1 -1
  68. package/dist/package.json +1 -1
  69. package/dist/solid/jsx.d.ts +1 -1
  70. package/dist/styles/badge.css +1 -1
  71. package/dist/styles/base.css +1 -1
  72. package/dist/styles/bottom-app-bar.css +1 -1
  73. package/dist/styles/bottom-sheet.css +1 -1
  74. package/dist/styles/button-group.css +1 -1
  75. package/dist/styles/button.css +1 -1
  76. package/dist/styles/card.css +1 -1
  77. package/dist/styles/carousel.css +1 -1
  78. package/dist/styles/checkbox.css +1 -1
  79. package/dist/styles/chips.css +1 -1
  80. package/dist/styles/contrast.css +1 -1
  81. package/dist/styles/datepicker.css +1 -1
  82. package/dist/styles/dialog.css +1 -1
  83. package/dist/styles/divider.css +1 -1
  84. package/dist/styles/drawer.css +1 -1
  85. package/dist/styles/extended-fab.css +2 -2
  86. package/dist/styles/fab-menu.css +2 -2
  87. package/dist/styles/fab.css +2 -2
  88. package/dist/styles/icon-button.css +1 -1
  89. package/dist/styles/list.css +1 -1
  90. package/dist/styles/loading-indicator.css +1 -1
  91. package/dist/styles/menu.css +2 -2
  92. package/dist/styles/navigation-bar.css +1 -1
  93. package/dist/styles/navigation-rail.css +1 -1
  94. package/dist/styles/progress.css +1 -1
  95. package/dist/styles/radios.css +1 -1
  96. package/dist/styles/search.css +1 -1
  97. package/dist/styles/select.css +1 -1
  98. package/dist/styles/side-sheet.css +1 -1
  99. package/dist/styles/slider.css +1 -1
  100. package/dist/styles/snackbar.css +1 -1
  101. package/dist/styles/split-button.css +1 -1
  102. package/dist/styles/switch.css +1 -1
  103. package/dist/styles/tabs.css +1 -1
  104. package/dist/styles/text-field.css +1 -1
  105. package/dist/styles/timepicker.css +1 -1
  106. package/dist/styles/toolbar.css +1 -1
  107. package/dist/styles/tooltip.css +1 -1
  108. package/dist/styles/top-app-bar.css +1 -1
  109. package/dist/styles/typography.css +1 -1
  110. package/dist/styles/utilities.css +1 -1
  111. package/dist/styles.css +2 -2
  112. package/dist/svelte/Button.svelte +5 -4
  113. package/dist/themes/autumn-contrast.css +1 -1
  114. package/dist/themes/autumn.css +1 -1
  115. package/dist/themes/baseline-contrast.css +1 -1
  116. package/dist/themes/baseline.css +1 -1
  117. package/dist/themes/brownbeige-contrast.css +1 -1
  118. package/dist/themes/brownbeige.css +1 -1
  119. package/dist/themes/content-contrast.css +1 -1
  120. package/dist/themes/content.css +1 -1
  121. package/dist/themes/desert-contrast.css +1 -1
  122. package/dist/themes/desert.css +1 -1
  123. package/dist/themes/expressive-contrast.css +1 -1
  124. package/dist/themes/expressive.css +1 -1
  125. package/dist/themes/fidelity-contrast.css +1 -1
  126. package/dist/themes/fidelity.css +1 -1
  127. package/dist/themes/forest-contrast.css +1 -1
  128. package/dist/themes/forest.css +1 -1
  129. package/dist/themes/fruit-salad-contrast.css +1 -1
  130. package/dist/themes/fruit-salad.css +1 -1
  131. package/dist/themes/highcontrast-contrast.css +1 -1
  132. package/dist/themes/highcontrast.css +1 -1
  133. package/dist/themes/monochrome-contrast.css +1 -1
  134. package/dist/themes/monochrome.css +1 -1
  135. package/dist/themes/neutral-contrast.css +1 -1
  136. package/dist/themes/neutral.css +1 -1
  137. package/dist/themes/ocean-contrast.css +1 -1
  138. package/dist/themes/ocean.css +1 -1
  139. package/dist/themes/rainbow-contrast.css +1 -1
  140. package/dist/themes/rainbow.css +1 -1
  141. package/dist/themes/sageivory-contrast.css +1 -1
  142. package/dist/themes/sageivory.css +1 -1
  143. package/dist/themes/spring-contrast.css +1 -1
  144. package/dist/themes/spring.css +1 -1
  145. package/dist/themes/summer-contrast.css +1 -1
  146. package/dist/themes/summer.css +1 -1
  147. package/dist/themes/sunset-contrast.css +1 -1
  148. package/dist/themes/sunset.css +1 -1
  149. package/dist/themes/tealcaramel-contrast.css +1 -1
  150. package/dist/themes/tealcaramel.css +1 -1
  151. package/dist/themes/vibrant-contrast.css +1 -1
  152. package/dist/themes/vibrant.css +1 -1
  153. package/package.json +1 -1
  154. package/src/styles/abstract/_floating-placement.scss +12 -0
  155. package/src/styles/components/_extended-fab.scss +34 -8
  156. package/src/styles/components/_fab-menu.scss +58 -8
  157. package/src/styles/components/_fab.scss +34 -8
  158. package/src/styles/components/_menu.scss +11 -0
  159. package/src/styles/elements/_button.scss +27 -5
  160. package/src/styles/elements/_card.scss +14 -0
  161. package/src/styles/elements/_extended-fab.scss +2 -0
  162. package/src/styles/elements/_fab.scss +2 -0
package/dist/themes/rainbow-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.7 | MIT */
1
+ /*! material v3.3.1 | MIT */
2
2
  [data-theme=rainbow]: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=rainbow]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #50388c}[data-theme=rainbow][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #3e2578;--mtrl-sys-color-primary-container: #765fb4;--mtrl-sys-color-secondary: #393347;--mtrl-sys-color-secondary-container: #716a80;--mtrl-sys-color-tertiary: #502b38;--mtrl-sys-color-tertiary-container: #8e606f;--mtrl-sys-color-primary-fixed: #765fb4;--mtrl-sys-color-primary-fixed-dim: #5d469a;--mtrl-sys-color-secondary-fixed: #716a80;--mtrl-sys-color-secondary-fixed-dim: #585267;--mtrl-sys-color-tertiary-fixed: #8e606f;--mtrl-sys-color-tertiary-fixed-dim: #734856;--mtrl-sys-color-surface-dim: #c6c6c6;--mtrl-sys-color-surface-container: #e8e8e8;--mtrl-sys-color-surface-container-high: #dddddd;--mtrl-sys-color-surface-container-highest: #d1d1d1;--mtrl-sys-color-on-surface: #111111;--mtrl-sys-color-on-surface-variant: #363636;--mtrl-sys-color-outline: #525252;--mtrl-sys-color-outline-variant: #6d6d6d}[data-theme=rainbow][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: #2d1067;--mtrl-sys-color-primary-container: #9a83db;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e2d8f2;--mtrl-sys-color-on-secondary: #282336;--mtrl-sys-color-secondary-container: #958da4;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffd0dd;--mtrl-sys-color-on-tertiary: #3d1a27;--mtrl-sys-color-tertiary-container: #b58392;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #160042;--mtrl-sys-color-on-primary-fixed-variant: #3e2578;--mtrl-sys-color-on-secondary-fixed: #130e20;--mtrl-sys-color-on-secondary-fixed-variant: #393347;--mtrl-sys-color-on-tertiary-fixed: #240613;--mtrl-sys-color-on-tertiary-fixed-variant: #502b38;--mtrl-sys-color-surface-bright: #444444;--mtrl-sys-color-surface-container-lowest: #070707;--mtrl-sys-color-surface-container-low: #1d1d1d;--mtrl-sys-color-surface-container: #282828;--mtrl-sys-color-surface-container-high: #323232;--mtrl-sys-color-surface-container-highest: #3e3e3e;--mtrl-sys-color-on-surface-variant: #dcdcdc;--mtrl-sys-color-outline: #b2b2b2;--mtrl-sys-color-outline-variant: #909090;--mtrl-sys-color-inverse-on-surface: #2a2a2a}[data-theme=rainbow][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #33196e;--mtrl-sys-color-primary-container: #513a8d;--mtrl-sys-color-secondary: #2f293c;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-tertiary: #45212e;--mtrl-sys-color-tertiary-container: #663d4b;--mtrl-sys-color-primary-fixed: #513a8d;--mtrl-sys-color-primary-fixed-dim: #3a2175;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-tertiary-fixed: #663d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--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][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: #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-variant: #ffffff;--mtrl-sys-color-outline: #f0f0f0;--mtrl-sys-color-outline-variant: #c2c2c2;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/rainbow.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | MIT */
2
2
  [data-theme=spring]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #f7fbf1;--mtrl-sys-color-surface-bright: #f7fbf1;--mtrl-sys-color-inverse-surface: #2d322c;--mtrl-sys-color-inverse-primary: #a1d39a}[data-theme=spring]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed: #bcf0b4;--mtrl-sys-color-primary-fixed-dim: #a1d39a;--mtrl-sys-color-surface: #10140f;--mtrl-sys-color-surface-dim: #10140f;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #e0e4db;--mtrl-sys-color-inverse-primary: #245125}[data-theme=spring][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #113f15;--mtrl-sys-color-primary-container: #497847;--mtrl-sys-color-secondary: #2a3a29;--mtrl-sys-color-secondary-container: #60725e;--mtrl-sys-color-tertiary: #063d3e;--mtrl-sys-color-tertiary-container: #477576;--mtrl-sys-color-primary-fixed: #497847;--mtrl-sys-color-primary-fixed-dim: #315f31;--mtrl-sys-color-secondary-fixed: #60725e;--mtrl-sys-color-secondary-fixed-dim: #485947;--mtrl-sys-color-tertiary-fixed: #477576;--mtrl-sys-color-tertiary-fixed-dim: #2e5c5d;--mtrl-sys-color-surface-dim: #c4c8bf;--mtrl-sys-color-surface-container-low: #f1f5ec;--mtrl-sys-color-surface-container: #e6e9e0;--mtrl-sys-color-surface-container-high: #daded5;--mtrl-sys-color-surface-container-highest: #cfd3ca;--mtrl-sys-color-on-surface: #0e120d;--mtrl-sys-color-on-surface-variant: #323830;--mtrl-sys-color-outline: #4e544b;--mtrl-sys-color-outline-variant: #686f65;--mtrl-sys-color-inverse-on-surface: #eef2e9}[data-theme=spring][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #b6eaaf;--mtrl-sys-color-on-primary: #002d07;--mtrl-sys-color-primary-container: #6c9c68;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #cfe2ca;--mtrl-sys-color-on-secondary: #1a291a;--mtrl-sys-color-secondary-container: #849680;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #b5e5e6;--mtrl-sys-color-on-tertiary: #002b2c;--mtrl-sys-color-tertiary-container: #6b999a;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001602;--mtrl-sys-color-on-primary-fixed-variant: #113f15;--mtrl-sys-color-on-secondary-fixed: #061407;--mtrl-sys-color-on-secondary-fixed-variant: #2a3a29;--mtrl-sys-color-on-tertiary-fixed: #001415;--mtrl-sys-color-on-tertiary-fixed-variant: #063d3e;--mtrl-sys-color-surface-bright: #41463f;--mtrl-sys-color-surface-container-lowest: #050805;--mtrl-sys-color-surface-container-low: #1b1f19;--mtrl-sys-color-surface-container: #252923;--mtrl-sys-color-surface-container-high: #2f342e;--mtrl-sys-color-surface-container-highest: #3b3f39;--mtrl-sys-color-on-surface-variant: #d8ded2;--mtrl-sys-color-outline: #adb4a9;--mtrl-sys-color-outline-variant: #8c9288;--mtrl-sys-color-inverse-on-surface: #272b25}[data-theme=spring][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #04340b;--mtrl-sys-color-primary-container: #265326;--mtrl-sys-color-secondary: #203020;--mtrl-sys-color-secondary-container: #3d4d3b;--mtrl-sys-color-tertiary: #003233;--mtrl-sys-color-tertiary-container: #215051;--mtrl-sys-color-primary-fixed: #265326;--mtrl-sys-color-primary-fixed-dim: #0c3b12;--mtrl-sys-color-secondary-fixed: #3d4d3b;--mtrl-sys-color-secondary-fixed-dim: #273726;--mtrl-sys-color-tertiary-fixed: #215051;--mtrl-sys-color-tertiary-fixed-dim: #01393a;--mtrl-sys-color-surface-dim: #b6bab2;--mtrl-sys-color-surface-container-low: #eef2e9;--mtrl-sys-color-surface-container: #e0e4db;--mtrl-sys-color-surface-container-high: #d2d6cd;--mtrl-sys-color-surface-container-highest: #c4c8bf;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #282e26;--mtrl-sys-color-outline-variant: #444b42;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=spring][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #c9fec1;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #9dcf97;--mtrl-sys-color-on-primary-container: #000f01;--mtrl-sys-color-secondary: #e2f5dd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #b5c8b1;--mtrl-sys-color-on-secondary-container: #020e03;--mtrl-sys-color-tertiary: #c8f9fa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #9ccbcc;--mtrl-sys-color-on-tertiary-container: #000e0e;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001602;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #061407;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #001415;--mtrl-sys-color-surface-bright: #4d514b;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c211b;--mtrl-sys-color-surface-container: #2d322c;--mtrl-sys-color-surface-container-high: #383d36;--mtrl-sys-color-surface-container-highest: #444841;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ecf2e6;--mtrl-sys-color-outline-variant: #bec5b9;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/spring.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | MIT */
2
2
  [data-theme=summer]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=summer]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #004d71}[data-theme=summer][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #003a56;--mtrl-sys-color-primary-container: #387299;--mtrl-sys-color-secondary: #453400;--mtrl-sys-color-secondary-container: #876900;--mtrl-sys-color-tertiary: #3b3151;--mtrl-sys-color-tertiary-container: #73678b;--mtrl-sys-color-primary-fixed: #387299;--mtrl-sys-color-primary-fixed-dim: #185a7f;--mtrl-sys-color-secondary-fixed: #876900;--mtrl-sys-color-secondary-fixed-dim: #6a5100;--mtrl-sys-color-tertiary-fixed: #73678b;--mtrl-sys-color-tertiary-fixed-dim: #5a4f71;--mtrl-sys-color-surface-dim: #c3c7cc;--mtrl-sys-color-surface-container: #e5e8ed;--mtrl-sys-color-surface-container-high: #dadde2;--mtrl-sys-color-surface-container-highest: #cfd2d7;--mtrl-sys-color-on-surface: #0d1215;--mtrl-sys-color-on-surface-variant: #31373c;--mtrl-sys-color-outline: #4d5359;--mtrl-sys-color-outline-variant: #686e74}[data-theme=summer][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #bce1ff;--mtrl-sys-color-on-primary: #00283e;--mtrl-sys-color-primary-container: #5e97bf;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd875;--mtrl-sys-color-on-secondary: #312400;--mtrl-sys-color-secondary-container: #b38b06;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #e5d6ff;--mtrl-sys-color-on-tertiary: #2a203f;--mtrl-sys-color-tertiary-container: #988bb0;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #001320;--mtrl-sys-color-on-primary-fixed-variant: #003a56;--mtrl-sys-color-on-secondary-fixed: #181000;--mtrl-sys-color-on-secondary-fixed-variant: #453400;--mtrl-sys-color-on-tertiary-fixed: #150b29;--mtrl-sys-color-on-tertiary-fixed-variant: #3b3151;--mtrl-sys-color-surface-bright: #414549;--mtrl-sys-color-surface-container-lowest: #05080b;--mtrl-sys-color-surface-container-low: #1a1e22;--mtrl-sys-color-surface-container: #24282c;--mtrl-sys-color-surface-container-high: #2f3337;--mtrl-sys-color-surface-container-highest: #3a3e42;--mtrl-sys-color-on-surface-variant: #d7dde4;--mtrl-sys-color-outline: #acb2b9;--mtrl-sys-color-outline-variant: #8b9198;--mtrl-sys-color-inverse-on-surface: #262a2e}[data-theme=summer][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #002f48;--mtrl-sys-color-primary-container: #004e72;--mtrl-sys-color-secondary: #392a00;--mtrl-sys-color-secondary-container: #5c4600;--mtrl-sys-color-tertiary: #312746;--mtrl-sys-color-tertiary-container: #4f4465;--mtrl-sys-color-primary-fixed: #004e72;--mtrl-sys-color-primary-fixed-dim: #003651;--mtrl-sys-color-secondary-fixed: #5c4600;--mtrl-sys-color-secondary-fixed-dim: #403000;--mtrl-sys-color-tertiary-fixed: #4f4465;--mtrl-sys-color-tertiary-fixed-dim: #382d4d;--mtrl-sys-color-surface-dim: #b6b9be;--mtrl-sys-color-surface-container-low: #eef1f6;--mtrl-sys-color-surface-container: #e0e3e8;--mtrl-sys-color-surface-container-high: #d1d5da;--mtrl-sys-color-surface-container-highest: #c3c7cc;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #272d32;--mtrl-sys-color-outline-variant: #444a50;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=summer][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #e4f2ff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #91c9f3;--mtrl-sys-color-on-primary-container: #000d17;--mtrl-sys-color-secondary: #ffeecd;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e9bd41;--mtrl-sys-color-on-secondary-container: #110a00;--mtrl-sys-color-tertiary: #f6ecff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #cbbce4;--mtrl-sys-color-on-tertiary-container: #0f0523;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #001320;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #181000;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #150b29;--mtrl-sys-color-surface-bright: #4c5055;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1c2024;--mtrl-sys-color-surface-container: #2d3135;--mtrl-sys-color-surface-container-high: #383c40;--mtrl-sys-color-surface-container-highest: #43474b;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ebf0f8;--mtrl-sys-color-outline-variant: #bdc3ca;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/summer.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | MIT */
2
2
  [data-theme=sunset]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #fff8f6;--mtrl-sys-color-surface-bright: #fff8f6;--mtrl-sys-color-surface-variant: #f4ded5;--mtrl-sys-color-inverse-surface: #382e2a;--mtrl-sys-color-inverse-primary: #ffb595}[data-theme=sunset]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed: #ffdbcd;--mtrl-sys-color-primary-fixed-dim: #ffb595;--mtrl-sys-color-surface: #1a120e;--mtrl-sys-color-surface-dim: #1a120e;--mtrl-sys-color-surface-variant: #52443d;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #f1dfd8;--mtrl-sys-color-inverse-primary: #72381a}[data-theme=sunset][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #5c260a;--mtrl-sys-color-primary-container: #9f5b3b;--mtrl-sys-color-secondary: #4b2f23;--mtrl-sys-color-secondary-container: #886557;--mtrl-sys-color-tertiary: #443409;--mtrl-sys-color-tertiary-container: #806a3b;--mtrl-sys-color-primary-fixed: #9f5b3b;--mtrl-sys-color-primary-fixed-dim: #824426;--mtrl-sys-color-secondary-fixed: #886557;--mtrl-sys-color-secondary-fixed-dim: #6d4d40;--mtrl-sys-color-tertiary-fixed: #806a3b;--mtrl-sys-color-tertiary-fixed-dim: #655225;--mtrl-sys-color-surface-dim: #d4c3bd;--mtrl-sys-color-surface-container-low: #fff1ec;--mtrl-sys-color-surface-container: #f6e5de;--mtrl-sys-color-surface-container-high: #ebd9d3;--mtrl-sys-color-surface-container-highest: #dfcec8;--mtrl-sys-color-on-surface: #170f0c;--mtrl-sys-color-on-surface-variant: #41332d;--mtrl-sys-color-outline: #5f4f49;--mtrl-sys-color-outline-variant: #7b6963;--mtrl-sys-color-inverse-on-surface: #ffede7}[data-theme=sunset][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #ffd3c1;--mtrl-sys-color-on-primary: #461700;--mtrl-sys-color-primary-container: #ca7e5b;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ffd3c1;--mtrl-sys-color-on-secondary: #381f14;--mtrl-sys-color-secondary-container: #af8878;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #f5d9a0;--mtrl-sys-color-on-tertiary: #322300;--mtrl-sys-color-tertiary-container: #a58e5b;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #250800;--mtrl-sys-color-on-primary-fixed-variant: #5c260a;--mtrl-sys-color-on-secondary-fixed: #200b03;--mtrl-sys-color-on-secondary-fixed-variant: #4b2f23;--mtrl-sys-color-on-tertiary-fixed: #181000;--mtrl-sys-color-on-tertiary-fixed-variant: #443409;--mtrl-sys-color-surface-bright: #4d423e;--mtrl-sys-color-surface-container-lowest: #0d0604;--mtrl-sys-color-surface-container-low: #251c18;--mtrl-sys-color-surface-container: #2f2622;--mtrl-sys-color-surface-container-high: #3b302c;--mtrl-sys-color-surface-container-highest: #463b37;--mtrl-sys-color-on-surface-variant: #eed8cf;--mtrl-sys-color-outline: #c2aea6;--mtrl-sys-color-outline-variant: #9f8c85;--mtrl-sys-color-inverse-on-surface: #322824}[data-theme=sunset][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #4f1d03;--mtrl-sys-color-primary-container: #74391c;--mtrl-sys-color-secondary: #40261a;--mtrl-sys-color-secondary-container: #604235;--mtrl-sys-color-tertiary: #392a01;--mtrl-sys-color-tertiary-container: #59471b;--mtrl-sys-color-primary-fixed: #74391c;--mtrl-sys-color-primary-fixed-dim: #572307;--mtrl-sys-color-secondary-fixed: #604235;--mtrl-sys-color-secondary-fixed-dim: #472c20;--mtrl-sys-color-tertiary-fixed: #59471b;--mtrl-sys-color-tertiary-fixed-dim: #403006;--mtrl-sys-color-surface-dim: #c6b5af;--mtrl-sys-color-surface-container-low: #ffede7;--mtrl-sys-color-surface-container: #f1dfd8;--mtrl-sys-color-surface-container-high: #e2d1cb;--mtrl-sys-color-surface-container-highest: #d4c3bd;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #362924;--mtrl-sys-color-outline-variant: #554640;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=sunset][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #ffece5;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ffb08d;--mtrl-sys-color-on-primary-container: #1b0500;--mtrl-sys-color-secondary: #ffece5;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #e4b9a8;--mtrl-sys-color-on-secondary-container: #190601;--mtrl-sys-color-tertiary: #ffeed0;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #dac088;--mtrl-sys-color-on-tertiary-container: #110a00;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #250800;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #200b03;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #181000;--mtrl-sys-color-surface-bright: #594e49;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #271e1a;--mtrl-sys-color-surface-container: #382e2a;--mtrl-sys-color-surface-container-high: #443935;--mtrl-sys-color-surface-container-highest: #504440;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #ffece5;--mtrl-sys-color-outline-variant: #d4beb6;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/sunset.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | 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.2.7 | MIT */
1
+ /*! material v3.3.1 | MIT */
2
2
  [data-theme=vibrant]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=vibrant]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #5500cf}[data-theme=vibrant][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #4100a1;--mtrl-sys-color-primary-container: #7d40ff;--mtrl-sys-color-secondary: #412f4e;--mtrl-sys-color-secondary-container: #7a6587;--mtrl-sys-color-tertiary: #4d294f;--mtrl-sys-color-tertiary-container: #895f89;--mtrl-sys-color-primary-fixed: #7d40ff;--mtrl-sys-color-primary-fixed-dim: #6400f0;--mtrl-sys-color-secondary-fixed: #7a6587;--mtrl-sys-color-secondary-fixed-dim: #614d6e;--mtrl-sys-color-tertiary-fixed: #895f89;--mtrl-sys-color-tertiary-fixed-dim: #6e4770;--mtrl-sys-color-surface-dim: #cbc4d2;--mtrl-sys-color-surface-container: #ede5f4;--mtrl-sys-color-surface-container-high: #e1dae9;--mtrl-sys-color-surface-container-highest: #d6cfdd;--mtrl-sys-color-on-surface: #12101a;--mtrl-sys-color-on-surface-variant: #383442;--mtrl-sys-color-outline: #55505f;--mtrl-sys-color-outline-variant: #706a7a}[data-theme=vibrant][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #e3d6ff;--mtrl-sys-color-on-primary: #2e0077;--mtrl-sys-color-primary-container: #9e79ff;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #edd3fb;--mtrl-sys-color-on-secondary: #301e3c;--mtrl-sys-color-secondary-container: #9f88ad;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffccfd;--mtrl-sys-color-on-tertiary: #3a183e;--mtrl-sys-color-tertiary-container: #af82af;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #160042;--mtrl-sys-color-on-primary-fixed-variant: #4100a1;--mtrl-sys-color-on-secondary-fixed: #1a0926;--mtrl-sys-color-on-secondary-fixed-variant: #412f4e;--mtrl-sys-color-on-tertiary-fixed: #230328;--mtrl-sys-color-on-tertiary-fixed-variant: #4d294f;--mtrl-sys-color-surface-bright: #47434e;--mtrl-sys-color-surface-container-lowest: #08060f;--mtrl-sys-color-surface-container-low: #1f1c26;--mtrl-sys-color-surface-container: #292631;--mtrl-sys-color-surface-container-high: #34313c;--mtrl-sys-color-surface-container-highest: #403c47;--mtrl-sys-color-on-surface-variant: #e1d9eb;--mtrl-sys-color-outline: #b6afc0;--mtrl-sys-color-outline-variant: #948e9e;--mtrl-sys-color-inverse-on-surface: #2c2833}[data-theme=vibrant][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #350087;--mtrl-sys-color-primary-container: #5700d2;--mtrl-sys-color-secondary: #362543;--mtrl-sys-color-secondary-container: #554262;--mtrl-sys-color-tertiary: #421e45;--mtrl-sys-color-tertiary-container: #623b64;--mtrl-sys-color-primary-fixed: #5700d2;--mtrl-sys-color-primary-fixed-dim: #3d0098;--mtrl-sys-color-secondary-fixed: #554262;--mtrl-sys-color-secondary-fixed-dim: #3d2b4a;--mtrl-sys-color-tertiary-fixed: #623b64;--mtrl-sys-color-tertiary-fixed-dim: #49254c;--mtrl-sys-color-surface-dim: #bdb6c4;--mtrl-sys-color-surface-container-low: #f5eefd;--mtrl-sys-color-surface-container: #e7e0ef;--mtrl-sys-color-surface-container-high: #d9d2e0;--mtrl-sys-color-surface-container-highest: #cbc4d2;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2a38;--mtrl-sys-color-outline-variant: #4c4755;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=vibrant][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #faebff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #d3bae0;--mtrl-sys-color-on-secondary-container: #140420;--mtrl-sys-color-tertiary: #ffeafa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #e4b3e3;--mtrl-sys-color-on-tertiary-container: #1b0020;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1a0926;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #230328;--mtrl-sys-color-surface-bright: #524e5a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211e28;--mtrl-sys-color-surface-container: #322f3a;--mtrl-sys-color-surface-container-high: #3d3a45;--mtrl-sys-color-surface-container-highest: #494551;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f5edff;--mtrl-sys-color-outline-variant: #c7bfd1;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/vibrant.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.7 | MIT */
1
+ /*! material v3.3.1 | MIT */
2
2
  [data-theme=vibrant]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-success: #006C4E;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-warning: #974800;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-error: #ba1a1a;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-error-container: #ffdad6;--mtrl-sys-color-on-error-container: #93000a;--mtrl-sys-color-primary: #6f19ff;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #e9ddff;--mtrl-sys-color-on-primary-container: #5400cc;--mtrl-sys-color-secondary: #6b5778;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #f3daff;--mtrl-sys-color-on-secondary-container: #523f5f;--mtrl-sys-color-tertiary: #79507a;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd6fc;--mtrl-sys-color-on-tertiary-container: #5f3961;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #5400cc;--mtrl-sys-color-secondary-fixed: #f3daff;--mtrl-sys-color-secondary-fixed-dim: #d7bee4;--mtrl-sys-color-on-secondary-fixed: #251431;--mtrl-sys-color-on-secondary-fixed-variant: #523f5f;--mtrl-sys-color-tertiary-fixed: #ffd6fc;--mtrl-sys-color-tertiary-fixed-dim: #e8b7e7;--mtrl-sys-color-on-tertiary-fixed: #2f0d33;--mtrl-sys-color-on-tertiary-fixed-variant: #5f3961;--mtrl-sys-color-surface: #fdf7ff;--mtrl-sys-color-surface-dim: #ded7e6;--mtrl-sys-color-surface-bright: #fdf7ff;--mtrl-sys-color-surface-variant: #e7dff2;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f8f1ff;--mtrl-sys-color-surface-container: #f2ebfa;--mtrl-sys-color-surface-container-high: #ede5f4;--mtrl-sys-color-surface-container-highest: #e7e0ef;--mtrl-sys-color-on-surface: #1d1a24;--mtrl-sys-color-on-surface-variant: #494453;--mtrl-sys-color-outline: #7a7484;--mtrl-sys-color-outline-variant: #cbc3d5;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #322f3a;--mtrl-sys-color-inverse-on-surface: #f5eefd;--mtrl-sys-color-inverse-primary: #cfbcff}[data-theme=vibrant][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-success: #8CD6AF;--mtrl-sys-color-on-success: #003824;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-on-warning: #462A00;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-on-info: #003355;--mtrl-sys-color-error: #ffb4ab;--mtrl-sys-color-on-error: #690005;--mtrl-sys-color-error-container: #93000a;--mtrl-sys-color-on-error-container: #ffdad6;--mtrl-sys-color-primary: #cfbcff;--mtrl-sys-color-on-primary: #3a0092;--mtrl-sys-color-primary-container: #5400cc;--mtrl-sys-color-on-primary-container: #e9ddff;--mtrl-sys-color-secondary: #d7bee4;--mtrl-sys-color-on-secondary: #3b2948;--mtrl-sys-color-secondary-container: #523f5f;--mtrl-sys-color-on-secondary-container: #f3daff;--mtrl-sys-color-tertiary: #e8b7e7;--mtrl-sys-color-on-tertiary: #462349;--mtrl-sys-color-tertiary-container: #5f3961;--mtrl-sys-color-on-tertiary-container: #ffd6fc;--mtrl-sys-color-primary-fixed: #e9ddff;--mtrl-sys-color-primary-fixed-dim: #cfbcff;--mtrl-sys-color-on-primary-fixed: #22005d;--mtrl-sys-color-on-primary-fixed-variant: #5400cc;--mtrl-sys-color-secondary-fixed: #f3daff;--mtrl-sys-color-secondary-fixed-dim: #d7bee4;--mtrl-sys-color-on-secondary-fixed: #251431;--mtrl-sys-color-on-secondary-fixed-variant: #523f5f;--mtrl-sys-color-tertiary-fixed: #ffd6fc;--mtrl-sys-color-tertiary-fixed-dim: #e8b7e7;--mtrl-sys-color-on-tertiary-fixed: #2f0d33;--mtrl-sys-color-on-tertiary-fixed-variant: #5f3961;--mtrl-sys-color-surface: #15121c;--mtrl-sys-color-surface-dim: #15121c;--mtrl-sys-color-surface-bright: #3b3743;--mtrl-sys-color-surface-variant: #494453;--mtrl-sys-color-surface-container-lowest: #0f0d16;--mtrl-sys-color-surface-container-low: #1d1a24;--mtrl-sys-color-surface-container: #211e28;--mtrl-sys-color-surface-container-high: #2c2833;--mtrl-sys-color-surface-container-highest: #37333e;--mtrl-sys-color-on-surface: #e7e0ef;--mtrl-sys-color-on-surface-variant: #cbc3d5;--mtrl-sys-color-outline: #948e9f;--mtrl-sys-color-outline-variant: #494453;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e7e0ef;--mtrl-sys-color-inverse-on-surface: #322f3a;--mtrl-sys-color-inverse-primary: #6f19ff}@media(prefers-contrast: more){[data-theme=vibrant]:not([data-theme-contrast]):not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-primary: #350087;--mtrl-sys-color-primary-container: #5700d2;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #362543;--mtrl-sys-color-secondary-container: #554262;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #421e45;--mtrl-sys-color-tertiary-container: #623b64;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #5700d2;--mtrl-sys-color-primary-fixed-dim: #3d0098;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #554262;--mtrl-sys-color-secondary-fixed-dim: #3d2b4a;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #623b64;--mtrl-sys-color-tertiary-fixed-dim: #49254c;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #bdb6c4;--mtrl-sys-color-surface-container-low: #f5eefd;--mtrl-sys-color-surface-container: #e7e0ef;--mtrl-sys-color-surface-container-high: #d9d2e0;--mtrl-sys-color-surface-container-highest: #cbc4d2;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2e2a38;--mtrl-sys-color-outline-variant: #4c4755;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=vibrant]:not([data-theme-contrast])[data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #faebff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #d3bae0;--mtrl-sys-color-on-secondary-container: #140420;--mtrl-sys-color-tertiary: #ffeafa;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #e4b3e3;--mtrl-sys-color-on-tertiary-container: #1b0020;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #1a0926;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #230328;--mtrl-sys-color-surface-bright: #524e5a;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #211e28;--mtrl-sys-color-surface-container: #322f3a;--mtrl-sys-color-surface-container-high: #3d3a45;--mtrl-sys-color-surface-container-highest: #494551;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f5edff;--mtrl-sys-color-outline-variant: #c7bfd1;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #5500cf}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "material",
3
- "version": "3.2.7",
3
+ "version": "3.3.1",
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/abstract/_floating-placement.scss ADDED
@@ -0,0 +1,12 @@
1
+ // The viewport corners reserved by FAB and extended FAB before upgrade.
2
+ @mixin corners {
3
+ @each $block in top, bottom {
4
+ @each $inline in start, end {
5
+ &[placement='#{$block}-#{$inline}'] {
6
+ position: fixed;
7
+ #{$block}: 16px;
8
+ inset-inline-#{$inline}: 16px;
9
+ }
10
+ }
11
+ }
12
+ }
package/src/styles/components/_extended-fab.scss CHANGED
@@ -225,34 +225,60 @@ $sizes: (
225
225
  }
226
226
  }
227
227
 
228
- // Positioning utilities
229
- &--top-right {
228
+ // Positioning utilities. A logical corner shares the rule of the physical
229
+ // corner it matches left-to-right; the direction arms below flip it.
230
+ &--top-right,
231
+ &--top-end {
230
232
  position: fixed;
231
233
  top: 16px;
232
234
  right: 16px;
233
235
  z-index: v.z-index('dropdown');
234
236
  }
235
-
236
- &--top-left {
237
+
238
+ &--top-left,
239
+ &--top-start {
237
240
  position: fixed;
238
241
  top: 16px;
239
242
  left: 16px;
240
243
  z-index: v.z-index('dropdown');
241
244
  }
242
-
243
- &--bottom-right {
245
+
246
+ &--bottom-right,
247
+ &--bottom-end {
244
248
  position: fixed;
245
249
  bottom: 16px;
246
250
  right: 16px;
247
251
  z-index: v.z-index('dropdown');
248
252
  }
249
-
250
- &--bottom-left {
253
+
254
+ &--bottom-left,
255
+ &--bottom-start {
251
256
  position: fixed;
252
257
  bottom: 16px;
253
258
  left: 16px;
254
259
  z-index: v.z-index('dropdown');
255
260
  }
261
+
262
+ // A logical corner follows the inline direction; the physical aliases stay
263
+ // put. Bundlers lower inset-inline-start into :lang() arms that miss
264
+ // dir="rtl" (src/styles/components/_text-field.scss), about 1.5 kB of the
265
+ // built full sheet per declaration, so the flip is written as direction
266
+ // arms instead.
267
+ &--top-start,
268
+ &--bottom-start {
269
+ @include m.rtl(true) {
270
+ left: auto;
271
+ right: 16px;
272
+ }
273
+ }
274
+
275
+ &--top-end,
276
+ &--bottom-end {
277
+ @include m.rtl(true) {
278
+ right: auto;
279
+ left: 16px;
280
+ }
281
+ }
256
282
 
257
283
  // Animation effects
258
284
  @keyframes extended-fab-enter {
package/src/styles/components/_fab-menu.scss CHANGED
@@ -66,23 +66,43 @@ $swap: 48ms;
66
66
  }
67
67
 
68
68
  &--bottom-end {
69
- inset-inline-end: var(--#{$component}-margin);
69
+ right: var(--#{$component}-margin);
70
+
71
+ @include m.rtl(true) {
72
+ left: var(--#{$component}-margin);
73
+ right: auto;
74
+ }
70
75
  }
71
76
 
72
77
  &--bottom-start {
73
- inset-inline-start: var(--#{$component}-margin);
78
+ left: var(--#{$component}-margin);
79
+
80
+ @include m.rtl(true) {
81
+ right: var(--#{$component}-margin);
82
+ left: auto;
83
+ }
74
84
 
75
85
  // Into the page from this edge. The shared rules stay on the inline end,
76
86
  // which is where bottom-end and an unplaced menu already open.
77
87
  .#{$fab}.#{$component}__fab {
78
- inset-inline-start: 0;
79
- inset-inline-end: auto;
88
+ left: 0;
89
+ right: auto;
90
+
91
+ @include m.rtl {
92
+ right: 0;
93
+ left: auto;
94
+ }
80
95
  }
81
96
 
82
97
  .#{$component}__list {
83
- inset-inline-start: 0;
84
- inset-inline-end: auto;
98
+ left: 0;
99
+ right: auto;
85
100
  align-items: flex-start;
101
+
102
+ @include m.rtl {
103
+ right: 0;
104
+ left: auto;
105
+ }
86
106
  }
87
107
 
88
108
  .#{$component}__item {
@@ -95,7 +115,7 @@ $swap: 48ms;
95
115
  @at-root .#{$fab}.#{$component}__fab {
96
116
  position: absolute;
97
117
  inset-block-start: 0;
98
- inset-inline-end: 0;
118
+ right: 0;
99
119
  display: grid;
100
120
  place-items: center;
101
121
  transition:
@@ -106,6 +126,13 @@ $swap: 48ms;
106
126
  color $spatial-colour,
107
127
  box-shadow $spatial;
108
128
 
129
+ // The corner follows the inline direction; the rule above is its
130
+ // left-to-right form.
131
+ @include m.rtl {
132
+ left: 0;
133
+ right: auto;
134
+ }
135
+
109
136
  > * {
110
137
  grid-area: 1 / 1;
111
138
  }
@@ -155,7 +182,7 @@ $swap: 48ms;
155
182
  &__list {
156
183
  position: absolute;
157
184
  bottom: calc(100% + 8px);
158
- inset-inline-end: 0;
185
+ right: 0;
159
186
  display: flex;
160
187
  flex-direction: column;
161
188
  align-items: flex-end;
@@ -164,6 +191,29 @@ $swap: 48ms;
164
191
  visibility: hidden;
165
192
  // Hidden once the last item has left
166
193
  transition: visibility 0s linear var(--#{$component}-exit, 0ms);
194
+
195
+ // The end edge follows the inline direction.
196
+ @include m.rtl {
197
+ left: 0;
198
+ right: auto;
199
+ }
200
+ }
201
+
202
+ // The placement class and the direction marker are the same element here:
203
+ // the runtime writes mtrl-rtl on this root, and dir="rtl" may sit on it. The
204
+ // arms above need a strict ancestor; a root-carried [dir] does reach the
205
+ // inner parts through the at-root attribute arm, but that arm sets the
206
+ // left-to-right edges, so this root-carried form is written after it.
207
+ &--bottom-start:where(.#{base.$prefix}-rtl, [dir='rtl']) {
208
+ .#{$fab}.#{$component}__fab {
209
+ right: 0;
210
+ left: auto;
211
+ }
212
+
213
+ .#{$component}__list {
214
+ right: 0;
215
+ left: auto;
216
+ }
167
217
  }
168
218
 
169
219
  &--menu .#{$component}__list {
package/src/styles/components/_fab.scss CHANGED
@@ -159,34 +159,60 @@ $component: '#{base.$prefix}-fab';
159
159
  }
160
160
  }
161
161
 
162
- // Positioning utilities
163
- &--top-right {
162
+ // Positioning utilities. A logical corner shares the rule of the physical
163
+ // corner it matches left-to-right; the direction arms below flip it.
164
+ &--top-right,
165
+ &--top-end {
164
166
  position: fixed;
165
167
  top: 16px;
166
168
  right: 16px;
167
169
  z-index: v.z-index('dropdown');
168
170
  }
169
-
170
- &--top-left {
171
+
172
+ &--top-left,
173
+ &--top-start {
171
174
  position: fixed;
172
175
  top: 16px;
173
176
  left: 16px;
174
177
  z-index: v.z-index('dropdown');
175
178
  }
176
-
177
- &--bottom-right {
179
+
180
+ &--bottom-right,
181
+ &--bottom-end {
178
182
  position: fixed;
179
183
  bottom: 16px;
180
184
  right: 16px;
181
185
  z-index: v.z-index('dropdown');
182
186
  }
183
-
184
- &--bottom-left {
187
+
188
+ &--bottom-left,
189
+ &--bottom-start {
185
190
  position: fixed;
186
191
  bottom: 16px;
187
192
  left: 16px;
188
193
  z-index: v.z-index('dropdown');
189
194
  }
195
+
196
+ // A logical corner follows the inline direction; the physical aliases stay
197
+ // put. Bundlers lower inset-inline-start into :lang() arms that miss
198
+ // dir="rtl" (src/styles/components/_text-field.scss), about 1.5 kB of the
199
+ // built full sheet per declaration, so the flip is written as direction
200
+ // arms instead.
201
+ &--top-start,
202
+ &--bottom-start {
203
+ @include m.rtl(true) {
204
+ left: auto;
205
+ right: 16px;
206
+ }
207
+ }
208
+
209
+ &--top-end,
210
+ &--bottom-end {
211
+ @include m.rtl(true) {
212
+ right: auto;
213
+ left: 16px;
214
+ }
215
+ }
190
216
 
191
217
  // Optional animations
192
218
  @keyframes fab-enter {
package/src/styles/components/_menu.scss CHANGED
@@ -521,6 +521,17 @@ $component: "#{$prefix}-menu";
521
521
  }
522
522
  }
523
523
 
524
+ // M3 puts a selected item's check before its label, never at the
525
+ // end: the vertical selected-state figure shows colour and shape
526
+ // alone, and the guidelines' select figures show a leading check
527
+ // (m3.material.io/components/menus/specs and /guidelines). The
528
+ // vertical item's 16px end padding has no room for the horizontal
529
+ // variant's trailing mark, which otherwise covers the last 14px
530
+ // of the label. An item with a submenu keeps the mark it has.
531
+ &--selected:not(.#{$component}__item--submenu)::after {
532
+ content: none;
533
+ }
534
+
524
535
  &--disabled {
525
536
  color: color-mix(in srgb, var(--#{$prefix}-menu-label) 38%, transparent);
526
537
 
package/src/styles/elements/_button.scss CHANGED
@@ -25,8 +25,11 @@ $containers: (
25
25
  border-radius: v.button('shape-round-#{$size}');
26
26
  @include m.typography(map.get($label-typescale, $size));
27
27
 
28
- // The leading icon's place (its markup is an attribute, drawn on upgrade).
29
- &[icon]::before {
28
+ // The icon's place (its markup is an attribute, drawn on upgrade). A
29
+ // trailing icon is reserved after the label, at the same size, so the
30
+ // label stays where the upgrade draws it.
31
+ &[icon]::before,
32
+ &[icon][icon-position='end']::after {
30
33
  width: v.button('icon-size-#{$size}');
31
34
  height: v.button('icon-size-#{$size}');
32
35
  }
@@ -66,23 +69,42 @@ $containers: (
66
69
  padding: 0 v.button('padding-horizontal-small');
67
70
  }
68
71
 
69
- &[icon]::before {
72
+ &[icon]::before,
73
+ &[icon][icon-position='end']::after {
70
74
  content: '';
71
75
  flex: none;
72
76
  }
73
77
 
78
+ // The trailing placeholder is ::after. A leading one beside it would push
79
+ // the label to where the icon sits after the upgrade.
80
+ &[icon][icon-position='end']::before {
81
+ content: none;
82
+ }
83
+
74
84
  // Same 12dp icon-side inset as the component, logical so the reserved box
75
- // follows direction. The host is in light DOM until upgrade.
85
+ // follows direction. With the icon at the end the inset swaps to that side,
86
+ // as the component's small icon rule does. The host is in light DOM until
87
+ // upgrade.
76
88
  &[icon]:not([size]),
77
89
  &[icon][size='s'] {
78
90
  padding-inline-start: v.button('padding-icon');
91
+
92
+ &[icon-position='end'] {
93
+ padding-inline-start: v.button('padding-s');
94
+ padding-inline-end: v.button('padding-icon');
95
+ }
79
96
  }
80
97
 
81
- // Match the text button's leading-icon insets at its small sizes.
98
+ // Match the text button's leading-icon insets at its small sizes, and swap
99
+ // them for a trailing icon as the component's text rule does.
82
100
  &[variant='text'][icon]:not([size]),
83
101
  &[variant='text'][icon][size='xs'],
84
102
  &[variant='text'][icon][size='s'] {
85
103
  padding-inline: v.button('padding-horizontal-small') v.button('padding-s');
104
+
105
+ &[icon-position='end'] {
106
+ padding-inline: v.button('padding-s') v.button('padding-horizontal-small');
107
+ }
86
108
  }
87
109
 
88
110
  // Larger text buttons use the size's spacing on both sides of the icon.