material 3.0.0-next.0 → 3.0.0

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 (253) hide show
  1. package/README.md +59 -370
  2. package/dist/components/badge/index.d.ts +1 -1
  3. package/dist/components/badge/index.js +1 -1
  4. package/dist/components/button/index.d.ts +1 -1
  5. package/dist/components/button/index.js +1 -1
  6. package/dist/components/card/index.d.ts +1 -1
  7. package/dist/components/card/index.js +1 -1
  8. package/dist/components/checkbox/index.d.ts +1 -1
  9. package/dist/components/checkbox/index.js +1 -1
  10. package/dist/components/chips/index.d.ts +1 -1
  11. package/dist/components/chips/index.js +1 -1
  12. package/dist/components/datepicker/index.d.ts +1 -1
  13. package/dist/components/datepicker/index.js +1 -1
  14. package/dist/components/dialog/index.d.ts +1 -1
  15. package/dist/components/dialog/index.js +1 -1
  16. package/dist/components/divider/index.d.ts +1 -1
  17. package/dist/components/divider/index.js +1 -1
  18. package/dist/components/drawer/index.d.ts +1 -1
  19. package/dist/components/drawer/index.js +1 -1
  20. package/dist/components/index.d.ts +1 -1
  21. package/dist/components/list/config.js +6 -1
  22. package/dist/components/list/constants.d.ts +10 -0
  23. package/dist/components/list/constants.js +4 -0
  24. package/dist/components/list/index.d.ts +3 -3
  25. package/dist/components/list/index.js +2 -2
  26. package/dist/components/list/list.d.ts +17 -0
  27. package/dist/components/list/list.js +2 -2
  28. package/dist/components/list/types.d.ts +29 -1
  29. package/dist/components/loading-indicator/index.d.ts +1 -1
  30. package/dist/components/loading-indicator/index.js +1 -1
  31. package/dist/components/menu/index.d.ts +1 -1
  32. package/dist/components/menu/index.js +1 -1
  33. package/dist/components/progress/index.d.ts +1 -1
  34. package/dist/components/progress/index.js +1 -1
  35. package/dist/components/progress/types.d.ts +20 -10
  36. package/dist/components/radios/index.d.ts +1 -1
  37. package/dist/components/radios/index.js +1 -1
  38. package/dist/components/search/index.d.ts +1 -1
  39. package/dist/components/search/index.js +1 -1
  40. package/dist/components/select/index.d.ts +1 -1
  41. package/dist/components/select/index.js +1 -1
  42. package/dist/components/slider/index.d.ts +1 -1
  43. package/dist/components/slider/index.js +1 -1
  44. package/dist/components/slider/types.d.ts +7 -0
  45. package/dist/components/snackbar/index.d.ts +1 -1
  46. package/dist/components/snackbar/index.js +1 -1
  47. package/dist/components/split-button/index.d.ts +1 -1
  48. package/dist/components/split-button/index.js +1 -1
  49. package/dist/components/switch/index.d.ts +1 -1
  50. package/dist/components/switch/index.js +1 -1
  51. package/dist/components/tabs/index.d.ts +1 -0
  52. package/dist/components/tabs/index.js +1 -0
  53. package/dist/components/tabs/types.d.ts +15 -3
  54. package/dist/components/text-field/features/placement.js +7 -4
  55. package/dist/components/timepicker/index.d.ts +1 -1
  56. package/dist/components/timepicker/index.js +1 -1
  57. package/dist/components/tooltip/index.d.ts +1 -1
  58. package/dist/components/tooltip/index.js +1 -1
  59. package/dist/core/compose/features/textinput.js +3 -1
  60. package/dist/core/compose/index.d.ts +1 -1
  61. package/dist/core/dom/html.d.ts +1 -1
  62. package/dist/elements/css/button.css +1 -1
  63. package/dist/elements/css/button.js +1 -1
  64. package/dist/elements/css/card.css +1 -1
  65. package/dist/elements/css/card.js +1 -1
  66. package/dist/elements/css/checkbox.css +1 -1
  67. package/dist/elements/css/checkbox.js +1 -1
  68. package/dist/elements/css/chips.css +1 -1
  69. package/dist/elements/css/chips.js +1 -1
  70. package/dist/elements/css/dialog.css +1 -1
  71. package/dist/elements/css/dialog.js +1 -1
  72. package/dist/elements/css/extended-fab.css +1 -1
  73. package/dist/elements/css/extended-fab.js +1 -1
  74. package/dist/elements/css/fab-menu.css +1 -1
  75. package/dist/elements/css/fab-menu.js +1 -1
  76. package/dist/elements/css/fab.css +1 -1
  77. package/dist/elements/css/fab.js +1 -1
  78. package/dist/elements/css/hosts/switch.css +1 -1
  79. package/dist/elements/css/hosts/text-field.css +1 -1
  80. package/dist/elements/css/icon-button.css +1 -1
  81. package/dist/elements/css/icon-button.js +1 -1
  82. package/dist/elements/css/list.css +1 -1
  83. package/dist/elements/css/list.js +1 -1
  84. package/dist/elements/css/menu.css +1 -1
  85. package/dist/elements/css/menu.js +1 -1
  86. package/dist/elements/css/radios.css +1 -1
  87. package/dist/elements/css/radios.js +1 -1
  88. package/dist/elements/css/select.css +1 -1
  89. package/dist/elements/css/select.js +1 -1
  90. package/dist/elements/css/side-sheet.css +1 -1
  91. package/dist/elements/css/side-sheet.js +1 -1
  92. package/dist/elements/css/slider.css +1 -1
  93. package/dist/elements/css/slider.js +1 -1
  94. package/dist/elements/css/snackbar.css +1 -1
  95. package/dist/elements/css/snackbar.js +1 -1
  96. package/dist/elements/css/switch.css +1 -1
  97. package/dist/elements/css/switch.js +1 -1
  98. package/dist/elements/css/text-field.css +1 -1
  99. package/dist/elements/css/text-field.js +1 -1
  100. package/dist/elements/define.d.ts +20 -0
  101. package/dist/elements/list.d.ts +6 -0
  102. package/dist/elements/list.js +1 -0
  103. package/dist/elements/preupgrade/badge.css +1 -1
  104. package/dist/elements/preupgrade/bottom-app-bar.css +1 -1
  105. package/dist/elements/preupgrade/bottom-sheet.css +1 -1
  106. package/dist/elements/preupgrade/button-group.css +1 -1
  107. package/dist/elements/preupgrade/button.css +2 -2
  108. package/dist/elements/preupgrade/card.css +1 -1
  109. package/dist/elements/preupgrade/carousel.css +1 -1
  110. package/dist/elements/preupgrade/checkbox.css +2 -2
  111. package/dist/elements/preupgrade/chips.css +1 -1
  112. package/dist/elements/preupgrade/datepicker.css +1 -1
  113. package/dist/elements/preupgrade/dialog.css +1 -1
  114. package/dist/elements/preupgrade/divider.css +1 -1
  115. package/dist/elements/preupgrade/drawer.css +1 -1
  116. package/dist/elements/preupgrade/extended-fab.css +1 -1
  117. package/dist/elements/preupgrade/fab-menu.css +1 -1
  118. package/dist/elements/preupgrade/fab.css +1 -1
  119. package/dist/elements/preupgrade/icon-button.css +1 -1
  120. package/dist/elements/preupgrade/list.css +2 -2
  121. package/dist/elements/preupgrade/loading-indicator.css +1 -1
  122. package/dist/elements/preupgrade/menu.css +1 -1
  123. package/dist/elements/preupgrade/navigation-bar.css +1 -1
  124. package/dist/elements/preupgrade/navigation-rail.css +1 -1
  125. package/dist/elements/preupgrade/progress.css +1 -1
  126. package/dist/elements/preupgrade/radios.css +2 -2
  127. package/dist/elements/preupgrade/search.css +1 -1
  128. package/dist/elements/preupgrade/select.css +1 -1
  129. package/dist/elements/preupgrade/side-sheet.css +1 -1
  130. package/dist/elements/preupgrade/slider.css +1 -1
  131. package/dist/elements/preupgrade/snackbar.css +1 -1
  132. package/dist/elements/preupgrade/split-button.css +1 -1
  133. package/dist/elements/preupgrade/switch.css +2 -2
  134. package/dist/elements/preupgrade/tabs.css +1 -1
  135. package/dist/elements/preupgrade/text-field.css +2 -2
  136. package/dist/elements/preupgrade/timepicker.css +1 -1
  137. package/dist/elements/preupgrade/toolbar.css +1 -1
  138. package/dist/elements/preupgrade/tooltip.css +1 -1
  139. package/dist/elements/preupgrade/top-app-bar.css +1 -1
  140. package/dist/elements/preupgrade.css +2 -2
  141. package/dist/elements/preupgrade.js +1 -1
  142. package/dist/elements/styles.d.ts +13 -1
  143. package/dist/elements/switch.d.ts +1 -0
  144. package/dist/elements/switch.js +1 -0
  145. package/dist/elements/text-field.js +1 -5
  146. package/dist/package.json +28 -4
  147. package/dist/styles/badge.css +1 -1
  148. package/dist/styles/base.css +1 -1
  149. package/dist/styles/bottom-app-bar.css +1 -1
  150. package/dist/styles/bottom-sheet.css +1 -1
  151. package/dist/styles/button-group.css +1 -1
  152. package/dist/styles/button.css +2 -2
  153. package/dist/styles/card.css +2 -2
  154. package/dist/styles/carousel.css +1 -1
  155. package/dist/styles/checkbox.css +2 -2
  156. package/dist/styles/chips.css +2 -2
  157. package/dist/styles/contrast.css +1 -1
  158. package/dist/styles/datepicker.css +1 -1
  159. package/dist/styles/dialog.css +2 -2
  160. package/dist/styles/divider.css +1 -1
  161. package/dist/styles/drawer.css +1 -1
  162. package/dist/styles/extended-fab.css +2 -2
  163. package/dist/styles/fab-menu.css +2 -2
  164. package/dist/styles/fab.css +2 -2
  165. package/dist/styles/icon-button.css +2 -2
  166. package/dist/styles/list.css +2 -2
  167. package/dist/styles/loading-indicator.css +1 -1
  168. package/dist/styles/menu.css +2 -2
  169. package/dist/styles/navigation-bar.css +1 -1
  170. package/dist/styles/navigation-rail.css +1 -1
  171. package/dist/styles/progress.css +1 -1
  172. package/dist/styles/radios.css +2 -2
  173. package/dist/styles/search.css +1 -1
  174. package/dist/styles/select.css +2 -2
  175. package/dist/styles/side-sheet.css +2 -2
  176. package/dist/styles/slider.css +2 -2
  177. package/dist/styles/snackbar.css +2 -2
  178. package/dist/styles/split-button.css +1 -1
  179. package/dist/styles/switch.css +2 -2
  180. package/dist/styles/tabs.css +1 -1
  181. package/dist/styles/text-field.css +2 -2
  182. package/dist/styles/timepicker.css +1 -1
  183. package/dist/styles/toolbar.css +1 -1
  184. package/dist/styles/tooltip.css +1 -1
  185. package/dist/styles/top-app-bar.css +1 -1
  186. package/dist/styles/typography.css +1 -1
  187. package/dist/styles/utilities.css +1 -1
  188. package/dist/styles.css +2 -2
  189. package/dist/themes/autumn-contrast.css +1 -1
  190. package/dist/themes/autumn.css +1 -1
  191. package/dist/themes/baseline-contrast.css +1 -1
  192. package/dist/themes/baseline.css +1 -1
  193. package/dist/themes/brownbeige-contrast.css +1 -1
  194. package/dist/themes/brownbeige.css +1 -1
  195. package/dist/themes/content-contrast.css +1 -1
  196. package/dist/themes/content.css +1 -1
  197. package/dist/themes/desert-contrast.css +1 -1
  198. package/dist/themes/desert.css +1 -1
  199. package/dist/themes/expressive-contrast.css +1 -1
  200. package/dist/themes/expressive.css +1 -1
  201. package/dist/themes/fidelity-contrast.css +1 -1
  202. package/dist/themes/fidelity.css +1 -1
  203. package/dist/themes/forest-contrast.css +1 -1
  204. package/dist/themes/forest.css +1 -1
  205. package/dist/themes/fruit-salad-contrast.css +1 -1
  206. package/dist/themes/fruit-salad.css +1 -1
  207. package/dist/themes/highcontrast-contrast.css +1 -1
  208. package/dist/themes/highcontrast.css +1 -1
  209. package/dist/themes/monochrome-contrast.css +1 -1
  210. package/dist/themes/monochrome.css +1 -1
  211. package/dist/themes/neutral-contrast.css +1 -1
  212. package/dist/themes/neutral.css +1 -1
  213. package/dist/themes/ocean-contrast.css +1 -1
  214. package/dist/themes/ocean.css +1 -1
  215. package/dist/themes/rainbow-contrast.css +1 -1
  216. package/dist/themes/rainbow.css +1 -1
  217. package/dist/themes/sageivory-contrast.css +1 -1
  218. package/dist/themes/sageivory.css +1 -1
  219. package/dist/themes/spring-contrast.css +1 -1
  220. package/dist/themes/spring.css +1 -1
  221. package/dist/themes/summer-contrast.css +1 -1
  222. package/dist/themes/summer.css +1 -1
  223. package/dist/themes/sunset-contrast.css +1 -1
  224. package/dist/themes/sunset.css +1 -1
  225. package/dist/themes/tealcaramel-contrast.css +1 -1
  226. package/dist/themes/tealcaramel.css +1 -1
  227. package/dist/themes/vibrant-contrast.css +1 -1
  228. package/dist/themes/vibrant.css +1 -1
  229. package/package.json +28 -4
  230. package/src/styles/abstract/_mixins.scss +17 -5
  231. package/src/styles/abstract/_variables.scss +1 -1
  232. package/src/styles/components/_button.scss +10 -7
  233. package/src/styles/components/_checkbox.scss +10 -0
  234. package/src/styles/components/_chips.scss +10 -0
  235. package/src/styles/components/_dialog.scss +16 -0
  236. package/src/styles/components/_fab-menu.scss +20 -1
  237. package/src/styles/components/_icon-button.scss +6 -0
  238. package/src/styles/components/_list.scss +48 -4
  239. package/src/styles/components/_menu.scss +8 -0
  240. package/src/styles/components/_radios.scss +22 -4
  241. package/src/styles/components/_select.scss +13 -29
  242. package/src/styles/components/_side-sheet.scss +22 -0
  243. package/src/styles/components/_slider.scss +3 -3
  244. package/src/styles/components/_switch.scss +19 -0
  245. package/src/styles/components/_text-field.scss +97 -319
  246. package/src/styles/elements/_button.scss +17 -1
  247. package/src/styles/elements/_checkbox.scss +16 -0
  248. package/src/styles/elements/_list.scss +6 -0
  249. package/src/styles/elements/_radios.scss +3 -2
  250. package/src/styles/elements/_switch.scss +52 -0
  251. package/src/styles/elements/_text-field.scss +21 -0
  252. package/dist/LICENSE +0 -21
  253. package/dist/README.md +0 -438
package/dist/themes/rainbow.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0 | MIT */
1
+ /*! material v3.0.0 | 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.0.0-next.0",
3
+ "version": "3.0.0",
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",
@@ -394,9 +394,33 @@
394
394
  "types": "./dist/core/index.d.ts",
395
395
  "import": "./dist/core/index.js"
396
396
  },
397
- "./core/*": {
398
- "types": "./dist/core/*/index.d.ts",
399
- "import": "./dist/core/*/index.js"
397
+ "./core/canvas": {
398
+ "types": "./dist/core/canvas/index.d.ts",
399
+ "import": "./dist/core/canvas/index.js"
400
+ },
401
+ "./core/compose": {
402
+ "types": "./dist/core/compose/index.d.ts",
403
+ "import": "./dist/core/compose/index.js"
404
+ },
405
+ "./core/dom": {
406
+ "types": "./dist/core/dom/index.d.ts",
407
+ "import": "./dist/core/dom/index.js"
408
+ },
409
+ "./core/shapes": {
410
+ "types": "./dist/core/shapes/index.d.ts",
411
+ "import": "./dist/core/shapes/index.js"
412
+ },
413
+ "./core/state": {
414
+ "types": "./dist/core/state/index.d.ts",
415
+ "import": "./dist/core/state/index.js"
416
+ },
417
+ "./core/theme": {
418
+ "types": "./dist/core/theme/index.d.ts",
419
+ "import": "./dist/core/theme/index.js"
420
+ },
421
+ "./core/utils": {
422
+ "types": "./dist/core/utils/index.d.ts",
423
+ "import": "./dist/core/utils/index.js"
400
424
  },
401
425
  "./styles/*": {
402
426
  "types": "./dist/styles/*.d.ts",
package/src/styles/abstract/_mixins.scss CHANGED
@@ -54,7 +54,16 @@ $icons: (
54
54
 
55
55
  // State Layers
56
56
  @mixin state-layer($color, $state: 'hover', $selector: false) {
57
- position: relative;
57
+ // The host is the layer's containing block, so a static host needs a
58
+ // position. A host that already has one (a fixed corner FAB, an absolute or
59
+ // sticky element of the app's own) keeps it: `:where()` gives this
60
+ // declaration no specificity, so any other position wins, here or in the
61
+ // page. Written beside the state selector it was (0,2,0) and beat the
62
+ // corner classes' (0,1,0), which took the button out of its corner while
63
+ // hovered, focused or pressed.
64
+ @at-root :where(&) {
65
+ position: relative;
66
+ }
58
67
 
59
68
  // The ripple is the press (FLO-260, as Compose draws it: one pressed indication at
60
69
  // 0.10). An element that carries a ripple leaves its pressed layer to the wave, so
@@ -357,11 +366,14 @@ $sheet-overshoot-guard: 32px;
357
366
  &::after {
358
367
  content: '';
359
368
  position: absolute;
360
- // Not `inset: 50%`: with width and height also set that box is over-constrained,
361
- // and the ignored offset is the inline-start one under RTL, which anchors the
362
- // target off-centre. Two offsets plus the translate say it unambiguously.
369
+ // Centred physically, as the icon button's own rule is (FLO-592). The
370
+ // translate is physical, so the offsets must be: a logical inline-start
371
+ // inset pinned the box's inline-start edge to the centre, and the translate
372
+ // then moved the whole box a further 24px past it — a full box-width off
373
+ // under RTL. Not `inset: 50%` either: over-constrained, and the offset CSS
374
+ // drops under RTL leaves the same wrong physical edge anchored.
363
375
  top: 50%;
364
- inset-inline-start: 50%;
376
+ left: 50%;
365
377
  width: $size;
366
378
  height: $size;
367
379
  transform: translate(-50%, -50%);
package/src/styles/abstract/_variables.scss CHANGED
@@ -305,7 +305,7 @@ $button: (
305
305
  'icon-size-l': 32px,
306
306
  'icon-size-xl': 40px,
307
307
  // Icon to label space per size
308
- 'icon-gap-xs': 8px,
308
+ 'icon-gap-xs': 4px, // md.comp.button.xsmall.icon-label-space; ButtonDefaults.ExtraSmallIconSpacing
309
309
  'icon-gap-s': 8px,
310
310
  'icon-gap-m': 8px,
311
311
  'icon-gap-l': 12px,
package/src/styles/components/_button.scss CHANGED
@@ -215,13 +215,15 @@ $content-color: (
215
215
  }
216
216
 
217
217
  // Small button next to an icon: 12dp on the icon side on pointer devices
218
- // (ButtonDefaults.getSmallContentPadding)
218
+ // (ButtonDefaults.getSmallContentPadding). Logical, so the start side follows
219
+ // direction. Direction inherits into a shadow root; a [dir] selector does not
220
+ // see a direction set outside one, which is how the icon already mirrors.
219
221
  &--s.#{$component}--icon {
220
- padding-left: v.button('padding-icon');
222
+ padding-inline-start: v.button('padding-icon');
221
223
 
222
224
  &:has(.#{$component}__icon--end) {
223
- padding-left: v.button('padding-s');
224
- padding-right: v.button('padding-icon');
225
+ padding-inline-start: v.button('padding-s');
226
+ padding-inline-end: v.button('padding-icon');
225
227
  }
226
228
  }
227
229
 
@@ -338,15 +340,16 @@ $content-color: (
338
340
 
339
341
  // Text: no container, 12dp horizontal padding, 16dp beside the label when
340
342
  // there is an icon (ButtonDefaults.TextButtonContentPadding,
341
- // TextButtonWithIconContentPadding). Larger sizes use the size's spacing.
343
+ // TextButtonWithIconContentPadding). The icon insets are logical, for the
344
+ // same reason as the small button. Larger sizes use the size's spacing.
342
345
  &--text {
343
346
  padding: 0 v.button('padding-horizontal-small');
344
347
 
345
348
  &.#{$component}--icon {
346
- padding: 0 v.button('padding-s') 0 v.button('padding-horizontal-small');
349
+ padding-inline: v.button('padding-horizontal-small') v.button('padding-s');
347
350
 
348
351
  &:has(.#{$component}__icon--end) {
349
- padding: 0 v.button('padding-horizontal-small') 0 v.button('padding-s');
352
+ padding-inline: v.button('padding-s') v.button('padding-horizontal-small');
350
353
  }
351
354
  }
352
355
 
package/src/styles/components/_checkbox.scss CHANGED
@@ -21,6 +21,16 @@ $component: '#{base.$prefix}-checkbox';
21
21
  padding: 4px 0;
22
22
  user-select: none;
23
23
 
24
+ // With no label the root is its own 48px target, so the box belongs in its
25
+ // centre: M3 "Icon alignment Center-aligned", (48 - 18) / 2 = 15px a side,
26
+ // which leaves the 40px state layer 4px inside the root on all sides. With
27
+ // a label the root hugs box, gap and label, has no free space, and keeps
28
+ // the box at the inline-start (the layout scripts/check-elements.ts holds
29
+ // as its contract).
30
+ &:not(:has(> .#{$component}__label)) {
31
+ justify-content: center;
32
+ }
33
+
24
34
  // Input (visually hidden but accessible)
25
35
  &__input {
26
36
  position: absolute;
package/src/styles/components/_chips.scss CHANGED
@@ -87,6 +87,16 @@ $container: "#{base.$prefix}-chips";
87
87
  border-end-start-radius: 0;
88
88
  color: var(--#{base.$prefix}-chip-trailing-color);
89
89
  }
90
+ // m3.material.io, Chips: "Secondary actions (such as a trailing icon button
91
+ // for Remove) must have a 48x48dp interaction target that doesn't interfere
92
+ // with the chip's primary action (such as Edit or Drag). To achieve this,
93
+ // apply a minimum width of 88dp to the chip, or 42dp to the label text." The
94
+ // target runs its 48px back from the chip's end, so the chip is at least 88
95
+ // wide and the label at least 42: content and floor then meet exactly (input:
96
+ // 12 + 42 + 8 + 26 = 88), the primary action keeps the first 40px and the
97
+ // secondary control the last 48, without a gap between them.
98
+ &:has(> &__remove, > &__trailing-action) { min-width: 88px; }
99
+ &:has(> &__remove, > &__trailing-action) &__label { min-width: 42px; }
90
100
  &__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
91
101
  &__leading-icon, &__trailing-icon, &__checkmark {
92
102
  display: inline-flex;
package/src/styles/components/_dialog.scss CHANGED
@@ -326,6 +326,22 @@ dialog.#{$component} {
326
326
  width: 24px;
327
327
  height: 24px;
328
328
  }
329
+
330
+ // FLO-579: the 40px button carries a 48px target, the icon button's own
331
+ // mechanism (its --xs/--s ::after): the box reaches 4px past each edge.
332
+ // m3.material.io, Density: "The default target size should be at least
333
+ // 48x48 CSS pixels".
334
+ position: relative;
335
+
336
+ &::after {
337
+ content: "";
338
+ position: absolute;
339
+ width: 48px;
340
+ height: 48px;
341
+ top: 50%;
342
+ left: 50%;
343
+ transform: translate(-50%, -50%);
344
+ }
329
345
  }
330
346
 
331
347
  // RTL Support
package/src/styles/components/_fab-menu.scss CHANGED
@@ -5,7 +5,9 @@
5
5
  // - list: the FAB turns into a 56dp round close button, pinned to its top
6
6
  // trailing corner, on the colour set's role; the items rise above it, 8dp
7
7
  // away and 4dp apart, pill-shaped, 56dp high, end-aligned, on the role's
8
- // container, nearest the FAB first
8
+ // container, nearest the FAB first. At bottom-start that corner, the list
9
+ // and the items are pinned to the inline start instead, so they open into
10
+ // the page; bottom-end keeps the end
9
11
  // - menu: the FAB stays; the baseline menu opens from it
10
12
  @use '../../styles/abstract/base' as base;
11
13
  @use '../../styles/abstract/variables' as v;
@@ -69,6 +71,23 @@ $swap: 48ms;
69
71
 
70
72
  &--bottom-start {
71
73
  inset-inline-start: var(--#{$component}-margin);
74
+
75
+ // Into the page from this edge. The shared rules stay on the inline end,
76
+ // which is where bottom-end and an unplaced menu already open.
77
+ .#{$fab}.#{$component}__fab {
78
+ inset-inline-start: 0;
79
+ inset-inline-end: auto;
80
+ }
81
+
82
+ .#{$component}__list {
83
+ inset-inline-start: 0;
84
+ inset-inline-end: auto;
85
+ align-items: flex-start;
86
+ }
87
+
88
+ .#{$component}__item {
89
+ justify-content: flex-start;
90
+ }
72
91
  }
73
92
 
74
93
  // The FAB, pinned to the top trailing corner it shrinks towards. Doubled
package/src/styles/components/_icon-button.scss CHANGED
@@ -121,6 +121,12 @@ $widths: (
121
121
  align-items: center;
122
122
  justify-content: center;
123
123
  border: none;
124
+ // The page reset's `button{padding:0}` (styles/base/_reset.scss) does not
125
+ // reach a shadow root, so the sheet the element adopts has to repeat it:
126
+ // Chrome's user-agent padding (1px 6px) leaves the narrow containers no
127
+ // room for the icon, a shrinkable flex item, and it is drawn under its
128
+ // size token.
129
+ padding: 0;
124
130
  background-color: transparent;
125
131
  color: t.color("on-surface-variant");
126
132
  font: inherit;
package/src/styles/components/_list.scss CHANGED
@@ -1,5 +1,19 @@
1
1
  // Standard Compose ListItem.kt: 56/72/88px rows, 16px horizontal spacing,
2
2
  // 8px vertical padding (12px for three-line rows). ListTokens.kt supplies roles/media.
3
+ //
4
+ // Two variants. Standard (the default) is the baseline list: no container,
5
+ // square rows in every state. Segmented is the expressive list, as Compose's
6
+ // SegmentedListItem: each row paints its own colour and shape, a gap apart.
7
+ // The list itself has no background and no radius in either.
8
+ //
9
+ // Segmented hooks, named the way the button names its container shape
10
+ // (`--<prefix>-button-shape`, `--<prefix>-button-shape-pressed`,
11
+ // `--<prefix>-button-shape-selected`): the row at rest, the outer corners of
12
+ // the first and the last row, the hovered row, the active row (focused,
13
+ // pressed, selected) and the gap between rows. The row's colour,
14
+ // `--<prefix>-list-item-container-color`, is read in both variants. The rules
15
+ // read them and do not declare them, so a value on the list, on any
16
+ // ancestor, or on the `<m-list>` element inherits.
3
17
  @use "../abstract/base" as base;
4
18
  @use "../abstract/mixins" as m;
5
19
  @use "../abstract/theme" as t;
@@ -10,7 +24,6 @@ $component: "#{base.$prefix}-list";
10
24
  --#{base.$prefix}-list-item-offset: 0px;
11
25
  position: relative;
12
26
  overflow: auto;
13
- background: t.color("surface");
14
27
  color: t.color("on-surface");
15
28
  padding-block: 8px;
16
29
  &__content { display: flex; flex-direction: column; }
@@ -23,7 +36,9 @@ $component: "#{base.$prefix}-list";
23
36
  min-width: 0;
24
37
  min-height: 56px;
25
38
  padding: 8px 16px;
26
- background: t.color("surface");
39
+ // The row's colour, in both variants: surface here, surface-container on a
40
+ // segmented row. `transparent` leaves a row without a colour of its own.
41
+ background: var(--#{base.$prefix}-list-item-container-color, t.color("surface"));
27
42
  transform: translateY(var(--#{base.$prefix}-list-item-offset));
28
43
  &--two-line { min-height: 72px; }
29
44
  &--three-line { min-height: 88px; padding-block: 12px; align-items: flex-start; }
@@ -80,9 +95,38 @@ $component: "#{base.$prefix}-list";
80
95
  }
81
96
  // Slotted controls are siblings of the row action and remain independently operable.
82
97
  &__item :is(button, input, select, textarea, a, [contenteditable="true"], [data-list-control]):not(.#{$component}__action) { position: relative; z-index: 1; }
98
+ // Segmented. The child combinators keep a list nested in a row out of it.
99
+ &--segmented > &__content {
100
+ gap: var(--#{base.$prefix}-list-segmented-gap, 2px);
101
+ // Rest shape: extra-small where a row meets another row.
102
+ > .#{$component}__item { border-radius: var(--#{base.$prefix}-list-item-shape, v.shape('extra-small')); }
103
+ > .#{$component}__item:not(.#{$component}__item--selected) { background: var(--#{base.$prefix}-list-item-container-color, t.color("surface-container")); }
104
+ // Outer corners of a group (the first row, the last, and a row beside a
105
+ // divider or subheader) are large. Specs, 2026-10-02: 4dp inner, 16dp outer.
106
+ > .#{$component}__item:first-child,
107
+ > :not(.#{$component}__item) + .#{$component}__item {
108
+ border-start-start-radius: var(--#{base.$prefix}-list-item-shape-outer, v.shape('large'));
109
+ border-start-end-radius: var(--#{base.$prefix}-list-item-shape-outer, v.shape('large'));
110
+ }
111
+ > .#{$component}__item:last-child,
112
+ > .#{$component}__item:has(+ :not(.#{$component}__item)) {
113
+ border-end-start-radius: var(--#{base.$prefix}-list-item-shape-outer, v.shape('large'));
114
+ border-end-end-radius: var(--#{base.$prefix}-list-item-shape-outer, v.shape('large'));
115
+ }
116
+ // Hover, keyboard focus, press and selection replace that shape on every
117
+ // corner. Focus is the row's own action under :focus-visible, so a click
118
+ // or a trailing control does not take it; press stays :active. A selected
119
+ // row stays on the active shape; a disabled row stays at rest.
120
+ > .#{$component}__item:hover:not(.#{$component}__item--disabled):not(.#{$component}__item--selected) {
121
+ border-radius: var(--#{base.$prefix}-list-item-shape-hover, v.shape('medium'));
122
+ }
123
+ > .#{$component}__item:has(.#{$component}__action:focus-visible):not(.#{$component}__item--disabled):not(.#{$component}__item--selected),
124
+ > .#{$component}__item:active:not(.#{$component}__item--disabled):not(.#{$component}__item--selected),
125
+ > .#{$component}__item.#{$component}__item--selected {
126
+ border-radius: var(--#{base.$prefix}-list-item-shape-active, v.shape('large'));
127
+ }
128
+ }
83
129
  &__item--selected {
84
- // The expressive selected row; on the scale, so the large step moves it
85
- border-radius: v.shape('large');
86
130
  background: t.color("secondary-container");
87
131
  .#{$component}__headline, .#{$component}__overline, .#{$component}__supporting, .#{$component}__leading, .#{$component}__trailing { color: t.color("on-secondary-container"); }
88
132
  .#{$component}__action::before { background: t.color("on-secondary-container"); }
package/src/styles/components/_menu.scss CHANGED
@@ -220,7 +220,15 @@ $component: "#{$prefix}-menu";
220
220
  &::after {
221
221
  content: "";
222
222
  position: absolute;
223
+ // At the item's end in either direction, where the padding
224
+ // keeps room for it: `right` alone left it over the text in
225
+ // RTL. Both sides are set and the start margin takes the
226
+ // space between: bundlers lower a logical inset
227
+ // (inset-inline-end) into :lang() lists that miss dir="rtl",
228
+ // and leave a logical margin as written.
229
+ left: 12px;
223
230
  right: 12px;
231
+ margin-inline-start: auto;
224
232
  top: 50%;
225
233
  transform: translateY(-50%);
226
234
  width: 18px;