material 3.2.6 → 3.3.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 (577) hide show
  1. package/README.md +1 -1
  2. package/dist/components/badge/badge.d.ts +0 -59
  3. package/dist/components/badge/constants.d.ts +0 -15
  4. package/dist/components/badge/index.d.ts +0 -6
  5. package/dist/components/badge/types.d.ts +0 -244
  6. package/dist/components/bottom-app-bar/bottom-app-bar.d.ts +0 -10
  7. package/dist/components/bottom-app-bar/constants.d.ts +0 -9
  8. package/dist/components/bottom-app-bar/index.d.ts +0 -4
  9. package/dist/components/bottom-app-bar/types.d.ts +0 -76
  10. package/dist/components/bottom-sheet/bottom-sheet.d.ts +0 -21
  11. package/dist/components/bottom-sheet/constants.d.ts +0 -29
  12. package/dist/components/bottom-sheet/types.d.ts +0 -89
  13. package/dist/components/button/button.d.ts +0 -62
  14. package/dist/components/button/constants.d.ts +0 -41
  15. package/dist/components/button/index.d.ts +0 -4
  16. package/dist/components/button/types.d.ts +0 -347
  17. package/dist/components/button-group/button-group.d.ts +0 -51
  18. package/dist/components/button-group/constants.d.ts +0 -83
  19. package/dist/components/button-group/index.d.ts +0 -10
  20. package/dist/components/button-group/types.d.ts +0 -234
  21. package/dist/components/card/card.d.ts +0 -64
  22. package/dist/components/card/constants.d.ts +0 -33
  23. package/dist/components/card/content.d.ts +0 -86
  24. package/dist/components/card/index.d.ts +0 -66
  25. package/dist/components/card/types.d.ts +0 -366
  26. package/dist/components/carousel/carousel.d.ts +0 -22
  27. package/dist/components/carousel/constants.d.ts +0 -16
  28. package/dist/components/carousel/types.d.ts +0 -29
  29. package/dist/components/checkbox/checkbox.d.ts +0 -61
  30. package/dist/components/checkbox/constants.d.ts +0 -33
  31. package/dist/components/checkbox/index.d.ts +0 -25
  32. package/dist/components/checkbox/types.d.ts +0 -206
  33. package/dist/components/chips/chips.d.ts +0 -14
  34. package/dist/components/chips/constants.d.ts +0 -1
  35. package/dist/components/chips/factories.d.ts +0 -4
  36. package/dist/components/chips/types.d.ts +0 -278
  37. package/dist/components/datepicker/constants.d.ts +0 -56
  38. package/dist/components/datepicker/datepicker.d.ts +0 -5
  39. package/dist/components/datepicker/types.d.ts +12 -257
  40. package/dist/components/dialog/constants.d.ts +0 -65
  41. package/dist/components/dialog/dialog.d.ts +0 -86
  42. package/dist/components/dialog/index.d.ts +0 -12
  43. package/dist/components/dialog/types.d.ts +0 -511
  44. package/dist/components/divider/config.d.ts +0 -130
  45. package/dist/components/divider/constants.d.ts +0 -27
  46. package/dist/components/divider/divider.d.ts +0 -36
  47. package/dist/components/divider/index.d.ts +0 -29
  48. package/dist/components/divider/types.d.ts +0 -126
  49. package/dist/components/drawer/constants.d.ts +0 -53
  50. package/dist/components/drawer/drawer.d.ts +0 -56
  51. package/dist/components/drawer/index.d.ts +0 -4
  52. package/dist/components/drawer/types.d.ts +0 -200
  53. package/dist/components/extended-fab/config.js +3 -2
  54. package/dist/components/extended-fab/constants.d.ts +0 -46
  55. package/dist/components/extended-fab/extended-fab.d.ts +0 -58
  56. package/dist/components/extended-fab/index.d.ts +1 -35
  57. package/dist/components/extended-fab/types.d.ts +2 -654
  58. package/dist/components/fab/config.js +3 -2
  59. package/dist/components/fab/constants.d.ts +0 -40
  60. package/dist/components/fab/fab.d.ts +0 -42
  61. package/dist/components/fab/index.d.ts +1 -34
  62. package/dist/components/fab/types.d.ts +2 -543
  63. package/dist/components/fab-menu/constants.d.ts +0 -22
  64. package/dist/components/fab-menu/fab-menu.d.ts +0 -36
  65. package/dist/components/fab-menu/types.d.ts +0 -80
  66. package/dist/components/icon-button/constants.d.ts +0 -90
  67. package/dist/components/icon-button/icon-button.d.ts +0 -83
  68. package/dist/components/icon-button/index.d.ts +0 -44
  69. package/dist/components/icon-button/types.d.ts +0 -314
  70. package/dist/components/index.d.ts +0 -9
  71. package/dist/components/list/constants.d.ts +0 -47
  72. package/dist/components/list/index.d.ts +0 -1
  73. package/dist/components/list/list.d.ts +0 -26
  74. package/dist/components/list/types.d.ts +0 -263
  75. package/dist/components/loading-indicator/constants.d.ts +0 -35
  76. package/dist/components/loading-indicator/features/renderer.d.ts +0 -14
  77. package/dist/components/loading-indicator/loading-indicator.d.ts +0 -6
  78. package/dist/components/loading-indicator/types.d.ts +0 -35
  79. package/dist/components/menu/constants.d.ts +0 -79
  80. package/dist/components/menu/index.d.ts +0 -25
  81. package/dist/components/menu/inner.d.ts +0 -3
  82. package/dist/components/menu/menu.d.ts +0 -26
  83. package/dist/components/menu/types.d.ts +0 -423
  84. package/dist/components/navigation-bar/navigation-bar.d.ts +0 -7
  85. package/dist/components/navigation-bar/types.d.ts +0 -25
  86. package/dist/components/navigation-rail/constants.d.ts +0 -2
  87. package/dist/components/navigation-rail/navigation-rail.d.ts +0 -5
  88. package/dist/components/navigation-rail/types.d.ts +0 -22
  89. package/dist/components/progress/constants.d.ts +24 -56
  90. package/dist/components/progress/progress.d.ts +0 -21
  91. package/dist/components/progress/types.d.ts +0 -251
  92. package/dist/components/radios/constants.d.ts +0 -22
  93. package/dist/components/radios/radios.d.ts +0 -5
  94. package/dist/components/radios/types.d.ts +0 -142
  95. package/dist/components/search/constants.d.ts +0 -59
  96. package/dist/components/search/search.d.ts +0 -32
  97. package/dist/components/search/types.d.ts +0 -159
  98. package/dist/components/select/constants.d.ts +0 -60
  99. package/dist/components/select/index.d.ts +0 -22
  100. package/dist/components/select/select.d.ts +0 -33
  101. package/dist/components/select/types.d.ts +0 -241
  102. package/dist/components/side-sheet/constants.d.ts +0 -28
  103. package/dist/components/side-sheet/side-sheet.d.ts +0 -21
  104. package/dist/components/side-sheet/types.d.ts +0 -82
  105. package/dist/components/slider/constants.d.ts +0 -86
  106. package/dist/components/slider/slider.d.ts +0 -16
  107. package/dist/components/slider/types.d.ts +0 -184
  108. package/dist/components/snackbar/constants.d.ts +0 -73
  109. package/dist/components/snackbar/snackbar.d.ts +0 -13
  110. package/dist/components/snackbar/types.d.ts +0 -147
  111. package/dist/components/split-button/constants.d.ts +0 -33
  112. package/dist/components/split-button/split-button.d.ts +0 -21
  113. package/dist/components/split-button/types.d.ts +0 -81
  114. package/dist/components/switch/constants.d.ts +0 -49
  115. package/dist/components/switch/switch.d.ts +0 -5
  116. package/dist/components/switch/types.d.ts +0 -80
  117. package/dist/components/tabs/constants.d.ts +0 -76
  118. package/dist/components/tabs/indicator.d.ts +0 -27
  119. package/dist/components/tabs/responsive.d.ts +0 -30
  120. package/dist/components/tabs/tab.d.ts +0 -13
  121. package/dist/components/tabs/tabs.d.ts +0 -24
  122. package/dist/components/tabs/types.d.ts +0 -335
  123. package/dist/components/tabs/utils.d.ts +0 -66
  124. package/dist/components/text-field/constants.d.ts +0 -82
  125. package/dist/components/text-field/features/trailing-icon.d.ts +0 -61
  126. package/dist/components/text-field/text-field.d.ts +0 -33
  127. package/dist/components/text-field/types.d.ts +0 -123
  128. package/dist/components/timepicker/constants.d.ts +0 -88
  129. package/dist/components/timepicker/types.d.ts +0 -268
  130. package/dist/components/toolbar/constants.d.ts +0 -27
  131. package/dist/components/toolbar/toolbar.d.ts +0 -25
  132. package/dist/components/toolbar/types.d.ts +0 -102
  133. package/dist/components/tooltip/constants.d.ts +0 -58
  134. package/dist/components/tooltip/tooltip.d.ts +0 -5
  135. package/dist/components/tooltip/types.d.ts +0 -140
  136. package/dist/components/top-app-bar/constants.d.ts +0 -41
  137. package/dist/components/top-app-bar/index.d.ts +0 -4
  138. package/dist/components/top-app-bar/top-app-bar.d.ts +0 -10
  139. package/dist/components/top-app-bar/types.d.ts +0 -94
  140. package/dist/core/canvas/animation.d.ts +0 -13
  141. package/dist/core/canvas/drawing.d.ts +18 -55
  142. package/dist/core/canvas/index.d.ts +0 -4
  143. package/dist/core/canvas/resize.d.ts +0 -13
  144. package/dist/core/canvas/utils.d.ts +0 -62
  145. package/dist/core/compose/base.d.ts +0 -22
  146. package/dist/core/compose/cleanup.d.ts +0 -2
  147. package/dist/core/compose/component.d.ts +0 -31
  148. package/dist/core/compose/features/badge.d.ts +0 -25
  149. package/dist/core/compose/features/checkable.d.ts +0 -36
  150. package/dist/core/compose/features/debounce.d.ts +0 -57
  151. package/dist/core/compose/features/disabled.d.ts +0 -31
  152. package/dist/core/compose/features/events.d.ts +0 -38
  153. package/dist/core/compose/features/icon.d.ts +0 -49
  154. package/dist/core/compose/features/input.d.ts +0 -82
  155. package/dist/core/compose/features/lifecycle.d.ts +0 -36
  156. package/dist/core/compose/features/position.d.ts +0 -27
  157. package/dist/core/compose/features/ripple.d.ts +0 -29
  158. package/dist/core/compose/features/size.d.ts +0 -9
  159. package/dist/core/compose/features/style.d.ts +0 -9
  160. package/dist/core/compose/features/text.d.ts +0 -45
  161. package/dist/core/compose/features/textinput.d.ts +0 -88
  162. package/dist/core/compose/features/textlabel.d.ts +0 -44
  163. package/dist/core/compose/features/throttle.d.ts +0 -54
  164. package/dist/core/compose/features/track.d.ts +0 -34
  165. package/dist/core/compose/features/variant.d.ts +0 -9
  166. package/dist/core/compose/features/withEvents.d.ts +0 -30
  167. package/dist/core/compose/index.d.ts +0 -4
  168. package/dist/core/compose/pipe.d.ts +0 -55
  169. package/dist/core/compose/utils/type-guards.d.ts +0 -15
  170. package/dist/core/config/component.d.ts +0 -45
  171. package/dist/core/config/global.d.ts +0 -43
  172. package/dist/core/config.d.ts +0 -59
  173. package/dist/core/dom/attributes.d.ts +0 -41
  174. package/dist/core/dom/classes.d.ts +0 -49
  175. package/dist/core/dom/create.d.ts +0 -98
  176. package/dist/core/dom/events.d.ts +0 -52
  177. package/dist/core/dom/focus.d.ts +0 -32
  178. package/dist/core/dom/html.d.ts +0 -24
  179. package/dist/core/dom/layer.d.ts +0 -98
  180. package/dist/core/dom/roving.d.ts +0 -19
  181. package/dist/core/index.d.ts +0 -9
  182. package/dist/core/navigation/destinations.d.ts +0 -23
  183. package/dist/core/shapes/cubic.d.ts +24 -19
  184. package/dist/core/shapes/material.d.ts +0 -64
  185. package/dist/core/shapes/polygon.d.ts +6 -16
  186. package/dist/core/state/emitter.d.ts +0 -36
  187. package/dist/core/state/events.d.ts +0 -29
  188. package/dist/core/state/store.d.ts +0 -70
  189. package/dist/core/theme/index.d.ts +0 -3
  190. package/dist/core/theme/shape.d.ts +0 -7
  191. package/dist/core/theme/tokens.d.ts +48 -32
  192. package/dist/core/utils/background.d.ts +0 -29
  193. package/dist/core/utils/color.d.ts +0 -13
  194. package/dist/core/utils/index.d.ts +0 -11
  195. package/dist/core/utils/mobile.d.ts +0 -31
  196. package/dist/core/utils/object.d.ts +0 -11
  197. package/dist/core/utils/performance.d.ts +0 -70
  198. package/dist/core/utils/theme.d.ts +0 -36
  199. package/dist/core/utils/url.d.ts +0 -17
  200. package/dist/elements/adapter.d.ts +13 -62
  201. package/dist/elements/badge.d.ts +0 -17
  202. package/dist/elements/bottom-app-bar.d.ts +7 -17
  203. package/dist/elements/bottom-sheet.d.ts +9 -38
  204. package/dist/elements/button-group.d.ts +0 -31
  205. package/dist/elements/button.d.ts +24 -18
  206. package/dist/elements/button.js +12 -0
  207. package/dist/elements/card.d.ts +12 -24
  208. package/dist/elements/card.js +3 -2
  209. package/dist/elements/carousel.d.ts +5 -29
  210. package/dist/elements/checkbox.d.ts +5 -15
  211. package/dist/elements/chips.d.ts +0 -33
  212. package/dist/elements/css/extended-fab.css +1 -1
  213. package/dist/elements/css/extended-fab.js +1 -1
  214. package/dist/elements/css/fab-menu.css +1 -1
  215. package/dist/elements/css/fab-menu.js +1 -1
  216. package/dist/elements/css/fab.css +1 -1
  217. package/dist/elements/css/fab.js +1 -1
  218. package/dist/elements/css/hosts/extended-fab.css +1 -1
  219. package/dist/elements/css/hosts/fab.css +1 -1
  220. package/dist/elements/datepicker.d.ts +4 -48
  221. package/dist/elements/define.d.ts +3 -161
  222. package/dist/elements/dialog.d.ts +8 -39
  223. package/dist/elements/divider.d.ts +0 -14
  224. package/dist/elements/drawer.d.ts +0 -35
  225. package/dist/elements/extended-fab.d.ts +10 -18
  226. package/dist/elements/extended-fab.js +3 -1
  227. package/dist/elements/fab-menu.d.ts +5 -30
  228. package/dist/elements/fab.d.ts +8 -17
  229. package/dist/elements/fab.js +3 -1
  230. package/dist/elements/floating-placement.js +1 -0
  231. package/dist/elements/icon-button.d.ts +5 -26
  232. package/dist/elements/index.d.ts +0 -16
  233. package/dist/elements/list.d.ts +0 -34
  234. package/dist/elements/loading-indicator.d.ts +4 -13
  235. package/dist/elements/menu.d.ts +5 -51
  236. package/dist/elements/navigation-bar.d.ts +4 -29
  237. package/dist/elements/navigation-rail.d.ts +8 -49
  238. package/dist/elements/preupgrade/badge.css +1 -1
  239. package/dist/elements/preupgrade/bottom-app-bar.css +1 -1
  240. package/dist/elements/preupgrade/bottom-sheet.css +1 -1
  241. package/dist/elements/preupgrade/button-group.css +1 -1
  242. package/dist/elements/preupgrade/button.css +2 -2
  243. package/dist/elements/preupgrade/card.css +2 -2
  244. package/dist/elements/preupgrade/carousel.css +1 -1
  245. package/dist/elements/preupgrade/checkbox.css +1 -1
  246. package/dist/elements/preupgrade/chips.css +1 -1
  247. package/dist/elements/preupgrade/datepicker.css +1 -1
  248. package/dist/elements/preupgrade/dialog.css +1 -1
  249. package/dist/elements/preupgrade/divider.css +1 -1
  250. package/dist/elements/preupgrade/drawer.css +1 -1
  251. package/dist/elements/preupgrade/extended-fab.css +2 -2
  252. package/dist/elements/preupgrade/fab-menu.css +1 -1
  253. package/dist/elements/preupgrade/fab.css +2 -2
  254. package/dist/elements/preupgrade/icon-button.css +1 -1
  255. package/dist/elements/preupgrade/list.css +1 -1
  256. package/dist/elements/preupgrade/loading-indicator.css +1 -1
  257. package/dist/elements/preupgrade/menu.css +1 -1
  258. package/dist/elements/preupgrade/navigation-bar.css +1 -1
  259. package/dist/elements/preupgrade/navigation-rail.css +1 -1
  260. package/dist/elements/preupgrade/progress.css +1 -1
  261. package/dist/elements/preupgrade/radios.css +1 -1
  262. package/dist/elements/preupgrade/search.css +1 -1
  263. package/dist/elements/preupgrade/select.css +1 -1
  264. package/dist/elements/preupgrade/side-sheet.css +1 -1
  265. package/dist/elements/preupgrade/slider.css +1 -1
  266. package/dist/elements/preupgrade/snackbar.css +1 -1
  267. package/dist/elements/preupgrade/split-button.css +1 -1
  268. package/dist/elements/preupgrade/switch.css +1 -1
  269. package/dist/elements/preupgrade/tabs.css +1 -1
  270. package/dist/elements/preupgrade/text-field.css +1 -1
  271. package/dist/elements/preupgrade/timepicker.css +1 -1
  272. package/dist/elements/preupgrade/toolbar.css +1 -1
  273. package/dist/elements/preupgrade/tooltip.css +1 -1
  274. package/dist/elements/preupgrade/top-app-bar.css +1 -1
  275. package/dist/elements/preupgrade.css +2 -2
  276. package/dist/elements/preupgrade.d.ts +0 -1
  277. package/dist/elements/preupgrade.js +1 -1
  278. package/dist/elements/progress.d.ts +0 -15
  279. package/dist/elements/radios.d.ts +0 -22
  280. package/dist/elements/search.d.ts +5 -53
  281. package/dist/elements/select.d.ts +0 -31
  282. package/dist/elements/side-sheet.d.ts +7 -29
  283. package/dist/elements/slider.d.ts +3 -22
  284. package/dist/elements/snackbar.d.ts +4 -28
  285. package/dist/elements/split-button.d.ts +0 -30
  286. package/dist/elements/styles.d.ts +0 -63
  287. package/dist/elements/switch.d.ts +5 -17
  288. package/dist/elements/tabs.d.ts +0 -22
  289. package/dist/elements/text-field.d.ts +4 -38
  290. package/dist/elements/timepicker.d.ts +4 -44
  291. package/dist/elements/toolbar.d.ts +8 -25
  292. package/dist/elements/tooltip.d.ts +4 -30
  293. package/dist/elements/top-app-bar.d.ts +7 -23
  294. package/dist/index.d.ts +0 -11
  295. package/dist/package.json +1 -1
  296. package/dist/react/create.d.ts +0 -42
  297. package/dist/react/index.d.ts +0 -6
  298. package/dist/react/jsx.d.ts +0 -13
  299. package/dist/solid/create.d.ts +0 -48
  300. package/dist/solid/index.d.ts +0 -6
  301. package/dist/solid/jsx.d.ts +1 -10
  302. package/dist/ssr/index.d.ts +0 -49
  303. package/dist/ssr/solid.d.ts +0 -4
  304. package/dist/ssr/svelte.d.ts +0 -4
  305. package/dist/ssr/vue.d.ts +0 -4
  306. package/dist/styles/badge.css +1 -1
  307. package/dist/styles/base.css +1 -1
  308. package/dist/styles/bottom-app-bar.css +1 -1
  309. package/dist/styles/bottom-sheet.css +1 -1
  310. package/dist/styles/button-group.css +1 -1
  311. package/dist/styles/button.css +1 -1
  312. package/dist/styles/card.css +1 -1
  313. package/dist/styles/carousel.css +1 -1
  314. package/dist/styles/checkbox.css +1 -1
  315. package/dist/styles/chips.css +1 -1
  316. package/dist/styles/contrast.css +1 -1
  317. package/dist/styles/datepicker.css +1 -1
  318. package/dist/styles/dialog.css +1 -1
  319. package/dist/styles/divider.css +1 -1
  320. package/dist/styles/drawer.css +1 -1
  321. package/dist/styles/extended-fab.css +2 -2
  322. package/dist/styles/fab-menu.css +2 -2
  323. package/dist/styles/fab.css +2 -2
  324. package/dist/styles/icon-button.css +1 -1
  325. package/dist/styles/list.css +1 -1
  326. package/dist/styles/loading-indicator.css +1 -1
  327. package/dist/styles/menu.css +1 -1
  328. package/dist/styles/navigation-bar.css +1 -1
  329. package/dist/styles/navigation-rail.css +1 -1
  330. package/dist/styles/progress.css +1 -1
  331. package/dist/styles/radios.css +1 -1
  332. package/dist/styles/search.css +1 -1
  333. package/dist/styles/select.css +1 -1
  334. package/dist/styles/side-sheet.css +1 -1
  335. package/dist/styles/slider.css +1 -1
  336. package/dist/styles/snackbar.css +1 -1
  337. package/dist/styles/split-button.css +1 -1
  338. package/dist/styles/switch.css +1 -1
  339. package/dist/styles/tabs.css +1 -1
  340. package/dist/styles/text-field.css +1 -1
  341. package/dist/styles/timepicker.css +1 -1
  342. package/dist/styles/toolbar.css +1 -1
  343. package/dist/styles/tooltip.css +1 -1
  344. package/dist/styles/top-app-bar.css +1 -1
  345. package/dist/styles/typography.css +1 -1
  346. package/dist/styles/utilities.css +1 -1
  347. package/dist/styles.css +2 -2
  348. package/dist/svelte/Button.svelte +5 -4
  349. package/dist/svelte/runtime.d.ts +8 -62
  350. package/dist/themes/autumn-contrast.css +1 -1
  351. package/dist/themes/autumn.css +1 -1
  352. package/dist/themes/baseline-contrast.css +1 -1
  353. package/dist/themes/baseline.css +1 -1
  354. package/dist/themes/brownbeige-contrast.css +1 -1
  355. package/dist/themes/brownbeige.css +1 -1
  356. package/dist/themes/content-contrast.css +1 -1
  357. package/dist/themes/content.css +1 -1
  358. package/dist/themes/desert-contrast.css +1 -1
  359. package/dist/themes/desert.css +1 -1
  360. package/dist/themes/expressive-contrast.css +1 -1
  361. package/dist/themes/expressive.css +1 -1
  362. package/dist/themes/fidelity-contrast.css +1 -1
  363. package/dist/themes/fidelity.css +1 -1
  364. package/dist/themes/forest-contrast.css +1 -1
  365. package/dist/themes/forest.css +1 -1
  366. package/dist/themes/fruit-salad-contrast.css +1 -1
  367. package/dist/themes/fruit-salad.css +1 -1
  368. package/dist/themes/highcontrast-contrast.css +1 -1
  369. package/dist/themes/highcontrast.css +1 -1
  370. package/dist/themes/monochrome-contrast.css +1 -1
  371. package/dist/themes/monochrome.css +1 -1
  372. package/dist/themes/neutral-contrast.css +1 -1
  373. package/dist/themes/neutral.css +1 -1
  374. package/dist/themes/ocean-contrast.css +1 -1
  375. package/dist/themes/ocean.css +1 -1
  376. package/dist/themes/rainbow-contrast.css +1 -1
  377. package/dist/themes/rainbow.css +1 -1
  378. package/dist/themes/sageivory-contrast.css +1 -1
  379. package/dist/themes/sageivory.css +1 -1
  380. package/dist/themes/spring-contrast.css +1 -1
  381. package/dist/themes/spring.css +1 -1
  382. package/dist/themes/summer-contrast.css +1 -1
  383. package/dist/themes/summer.css +1 -1
  384. package/dist/themes/sunset-contrast.css +1 -1
  385. package/dist/themes/sunset.css +1 -1
  386. package/dist/themes/tealcaramel-contrast.css +1 -1
  387. package/dist/themes/tealcaramel.css +1 -1
  388. package/dist/themes/vibrant-contrast.css +1 -1
  389. package/dist/themes/vibrant.css +1 -1
  390. package/dist/vue/create.d.ts +15 -58
  391. package/dist/vue/index.d.ts +0 -6
  392. package/package.json +1 -1
  393. package/src/styles/abstract/_floating-placement.scss +12 -0
  394. package/src/styles/components/_extended-fab.scss +34 -8
  395. package/src/styles/components/_fab-menu.scss +58 -8
  396. package/src/styles/components/_fab.scss +34 -8
  397. package/src/styles/elements/_button.scss +27 -5
  398. package/src/styles/elements/_card.scss +14 -0
  399. package/src/styles/elements/_extended-fab.scss +2 -0
  400. package/src/styles/elements/_fab.scss +2 -0
  401. package/dist/components/badge/api.d.ts +0 -41
  402. package/dist/components/badge/config.d.ts +0 -631
  403. package/dist/components/badge/features.d.ts +0 -38
  404. package/dist/components/bottom-app-bar/config.d.ts +0 -16
  405. package/dist/components/bottom-sheet/api.d.ts +0 -44
  406. package/dist/components/bottom-sheet/config.d.ts +0 -547
  407. package/dist/components/bottom-sheet/features/drag.d.ts +0 -35
  408. package/dist/components/bottom-sheet/features/index.d.ts +0 -3
  409. package/dist/components/bottom-sheet/features/state.d.ts +0 -31
  410. package/dist/components/bottom-sheet/features/structure.d.ts +0 -26
  411. package/dist/components/button/api.d.ts +0 -68
  412. package/dist/components/button/config.d.ts +0 -594
  413. package/dist/components/button/features/progress.d.ts +0 -43
  414. package/dist/components/button/features/toggle.d.ts +0 -43
  415. package/dist/components/button-group/config.d.ts +0 -147
  416. package/dist/components/card/api.d.ts +0 -24
  417. package/dist/components/card/config.d.ts +0 -635
  418. package/dist/components/card/features.d.ts +0 -124
  419. package/dist/components/carousel/api.d.ts +0 -20
  420. package/dist/components/carousel/arrangement.d.ts +0 -23
  421. package/dist/components/carousel/config.d.ts +0 -540
  422. package/dist/components/carousel/features/index.d.ts +0 -2
  423. package/dist/components/carousel/features/scroll.d.ts +0 -20
  424. package/dist/components/carousel/features/slides.d.ts +0 -18
  425. package/dist/components/carousel/keylines.d.ts +0 -68
  426. package/dist/components/carousel/strategy.d.ts +0 -36
  427. package/dist/components/checkbox/api.d.ts +0 -7
  428. package/dist/components/checkbox/config.d.ts +0 -568
  429. package/dist/components/chips/api.d.ts +0 -62
  430. package/dist/components/chips/chip/chip.d.ts +0 -4
  431. package/dist/components/chips/chip/constants.d.ts +0 -38
  432. package/dist/components/chips/chip/index.d.ts +0 -1
  433. package/dist/components/chips/config.d.ts +0 -583
  434. package/dist/components/chips/features/chip-items.d.ts +0 -39
  435. package/dist/components/chips/features/container.d.ts +0 -75
  436. package/dist/components/chips/features/controller.d.ts +0 -61
  437. package/dist/components/chips/features/dom.d.ts +0 -24
  438. package/dist/components/chips/features/index.d.ts +0 -4
  439. package/dist/components/chips/schema.d.ts +0 -35
  440. package/dist/components/datepicker/api.d.ts +0 -7
  441. package/dist/components/datepicker/config.d.ts +0 -542
  442. package/dist/components/datepicker/render.d.ts +0 -3
  443. package/dist/components/datepicker/utils.d.ts +0 -84
  444. package/dist/components/dialog/api.d.ts +0 -66
  445. package/dist/components/dialog/config.d.ts +0 -583
  446. package/dist/components/dialog/features.d.ts +0 -42
  447. package/dist/components/divider/features.d.ts +0 -6
  448. package/dist/components/drawer/api.d.ts +0 -55
  449. package/dist/components/drawer/config.d.ts +0 -620
  450. package/dist/components/drawer/features/headline.d.ts +0 -27
  451. package/dist/components/drawer/features/index.d.ts +0 -3
  452. package/dist/components/drawer/features/items.d.ts +0 -32
  453. package/dist/components/drawer/features/state.d.ts +0 -22
  454. package/dist/components/extended-fab/api.d.ts +0 -96
  455. package/dist/components/extended-fab/config.d.ts +0 -600
  456. package/dist/components/fab/api.d.ts +0 -74
  457. package/dist/components/fab/config.d.ts +0 -596
  458. package/dist/components/fab-menu/config.d.ts +0 -11
  459. package/dist/components/fab-menu/stagger.d.ts +0 -10
  460. package/dist/components/icon-button/api.d.ts +0 -84
  461. package/dist/components/icon-button/config.d.ts +0 -624
  462. package/dist/components/icon-button/features/toggle.d.ts +0 -133
  463. package/dist/components/list/api.d.ts +0 -156
  464. package/dist/components/list/config.d.ts +0 -625
  465. package/dist/components/list/features/anatomy.d.ts +0 -6
  466. package/dist/components/list/features/index.d.ts +0 -2
  467. package/dist/components/list/features/renderer.d.ts +0 -8
  468. package/dist/components/list/features/selection.d.ts +0 -3
  469. package/dist/components/loading-indicator/api.d.ts +0 -14
  470. package/dist/components/loading-indicator/config.d.ts +0 -557
  471. package/dist/components/loading-indicator/features/motion.d.ts +0 -22
  472. package/dist/components/menu/api.d.ts +0 -63
  473. package/dist/components/menu/config.d.ts +0 -576
  474. package/dist/components/menu/features/controller.d.ts +0 -15
  475. package/dist/components/menu/features/index.d.ts +0 -5
  476. package/dist/components/menu/features/keyboard.d.ts +0 -23
  477. package/dist/components/menu/features/layer.d.ts +0 -15
  478. package/dist/components/menu/features/loader.d.ts +0 -35
  479. package/dist/components/menu/features/opener.d.ts +0 -16
  480. package/dist/components/menu/features/position.d.ts +0 -18
  481. package/dist/components/menu/features/registry.d.ts +0 -37
  482. package/dist/components/menu/features/submenu.d.ts +0 -28
  483. package/dist/components/menu/features/tasks.d.ts +0 -9
  484. package/dist/components/navigation-bar/config.d.ts +0 -2
  485. package/dist/components/navigation-rail/config.d.ts +0 -2
  486. package/dist/components/progress/api.d.ts +0 -81
  487. package/dist/components/progress/config.d.ts +0 -620
  488. package/dist/components/progress/features/canvas.d.ts +0 -60
  489. package/dist/components/progress/features/circular.d.ts +0 -19
  490. package/dist/components/progress/features/colors.d.ts +0 -17
  491. package/dist/components/progress/features/index.d.ts +0 -8
  492. package/dist/components/progress/features/linear.d.ts +0 -25
  493. package/dist/components/progress/features/motion.d.ts +0 -43
  494. package/dist/components/progress/features/resize-observer.d.ts +0 -5
  495. package/dist/components/progress/features/state.d.ts +0 -44
  496. package/dist/components/radios/api.d.ts +0 -37
  497. package/dist/components/radios/config.d.ts +0 -568
  498. package/dist/components/radios/radio.d.ts +0 -26
  499. package/dist/components/search/api.d.ts +0 -63
  500. package/dist/components/search/config.d.ts +0 -657
  501. package/dist/components/search/features/index.d.ts +0 -4
  502. package/dist/components/search/features/input.d.ts +0 -93
  503. package/dist/components/search/features/states.d.ts +0 -111
  504. package/dist/components/search/features/structure.d.ts +0 -16
  505. package/dist/components/search/features/suggestions.d.ts +0 -60
  506. package/dist/components/select/api.d.ts +0 -8
  507. package/dist/components/select/config.d.ts +0 -18
  508. package/dist/components/select/features.d.ts +0 -14
  509. package/dist/components/side-sheet/api.d.ts +0 -34
  510. package/dist/components/side-sheet/config.d.ts +0 -547
  511. package/dist/components/side-sheet/features/index.d.ts +0 -2
  512. package/dist/components/side-sheet/features/state.d.ts +0 -28
  513. package/dist/components/side-sheet/features/structure.d.ts +0 -21
  514. package/dist/components/slider/api.d.ts +0 -65
  515. package/dist/components/slider/config.d.ts +0 -605
  516. package/dist/components/slider/features/axis.d.ts +0 -42
  517. package/dist/components/slider/features/controller.d.ts +0 -528
  518. package/dist/components/slider/features/dom.d.ts +0 -22
  519. package/dist/components/slider/features/handlers.d.ts +0 -16
  520. package/dist/components/slider/features/index.d.ts +0 -5
  521. package/dist/components/slider/features/range.d.ts +0 -14
  522. package/dist/components/slider/features/states.d.ts +0 -76
  523. package/dist/components/slider/features/tracks.d.ts +0 -50
  524. package/dist/components/snackbar/api.d.ts +0 -7
  525. package/dist/components/snackbar/config.d.ts +0 -596
  526. package/dist/components/snackbar/features.d.ts +0 -26
  527. package/dist/components/snackbar/layer.d.ts +0 -23
  528. package/dist/components/snackbar/position.d.ts +0 -16
  529. package/dist/components/snackbar/queue.d.ts +0 -15
  530. package/dist/components/split-button/api.d.ts +0 -14
  531. package/dist/components/split-button/config.d.ts +0 -553
  532. package/dist/components/split-button/features/buttons.d.ts +0 -8
  533. package/dist/components/split-button/features/menu.d.ts +0 -10
  534. package/dist/components/switch/api.d.ts +0 -7
  535. package/dist/components/switch/config.d.ts +0 -558
  536. package/dist/components/switch/features.d.ts +0 -63
  537. package/dist/components/tabs/api.d.ts +0 -54
  538. package/dist/components/tabs/config.d.ts +0 -31
  539. package/dist/components/tabs/features.d.ts +0 -131
  540. package/dist/components/tabs/scroll-indicators.d.ts +0 -18
  541. package/dist/components/tabs/state.d.ts +0 -48
  542. package/dist/components/text-field/api.d.ts +0 -29
  543. package/dist/components/text-field/config.d.ts +0 -560
  544. package/dist/components/text-field/features/counter.d.ts +0 -29
  545. package/dist/components/text-field/features/density.d.ts +0 -28
  546. package/dist/components/text-field/features/error.d.ts +0 -55
  547. package/dist/components/text-field/features/field.d.ts +0 -37
  548. package/dist/components/text-field/features/index.d.ts +0 -20
  549. package/dist/components/text-field/features/leading-icon.d.ts +0 -68
  550. package/dist/components/text-field/features/placement.d.ts +0 -30
  551. package/dist/components/text-field/features/prefix-text.d.ts +0 -67
  552. package/dist/components/text-field/features/required.d.ts +0 -33
  553. package/dist/components/text-field/features/suffix-text.d.ts +0 -67
  554. package/dist/components/text-field/features/supporting-text.d.ts +0 -59
  555. package/dist/components/timepicker/api.d.ts +0 -26
  556. package/dist/components/timepicker/config.d.ts +0 -570
  557. package/dist/components/timepicker/dial.d.ts +0 -35
  558. package/dist/components/timepicker/render.d.ts +0 -9
  559. package/dist/components/timepicker/utils.d.ts +0 -55
  560. package/dist/components/toolbar/config.d.ts +0 -19
  561. package/dist/components/tooltip/api.d.ts +0 -18
  562. package/dist/components/tooltip/config.d.ts +0 -563
  563. package/dist/components/top-app-bar/config.d.ts +0 -16
  564. package/dist/core/compose/features/constants.d.ts +0 -8
  565. package/dist/core/dom/direction.d.ts +0 -16
  566. package/dist/core/dom/form-value.d.ts +0 -24
  567. package/dist/core/dom/utils.d.ts +0 -33
  568. package/dist/core/navigation/ripple.d.ts +0 -2
  569. package/dist/core/utils/attributes.d.ts +0 -29
  570. package/dist/core/utils/validate.d.ts +0 -73
  571. package/dist/core/utils/warn.d.ts +0 -16
  572. package/dist/elements/form-button.d.ts +0 -29
  573. package/dist/elements/lifecycle.d.ts +0 -4
  574. package/dist/elements/sheet.d.ts +0 -44
  575. package/dist/react/shadow.d.ts +0 -2
  576. package/dist/solid/shadow.d.ts +0 -3
  577. package/dist/vue/shadow.d.ts +0 -7
package/dist/themes/monochrome.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.6 | MIT */
1
+ /*! material v3.3.0 | MIT */
2
2
  [data-theme=monochrome]{--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: #410002;--mtrl-sys-color-primary: #000000;--mtrl-sys-color-on-primary: #e2e2e2;--mtrl-sys-color-primary-container: #3b3b3b;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #5e5e5e;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d4d4d4;--mtrl-sys-color-on-secondary-container: #1b1b1b;--mtrl-sys-color-tertiary: #3b3b3b;--mtrl-sys-color-on-tertiary: #e2e2e2;--mtrl-sys-color-tertiary-container: #747474;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #5e5e5e;--mtrl-sys-color-primary-fixed-dim: #474747;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #e2e2e2;--mtrl-sys-color-secondary-fixed: #c6c6c6;--mtrl-sys-color-secondary-fixed-dim: #ababab;--mtrl-sys-color-on-secondary-fixed: #1b1b1b;--mtrl-sys-color-on-secondary-fixed-variant: #3b3b3b;--mtrl-sys-color-tertiary-fixed: #5e5e5e;--mtrl-sys-color-tertiary-fixed-dim: #474747;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #e2e2e2;--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: #c6c6c6}[data-theme=monochrome][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: #ffffff;--mtrl-sys-color-on-primary: #1b1b1b;--mtrl-sys-color-primary-container: #d4d4d4;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #c6c6c6;--mtrl-sys-color-on-secondary: #1b1b1b;--mtrl-sys-color-secondary-container: #474747;--mtrl-sys-color-on-secondary-container: #e2e2e2;--mtrl-sys-color-tertiary: #e2e2e2;--mtrl-sys-color-on-tertiary: #1b1b1b;--mtrl-sys-color-tertiary-container: #919191;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-primary-fixed: #5e5e5e;--mtrl-sys-color-primary-fixed-dim: #474747;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #e2e2e2;--mtrl-sys-color-secondary-fixed: #c6c6c6;--mtrl-sys-color-secondary-fixed-dim: #ababab;--mtrl-sys-color-on-secondary-fixed: #1b1b1b;--mtrl-sys-color-on-secondary-fixed-variant: #3b3b3b;--mtrl-sys-color-tertiary-fixed: #5e5e5e;--mtrl-sys-color-tertiary-fixed-dim: #474747;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #e2e2e2;--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: #5e5e5e}@media(prefers-contrast: more){[data-theme=monochrome]: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-on-primary: #ffffff;--mtrl-sys-color-secondary: #2c2c2c;--mtrl-sys-color-secondary-container: #494949;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #2c2c2c;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #494949;--mtrl-sys-color-primary-fixed: #494949;--mtrl-sys-color-primary-fixed-dim: #333333;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #494949;--mtrl-sys-color-secondary-fixed-dim: #333333;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #494949;--mtrl-sys-color-tertiary-fixed-dim: #333333;--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=monochrome]: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-on-primary: #000000;--mtrl-sys-color-secondary: #f0f0f0;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c2c2c2;--mtrl-sys-color-on-secondary-container: #0b0b0b;--mtrl-sys-color-tertiary: #f0f0f0;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #c2c2c2;--mtrl-sys-color-primary-fixed: #dedede;--mtrl-sys-color-primary-fixed-dim: #c2c2c2;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #0b0b0b;--mtrl-sys-color-secondary-fixed: #dedede;--mtrl-sys-color-secondary-fixed-dim: #c2c2c2;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #0b0b0b;--mtrl-sys-color-tertiary-fixed: #dedede;--mtrl-sys-color-tertiary-fixed-dim: #c2c2c2;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #0b0b0b;--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: #484848}}
package/dist/themes/neutral-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.6 | MIT */
1
+ /*! material v3.3.0 | MIT */
2
2
  [data-theme=neutral]: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=neutral]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #4a4654}[data-theme=neutral][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #383442;--mtrl-sys-color-primary-container: #706a7a;--mtrl-sys-color-secondary: #38353d;--mtrl-sys-color-secondary-container: #6f6b75;--mtrl-sys-color-tertiary: #393347;--mtrl-sys-color-tertiary-container: #716a80;--mtrl-sys-color-primary-fixed: #706a7a;--mtrl-sys-color-primary-fixed-dim: #575261;--mtrl-sys-color-secondary-fixed: #6f6b75;--mtrl-sys-color-secondary-fixed-dim: #57535c;--mtrl-sys-color-tertiary-fixed: #716a80;--mtrl-sys-color-tertiary-fixed-dim: #585267;--mtrl-sys-color-surface-dim: #c9c5c7;--mtrl-sys-color-surface-container: #ebe7e9;--mtrl-sys-color-surface-container-high: #e0dcdd;--mtrl-sys-color-surface-container-highest: #d5d0d2;--mtrl-sys-color-on-surface: #121112;--mtrl-sys-color-on-surface-variant: #373637;--mtrl-sys-color-outline: #545253;--mtrl-sys-color-outline-variant: #6f6c6e}[data-theme=neutral][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: #e1d9eb;--mtrl-sys-color-on-primary: #272431;--mtrl-sys-color-primary-container: #948e9f;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e0dae5;--mtrl-sys-color-on-secondary: #27242d;--mtrl-sys-color-secondary-container: #948f99;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #e2d8f2;--mtrl-sys-color-on-tertiary: #282336;--mtrl-sys-color-tertiary-container: #958da4;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #130f1c;--mtrl-sys-color-on-primary-fixed-variant: #383442;--mtrl-sys-color-on-secondary-fixed: #121018;--mtrl-sys-color-on-secondary-fixed-variant: #38353d;--mtrl-sys-color-on-tertiary-fixed: #130e20;--mtrl-sys-color-on-tertiary-fixed-variant: #393347;--mtrl-sys-color-surface-bright: #464446;--mtrl-sys-color-surface-container-lowest: #080708;--mtrl-sys-color-surface-container-low: #1e1d1f;--mtrl-sys-color-surface-container: #292729;--mtrl-sys-color-surface-container-high: #333234;--mtrl-sys-color-surface-container-highest: #3f3d3f;--mtrl-sys-color-on-surface-variant: #dfdbdd;--mtrl-sys-color-outline: #b4b1b3;--mtrl-sys-color-outline-variant: #928f91;--mtrl-sys-color-inverse-on-surface: #2b2a2b}[data-theme=neutral][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #2e2a38;--mtrl-sys-color-primary-container: #4c4755;--mtrl-sys-color-secondary: #2e2b33;--mtrl-sys-color-secondary-container: #4b4851;--mtrl-sys-color-tertiary: #2f293c;--mtrl-sys-color-tertiary-container: #4c465b;--mtrl-sys-color-primary-fixed: #4c4755;--mtrl-sys-color-primary-fixed-dim: #35313e;--mtrl-sys-color-secondary-fixed: #4b4851;--mtrl-sys-color-secondary-fixed-dim: #34313a;--mtrl-sys-color-tertiary-fixed: #4c465b;--mtrl-sys-color-tertiary-fixed-dim: #353043;--mtrl-sys-color-surface-dim: #bbb8b9;--mtrl-sys-color-surface-container-low: #f4eff1;--mtrl-sys-color-surface-container: #e6e1e3;--mtrl-sys-color-surface-container-high: #d7d3d5;--mtrl-sys-color-surface-container-highest: #c9c5c7;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2d2c2d;--mtrl-sys-color-outline-variant: #4a494a;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=neutral][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: #c7bfd1;--mtrl-sys-color-on-primary-container: #0d0915;--mtrl-sys-color-secondary: #f4eef9;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c6c0cb;--mtrl-sys-color-on-secondary-container: #0c0a11;--mtrl-sys-color-tertiary: #f5edff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #c8bfd8;--mtrl-sys-color-on-tertiary-container: #0d081a;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #130f1c;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #121018;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #130e20;--mtrl-sys-color-surface-bright: #514f51;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #201f21;--mtrl-sys-color-surface-container: #313032;--mtrl-sys-color-surface-container-high: #3c3b3c;--mtrl-sys-color-surface-container-highest: #484648;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f3eff1;--mtrl-sys-color-outline-variant: #c5c1c3;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/neutral.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.6 | MIT */
1
+ /*! material v3.3.0 | MIT */
2
2
  [data-theme=neutral]{--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: #615c6b;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #e7dff2;--mtrl-sys-color-on-primary-container: #494453;--mtrl-sys-color-secondary: #615d66;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e7e0eb;--mtrl-sys-color-on-secondary-container: #49454e;--mtrl-sys-color-tertiary: #625b71;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #e8def8;--mtrl-sys-color-on-tertiary-container: #4a4458;--mtrl-sys-color-primary-fixed: #e7dff2;--mtrl-sys-color-primary-fixed-dim: #cbc3d5;--mtrl-sys-color-on-primary-fixed: #1d1a26;--mtrl-sys-color-on-primary-fixed-variant: #494453;--mtrl-sys-color-secondary-fixed: #e7e0eb;--mtrl-sys-color-secondary-fixed-dim: #cac4cf;--mtrl-sys-color-on-secondary-fixed: #1d1a22;--mtrl-sys-color-on-secondary-fixed-variant: #49454e;--mtrl-sys-color-tertiary-fixed: #e8def8;--mtrl-sys-color-tertiary-fixed-dim: #cbc2db;--mtrl-sys-color-on-tertiary-fixed: #1e192b;--mtrl-sys-color-on-tertiary-fixed-variant: #4a4458;--mtrl-sys-color-surface: #fdf8fa;--mtrl-sys-color-surface-dim: #ddd9db;--mtrl-sys-color-surface-bright: #fdf8fa;--mtrl-sys-color-surface-variant: #e6e1e3;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f7f2f4;--mtrl-sys-color-surface-container: #f1edee;--mtrl-sys-color-surface-container-high: #ebe7e9;--mtrl-sys-color-surface-container-highest: #e6e1e3;--mtrl-sys-color-on-surface: #1c1b1d;--mtrl-sys-color-on-surface-variant: #484648;--mtrl-sys-color-outline: #797678;--mtrl-sys-color-outline-variant: #c9c5c7;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #313032;--mtrl-sys-color-inverse-on-surface: #f4eff1;--mtrl-sys-color-inverse-primary: #cbc3d5}[data-theme=neutral][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: #cbc3d5;--mtrl-sys-color-on-primary: #322e3c;--mtrl-sys-color-primary-container: #494453;--mtrl-sys-color-on-primary-container: #e7dff2;--mtrl-sys-color-secondary: #cac4cf;--mtrl-sys-color-on-secondary: #322f38;--mtrl-sys-color-secondary-container: #49454e;--mtrl-sys-color-on-secondary-container: #e7e0eb;--mtrl-sys-color-tertiary: #cbc2db;--mtrl-sys-color-on-tertiary: #332d41;--mtrl-sys-color-tertiary-container: #4a4458;--mtrl-sys-color-on-tertiary-container: #e8def8;--mtrl-sys-color-primary-fixed: #e7dff2;--mtrl-sys-color-primary-fixed-dim: #cbc3d5;--mtrl-sys-color-on-primary-fixed: #1d1a26;--mtrl-sys-color-on-primary-fixed-variant: #494453;--mtrl-sys-color-secondary-fixed: #e7e0eb;--mtrl-sys-color-secondary-fixed-dim: #cac4cf;--mtrl-sys-color-on-secondary-fixed: #1d1a22;--mtrl-sys-color-on-secondary-fixed-variant: #49454e;--mtrl-sys-color-tertiary-fixed: #e8def8;--mtrl-sys-color-tertiary-fixed-dim: #cbc2db;--mtrl-sys-color-on-tertiary-fixed: #1e192b;--mtrl-sys-color-on-tertiary-fixed-variant: #4a4458;--mtrl-sys-color-surface: #141314;--mtrl-sys-color-surface-dim: #141314;--mtrl-sys-color-surface-bright: #3a393a;--mtrl-sys-color-surface-variant: #484648;--mtrl-sys-color-surface-container-lowest: #0f0e0f;--mtrl-sys-color-surface-container-low: #1c1b1d;--mtrl-sys-color-surface-container: #201f21;--mtrl-sys-color-surface-container-high: #2b292b;--mtrl-sys-color-surface-container-highest: #363436;--mtrl-sys-color-on-surface: #e6e1e3;--mtrl-sys-color-on-surface-variant: #c9c5c7;--mtrl-sys-color-outline: #939092;--mtrl-sys-color-outline-variant: #484648;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-inverse-surface: #e6e1e3;--mtrl-sys-color-inverse-on-surface: #313032;--mtrl-sys-color-inverse-primary: #615c6b}@media(prefers-contrast: more){[data-theme=neutral]: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: #2e2a38;--mtrl-sys-color-primary-container: #4c4755;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #2e2b33;--mtrl-sys-color-secondary-container: #4b4851;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #2f293c;--mtrl-sys-color-tertiary-container: #4c465b;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-primary-fixed: #4c4755;--mtrl-sys-color-primary-fixed-dim: #35313e;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-secondary-fixed: #4b4851;--mtrl-sys-color-secondary-fixed-dim: #34313a;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #4c465b;--mtrl-sys-color-tertiary-fixed-dim: #353043;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface-dim: #bbb8b9;--mtrl-sys-color-surface-container-low: #f4eff1;--mtrl-sys-color-surface-container: #e6e1e3;--mtrl-sys-color-surface-container-high: #d7d3d5;--mtrl-sys-color-surface-container-highest: #c9c5c7;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2d2c2d;--mtrl-sys-color-outline-variant: #4a494a;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=neutral]: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: #c7bfd1;--mtrl-sys-color-on-primary-container: #0d0915;--mtrl-sys-color-secondary: #f4eef9;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c6c0cb;--mtrl-sys-color-on-secondary-container: #0c0a11;--mtrl-sys-color-tertiary: #f5edff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #c8bfd8;--mtrl-sys-color-on-tertiary-container: #0d081a;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #130f1c;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #121018;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #130e20;--mtrl-sys-color-surface-bright: #514f51;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #201f21;--mtrl-sys-color-surface-container: #313032;--mtrl-sys-color-surface-container-high: #3c3b3c;--mtrl-sys-color-surface-container-highest: #484648;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f3eff1;--mtrl-sys-color-outline-variant: #c5c1c3;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #4a4654}}
package/dist/themes/ocean-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.6 | MIT */
1
+ /*! material v3.3.0 | MIT */
2
2
  [data-theme=ocean]: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: #f7f9ff;--mtrl-sys-color-surface-bright: #f7f9ff;--mtrl-sys-color-surface-variant: #dde3ea;--mtrl-sys-color-inverse-surface: #2d3135;--mtrl-sys-color-inverse-primary: #95cdf7}[data-theme=ocean]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-primary-fixed: #c9e6ff;--mtrl-sys-color-primary-fixed-dim: #95cdf7;--mtrl-sys-color-surface: #101417;--mtrl-sys-color-surface-dim: #101417;--mtrl-sys-color-surface-variant: #41474d;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-surface: #e0e3e8;--mtrl-sys-color-inverse-primary: #004d70}[data-theme=ocean][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: #263844;--mtrl-sys-color-secondary-container: #5d6f7d;--mtrl-sys-color-tertiary: #393347;--mtrl-sys-color-tertiary-container: #716980;--mtrl-sys-color-primary-fixed: #387299;--mtrl-sys-color-primary-fixed-dim: #185a7f;--mtrl-sys-color-secondary-fixed: #5d6f7d;--mtrl-sys-color-secondary-fixed-dim: #455764;--mtrl-sys-color-tertiary-fixed: #716980;--mtrl-sys-color-tertiary-fixed-dim: #585167;--mtrl-sys-color-surface-dim: #c3c7cc;--mtrl-sys-color-surface-container-low: #f1f4f9;--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: #676e74;--mtrl-sys-color-inverse-on-surface: #eef1f6}[data-theme=ocean][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: #5e97be;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #ccdfee;--mtrl-sys-color-on-secondary: #162833;--mtrl-sys-color-secondary-container: #8193a1;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #e2d8f2;--mtrl-sys-color-on-tertiary: #282336;--mtrl-sys-color-tertiary-container: #958da5;--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: #01131e;--mtrl-sys-color-on-secondary-fixed-variant: #263844;--mtrl-sys-color-on-tertiary-fixed: #130e20;--mtrl-sys-color-on-tertiary-fixed-variant: #393347;--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=ocean][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #002f47;--mtrl-sys-color-primary-container: #004e72;--mtrl-sys-color-secondary: #1c2e3a;--mtrl-sys-color-secondary-container: #3a4b58;--mtrl-sys-color-tertiary: #2f293d;--mtrl-sys-color-tertiary-container: #4c465b;--mtrl-sys-color-primary-fixed: #004e72;--mtrl-sys-color-primary-fixed-dim: #003651;--mtrl-sys-color-secondary-fixed: #3a4b58;--mtrl-sys-color-secondary-fixed-dim: #233541;--mtrl-sys-color-tertiary-fixed: #4c465b;--mtrl-sys-color-tertiary-fixed-dim: #353043;--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: #d1d5d9;--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=ocean][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: #e3f2ff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #b2c5d4;--mtrl-sys-color-on-secondary-container: #000d16;--mtrl-sys-color-tertiary: #f5edff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #c8bed8;--mtrl-sys-color-on-tertiary-container: #0d081a;--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: #01131e;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #130e20;--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/ocean.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.6 | MIT */
1
+ /*! material v3.3.0 | MIT */
2
2
  [data-theme=ocean]{--mtrl-sys-color-primary: #006493;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #cce5ff;--mtrl-sys-color-on-primary-container: #001e30;--mtrl-sys-color-secondary: #4f616e;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d2e5f5;--mtrl-sys-color-on-secondary-container: #0b1d29;--mtrl-sys-color-tertiary: #625b71;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #e9defa;--mtrl-sys-color-on-tertiary-container: #1e192c;--mtrl-sys-color-primary-fixed: #cae6ff;--mtrl-sys-color-primary-fixed-dim: #8dcdff;--mtrl-sys-color-on-primary-fixed: #001e30;--mtrl-sys-color-on-primary-fixed-variant: #004b70;--mtrl-sys-color-secondary-fixed: #d2e5f5;--mtrl-sys-color-secondary-fixed-dim: #b6c9d8;--mtrl-sys-color-on-secondary-fixed: #0a1d29;--mtrl-sys-color-on-secondary-fixed-variant: #374955;--mtrl-sys-color-tertiary-fixed: #e8def9;--mtrl-sys-color-tertiary-fixed-dim: #ccc2dc;--mtrl-sys-color-on-tertiary-fixed: #1e192b;--mtrl-sys-color-on-tertiary-fixed-variant: #4a4358;--mtrl-sys-color-surface: #f8fdff;--mtrl-sys-color-surface-dim: #d8e5ed;--mtrl-sys-color-surface-bright: #f8fdff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f3f8fc;--mtrl-sys-color-surface-container: #edf3f7;--mtrl-sys-color-surface-container-high: #e7edf2;--mtrl-sys-color-surface-container-highest: #e1e7ec;--mtrl-sys-color-on-surface: #191c1e;--mtrl-sys-color-on-surface-variant: #41484d;--mtrl-sys-color-surface-variant: #dde3e9;--mtrl-sys-color-outline: #71787d;--mtrl-sys-color-outline-variant: #c1c8cd;--mtrl-sys-color-inverse-surface: #2b3135;--mtrl-sys-color-inverse-on-surface: #ecf1f6;--mtrl-sys-color-inverse-primary: #8dcdff;--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=ocean][data-theme-mode=dark]{--mtrl-sys-color-primary: #8dcdff;--mtrl-sys-color-on-primary: #003351;--mtrl-sys-color-primary-container: #004b74;--mtrl-sys-color-on-primary-container: #cce5ff;--mtrl-sys-color-secondary: #b6c9d8;--mtrl-sys-color-on-secondary: #21323e;--mtrl-sys-color-secondary-container: #374956;--mtrl-sys-color-on-secondary-container: #d2e5f5;--mtrl-sys-color-tertiary: #ccc2dc;--mtrl-sys-color-on-tertiary: #332d41;--mtrl-sys-color-tertiary-container: #4a4458;--mtrl-sys-color-on-tertiary-container: #e9defa;--mtrl-sys-color-surface: #191c1e;--mtrl-sys-color-surface-dim: #101416;--mtrl-sys-color-surface-bright: #373b3d;--mtrl-sys-color-surface-container-lowest: #0c0e10;--mtrl-sys-color-surface-container-low: #191c1e;--mtrl-sys-color-surface-container: #1d2022;--mtrl-sys-color-surface-container-high: #272a2c;--mtrl-sys-color-surface-container-highest: #323536;--mtrl-sys-color-on-surface: #e1e3e4;--mtrl-sys-color-on-surface-variant: #c1c8cd;--mtrl-sys-color-surface-variant: #41484d;--mtrl-sys-color-outline: #8b9297;--mtrl-sys-color-outline-variant: #41484d;--mtrl-sys-color-inverse-surface: #e1e3e4;--mtrl-sys-color-inverse-on-surface: #2b3135;--mtrl-sys-color-inverse-primary: #006493;--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=ocean]: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: #002f47;--mtrl-sys-color-primary-container: #004e72;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #1c2e3a;--mtrl-sys-color-secondary-container: #3a4b58;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #2f293d;--mtrl-sys-color-tertiary-container: #4c465b;--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: #3a4b58;--mtrl-sys-color-secondary-fixed-dim: #233541;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-tertiary-fixed: #4c465b;--mtrl-sys-color-tertiary-fixed-dim: #353043;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff;--mtrl-sys-color-surface: #f7f9ff;--mtrl-sys-color-surface-dim: #b6b9be;--mtrl-sys-color-surface-bright: #f7f9ff;--mtrl-sys-color-surface-variant: #dde3ea;--mtrl-sys-color-surface-container-low: #eef1f6;--mtrl-sys-color-surface-container: #e0e3e8;--mtrl-sys-color-surface-container-high: #d1d5d9;--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-surface: #2d3135;--mtrl-sys-color-inverse-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #95cdf7}[data-theme=ocean]: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: #e3f2ff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #b2c5d4;--mtrl-sys-color-on-secondary-container: #000d16;--mtrl-sys-color-tertiary: #f5edff;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #c8bed8;--mtrl-sys-color-on-tertiary-container: #0d081a;--mtrl-sys-color-primary-fixed: #c9e6ff;--mtrl-sys-color-primary-fixed-dim: #95cdf7;--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: #01131e;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #130e20;--mtrl-sys-color-surface: #101417;--mtrl-sys-color-surface-dim: #101417;--mtrl-sys-color-surface-bright: #4c5055;--mtrl-sys-color-surface-variant: #41474d;--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-surface: #e0e3e8;--mtrl-sys-color-inverse-on-surface: #000000;--mtrl-sys-color-inverse-primary: #004d70}}
package/dist/themes/rainbow-contrast.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.6 | MIT */
1
+ /*! material v3.3.0 | MIT */
2
2
  [data-theme=rainbow]:is([data-theme-contrast=medium],[data-theme-contrast=high]):not([data-theme-mode=dark]){--mtrl-sys-color-on-error-container: #ffffff;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-on-tertiary-container: #ffffff;--mtrl-sys-color-on-primary-fixed: #ffffff;--mtrl-sys-color-on-primary-fixed-variant: #ffffff;--mtrl-sys-color-on-secondary-fixed: #ffffff;--mtrl-sys-color-on-secondary-fixed-variant: #ffffff;--mtrl-sys-color-on-tertiary-fixed: #ffffff;--mtrl-sys-color-on-tertiary-fixed-variant: #ffffff}[data-theme=rainbow]:is([data-theme-contrast=medium],[data-theme-contrast=high])[data-theme-mode=dark]{--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-inverse-primary: #50388c}[data-theme=rainbow][data-theme-contrast=medium]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #740006;--mtrl-sys-color-error-container: #cf2c27;--mtrl-sys-color-primary: #3e2578;--mtrl-sys-color-primary-container: #765fb4;--mtrl-sys-color-secondary: #393347;--mtrl-sys-color-secondary-container: #716a80;--mtrl-sys-color-tertiary: #502b38;--mtrl-sys-color-tertiary-container: #8e606f;--mtrl-sys-color-primary-fixed: #765fb4;--mtrl-sys-color-primary-fixed-dim: #5d469a;--mtrl-sys-color-secondary-fixed: #716a80;--mtrl-sys-color-secondary-fixed-dim: #585267;--mtrl-sys-color-tertiary-fixed: #8e606f;--mtrl-sys-color-tertiary-fixed-dim: #734856;--mtrl-sys-color-surface-dim: #c6c6c6;--mtrl-sys-color-surface-container: #e8e8e8;--mtrl-sys-color-surface-container-high: #dddddd;--mtrl-sys-color-surface-container-highest: #d1d1d1;--mtrl-sys-color-on-surface: #111111;--mtrl-sys-color-on-surface-variant: #363636;--mtrl-sys-color-outline: #525252;--mtrl-sys-color-outline-variant: #6d6d6d}[data-theme=rainbow][data-theme-contrast=medium][data-theme-mode=dark]{--mtrl-sys-color-error: #ffd2cc;--mtrl-sys-color-on-error: #540003;--mtrl-sys-color-error-container: #ff5449;--mtrl-sys-color-on-error-container: #000000;--mtrl-sys-color-primary: #e3d6ff;--mtrl-sys-color-on-primary: #2d1067;--mtrl-sys-color-primary-container: #9a83db;--mtrl-sys-color-on-primary-container: #000000;--mtrl-sys-color-secondary: #e2d8f2;--mtrl-sys-color-on-secondary: #282336;--mtrl-sys-color-secondary-container: #958da4;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #ffd0dd;--mtrl-sys-color-on-tertiary: #3d1a27;--mtrl-sys-color-tertiary-container: #b58392;--mtrl-sys-color-on-tertiary-container: #000000;--mtrl-sys-color-on-primary-fixed: #160042;--mtrl-sys-color-on-primary-fixed-variant: #3e2578;--mtrl-sys-color-on-secondary-fixed: #130e20;--mtrl-sys-color-on-secondary-fixed-variant: #393347;--mtrl-sys-color-on-tertiary-fixed: #240613;--mtrl-sys-color-on-tertiary-fixed-variant: #502b38;--mtrl-sys-color-surface-bright: #444444;--mtrl-sys-color-surface-container-lowest: #070707;--mtrl-sys-color-surface-container-low: #1d1d1d;--mtrl-sys-color-surface-container: #282828;--mtrl-sys-color-surface-container-high: #323232;--mtrl-sys-color-surface-container-highest: #3e3e3e;--mtrl-sys-color-on-surface-variant: #dcdcdc;--mtrl-sys-color-outline: #b2b2b2;--mtrl-sys-color-outline-variant: #909090;--mtrl-sys-color-inverse-on-surface: #2a2a2a}[data-theme=rainbow][data-theme-contrast=high]:not([data-theme-mode=dark]){--mtrl-sys-color-error: #600004;--mtrl-sys-color-error-container: #98000a;--mtrl-sys-color-primary: #33196e;--mtrl-sys-color-primary-container: #513a8d;--mtrl-sys-color-secondary: #2f293c;--mtrl-sys-color-secondary-container: #4c465b;--mtrl-sys-color-tertiary: #45212e;--mtrl-sys-color-tertiary-container: #663d4b;--mtrl-sys-color-primary-fixed: #513a8d;--mtrl-sys-color-primary-fixed-dim: #3a2175;--mtrl-sys-color-secondary-fixed: #4c465b;--mtrl-sys-color-secondary-fixed-dim: #353043;--mtrl-sys-color-tertiary-fixed: #663d4b;--mtrl-sys-color-tertiary-fixed-dim: #4c2734;--mtrl-sys-color-surface-dim: #b9b9b9;--mtrl-sys-color-surface-container-low: #f1f1f1;--mtrl-sys-color-surface-container: #e2e2e2;--mtrl-sys-color-surface-container-high: #d4d4d4;--mtrl-sys-color-surface-container-highest: #c6c6c6;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #000000;--mtrl-sys-color-outline: #2c2c2c;--mtrl-sys-color-outline-variant: #494949;--mtrl-sys-color-inverse-on-surface: #ffffff}[data-theme=rainbow][data-theme-contrast=high][data-theme-mode=dark]{--mtrl-sys-color-error: #ffece9;--mtrl-sys-color-on-error: #000000;--mtrl-sys-color-error-container: #ffaea4;--mtrl-sys-color-on-error-container: #220001;--mtrl-sys-color-primary: #f5edff;--mtrl-sys-color-on-primary: #000000;--mtrl-sys-color-primary-container: #ccb8ff;--mtrl-sys-color-on-primary-container: #0f0033;--mtrl-sys-color-secondary: #f5edff;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #c8bfd8;--mtrl-sys-color-on-secondary-container: #0d081a;--mtrl-sys-color-tertiary: #ffebef;--mtrl-sys-color-on-tertiary: #000000;--mtrl-sys-color-tertiary-container: #ebb4c4;--mtrl-sys-color-on-tertiary-container: #1d020d;--mtrl-sys-color-on-primary-fixed: #000000;--mtrl-sys-color-on-primary-fixed-variant: #160042;--mtrl-sys-color-on-secondary-fixed: #000000;--mtrl-sys-color-on-secondary-fixed-variant: #130e20;--mtrl-sys-color-on-tertiary-fixed: #000000;--mtrl-sys-color-on-tertiary-fixed-variant: #240613;--mtrl-sys-color-surface-bright: #505050;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #1f1f1f;--mtrl-sys-color-surface-container: #303030;--mtrl-sys-color-surface-container-high: #3b3b3b;--mtrl-sys-color-surface-container-highest: #474747;--mtrl-sys-color-on-surface-variant: #ffffff;--mtrl-sys-color-outline: #f0f0f0;--mtrl-sys-color-outline-variant: #c2c2c2;--mtrl-sys-color-inverse-on-surface: #000000}
package/dist/themes/rainbow.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! material v3.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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.2.6 | MIT */
1
+ /*! material v3.3.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/dist/vue/create.d.ts CHANGED
@@ -1,39 +1,16 @@
1
- /**
2
- * Vue components over the elements.
3
- *
4
- * `createComponent` renders the element's tag. Attributes are props, rendered
5
- * as attributes so server markup carries them; live-state properties
6
- * (`checked`, `value`) are props the component writes to the element, with
7
- * `update:<name>` events so `v-model:checked` works, and the spec's model
8
- * property doubles as `modelValue` so plain `v-model` works; the attribute a
9
- * live property shadows is its `default*` prop. Element events are Vue events
10
- * of the same name. The element registers on mount, never at import.
11
- *
12
- * When `material/ssr/vue` is loaded, a server render emits the declarative shadow
13
- * template and the light DOM from a single pass over the slots, including an
14
- * `async setup()` child under Suspense. The client renders the slots and not
15
- * the template: the HTML parser has already moved that template into the
16
- * shadow root. Without the import the markup is unchanged.
17
- *
18
- * @module vue
19
- */
20
1
  import { type DefineSetupFnComponent, type FunctionalComponent, type SlotsType, type HTMLAttributes, type VNodeChild } from "vue";
21
2
  import type { DefineOptions, ElementEvents, ElementProperties, ElementProps, ElementSlots } from "../elements/index.js";
22
3
  import { type ComponentSpec, type DeclarationSpec, type DefaultProps, type FormProps, type ModelOf, type RetiredEvents } from "../elements/adapter.js";
23
4
  export { configure } from "../elements/adapter.js";
24
- /** `modelValue` for the spec's model property, so plain `v-model` binds it. */
25
- export type ModelProps<S> = [ModelOf<S>] extends [never] ? Record<never, never> : {
5
+ export type ModelProps<S> = [
6
+ ModelOf<S>
7
+ ] extends [
8
+ never
9
+ ] ? Record<never, never> : {
26
10
  modelValue?: ElementProperties<S>[ModelOf<S>];
27
11
  };
28
12
  type OwnProps<S> = ElementProps<S> & DefaultProps<S> & FormProps<S> & ModelProps<S>;
29
13
  type EnterKeyHint = "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
30
- /**
31
- * Globals Vue's `HTMLAttributes` omits. `popover` is absent through 3.5.
32
- * `enterkeyhint` and `enterKeyHint` arrive on that interface in 3.5 (3.4 types
33
- * the camelCase name on input only). `nonce` is typed on script, style and link.
34
- * `inputmode` and `itemprop` are the Vue names (`inputMode` and `itemProp` are not).
35
- * A release that already declares a key keeps its own type.
36
- */
37
14
  type VueHostGaps = {
38
15
  popover?: "" | "auto" | "manual" | "hint";
39
16
  enterkeyhint?: EnterKeyHint;
@@ -43,56 +20,36 @@ type VueHostGaps = {
43
20
  type Missing<Base, Extra> = {
44
21
  [K in Exclude<keyof Extra, keyof Base>]?: K extends keyof Extra ? Extra[K] : never;
45
22
  };
46
- /** `HTMLAttributes` for the host, plus globals a supported Vue release omits. */
47
23
  type VueHostAttributes = HTMLAttributes & Missing<HTMLAttributes, VueHostGaps>;
48
- /**
49
- * `on…` names Vue builds from this component's emits (`change` → `onChange`).
50
- * Vue intersects those with the declared props, so a host handler of the same
51
- * name would meet the component's and the parameter would become
52
- * `Event | CustomEvent`. Dropping them leaves the emit's handler.
53
- * `onUpdate:*` is the `v-model` family. Vue's attributes do not declare it;
54
- * omitting it keeps a later collision from intersecting the binding callback.
55
- */
56
- type EventKeys<S> = `on${Capitalize<keyof ElementEvents<S> & string>}` | `onUpdate:${keyof ElementProperties<S> & string}` | ([ModelOf<S>] extends [never] ? never : "onUpdate:modelValue");
57
- /** Props of a generated component: the element's own, plus any HTML attribute for the host. */
24
+ type EventKeys<S> = `on${Capitalize<keyof ElementEvents<S> & string>}` | `onUpdate:${keyof ElementProperties<S> & string}` | ([
25
+ ModelOf<S>
26
+ ] extends [
27
+ never
28
+ ] ? never : "onUpdate:modelValue");
58
29
  export type VueProps<S> = OwnProps<S> & Omit<VueHostAttributes, keyof OwnProps<S> | EventKeys<S> | RetiredProps<S>> & {
59
30
  [K in RetiredProps<S>]?: `${K} was removed in material 3.0.0: use onChange`;
60
31
  };
61
- /** The handler props of events material 3.0.0 removed (`onToggle` on the icon button): refused, see `RetiredEvents`. */
62
32
  type RetiredProps<S> = `on${Capitalize<RetiredEvents<S>>}`;
63
- /** Its events: the element's, and `update:*` for two-way binding. */
64
33
  export type VueEmits<S> = {
65
34
  [K in keyof ElementEvents<S> & string]: (event: ElementEvents<S>[K]) => true;
66
35
  } & {
67
36
  [K in keyof ElementProperties<S> & string as `update:${K}`]: (value: NonNullable<ElementProperties<S>[K]>) => true;
68
- } & ([ModelOf<S>] extends [never] ? Record<never, never> : {
37
+ } & ([
38
+ ModelOf<S>
39
+ ] extends [
40
+ never
41
+ ] ? Record<never, never> : {
69
42
  "update:modelValue": (value: NonNullable<ElementProperties<S>[ModelOf<S>]>) => true;
70
43
  });
71
- /**
72
- * What a generated component's template ref exposes besides Vue's instance:
73
- * `ref<InstanceType<typeof MSwitch> & Exposed<SwitchElement>>()`.
74
- */
75
44
  export interface Exposed<E extends HTMLElement> {
76
45
  readonly element: E | null;
77
46
  }
78
- /**
79
- * A generated component; named so declarations stay short. `_E` is the
80
- * element its template ref exposes as `element` (see `Exposed`).
81
- */
82
47
  export type MComponent<S, _E extends HTMLElement> = DefineSetupFnComponent<VueProps<S>, VueEmits<S>, VueSlots<S>>;
83
- /** Its slots: the default one, and each named slot the element reads (`<template #actions>`). */
84
48
  export type VueSlots<S> = SlotsType<{
85
49
  default?: () => VNodeChild;
86
50
  } & {
87
51
  [K in ElementSlots<S>]?: () => VNodeChild;
88
52
  }>;
89
- /** A generated declaration component: its attributes, plus any HTML attribute for the host. */
90
53
  export type MDeclaration<A> = FunctionalComponent<A & Omit<VueHostAttributes, keyof A>>;
91
- /**
92
- * The Vue component for an element.
93
- * @param spec - The element's spec (`switchElement.spec`)
94
- * @param define - Registers the element and anything it needs (`defineSwitch`)
95
- */
96
54
  export declare const createComponent: <S, E extends HTMLElement>(spec: ComponentSpec, define: (options?: DefineOptions) => string, name: string) => MComponent<S, E>;
97
- /** The Vue component for a declaration child; its parent registers the tag. */
98
55
  export declare const createDeclaration: <A>(spec: DeclarationSpec, name: string) => MDeclaration<A>;
package/dist/vue/index.d.ts CHANGED
@@ -1,9 +1,3 @@
1
- /**
2
- * Vue components for the elements. Each renders its `<m-*>` tag, registers
3
- * it on mount and loads its CSS. `v-model` binds the element's live state.
4
- *
5
- * @module vue
6
- */
7
1
  export { configure } from "./create.js";
8
2
  export type { VueProps, VueEmits, VueSlots, ModelProps, Exposed, MComponent, MDeclaration } from "./create.js";
9
3
  export { MButton } from "./button.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "material",
3
- "version": "3.2.6",
3
+ "version": "3.3.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",
package/src/styles/abstract/_floating-placement.scss ADDED
@@ -0,0 +1,12 @@
1
+ // The viewport corners reserved by FAB and extended FAB before upgrade.
2
+ @mixin corners {
3
+ @each $block in top, bottom {
4
+ @each $inline in start, end {
5
+ &[placement='#{$block}-#{$inline}'] {
6
+ position: fixed;
7
+ #{$block}: 16px;
8
+ inset-inline-#{$inline}: 16px;
9
+ }
10
+ }
11
+ }
12
+ }
package/src/styles/components/_extended-fab.scss CHANGED
@@ -225,34 +225,60 @@ $sizes: (
225
225
  }
226
226
  }
227
227
 
228
- // Positioning utilities
229
- &--top-right {
228
+ // Positioning utilities. A logical corner shares the rule of the physical
229
+ // corner it matches left-to-right; the direction arms below flip it.
230
+ &--top-right,
231
+ &--top-end {
230
232
  position: fixed;
231
233
  top: 16px;
232
234
  right: 16px;
233
235
  z-index: v.z-index('dropdown');
234
236
  }
235
-
236
- &--top-left {
237
+
238
+ &--top-left,
239
+ &--top-start {
237
240
  position: fixed;
238
241
  top: 16px;
239
242
  left: 16px;
240
243
  z-index: v.z-index('dropdown');
241
244
  }
242
-
243
- &--bottom-right {
245
+
246
+ &--bottom-right,
247
+ &--bottom-end {
244
248
  position: fixed;
245
249
  bottom: 16px;
246
250
  right: 16px;
247
251
  z-index: v.z-index('dropdown');
248
252
  }
249
-
250
- &--bottom-left {
253
+
254
+ &--bottom-left,
255
+ &--bottom-start {
251
256
  position: fixed;
252
257
  bottom: 16px;
253
258
  left: 16px;
254
259
  z-index: v.z-index('dropdown');
255
260
  }
261
+
262
+ // A logical corner follows the inline direction; the physical aliases stay
263
+ // put. Bundlers lower inset-inline-start into :lang() arms that miss
264
+ // dir="rtl" (src/styles/components/_text-field.scss), about 1.5 kB of the
265
+ // built full sheet per declaration, so the flip is written as direction
266
+ // arms instead.
267
+ &--top-start,
268
+ &--bottom-start {
269
+ @include m.rtl(true) {
270
+ left: auto;
271
+ right: 16px;
272
+ }
273
+ }
274
+
275
+ &--top-end,
276
+ &--bottom-end {
277
+ @include m.rtl(true) {
278
+ right: auto;
279
+ left: 16px;
280
+ }
281
+ }
256
282
 
257
283
  // Animation effects
258
284
  @keyframes extended-fab-enter {