mtrl 0.8.0-next.9 → 0.9.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 (905) hide show
  1. package/README.md +112 -283
  2. package/dist/README.md +112 -283
  3. package/dist/components/badge/api.d.ts +1 -1
  4. package/dist/components/badge/api.js +162 -0
  5. package/dist/components/badge/badge.d.ts +1 -1
  6. package/dist/components/badge/badge.js +18 -0
  7. package/dist/components/badge/config.d.ts +3 -3
  8. package/dist/components/badge/config.js +63 -0
  9. package/dist/components/badge/constants.js +20 -0
  10. package/dist/components/badge/features.d.ts +1 -1
  11. package/dist/components/badge/features.js +95 -0
  12. package/dist/components/badge/index.d.ts +2 -2
  13. package/dist/components/badge/index.js +1 -0
  14. package/dist/components/badge/types.js +1 -0
  15. package/dist/components/bottom-app-bar/bottom-app-bar.d.ts +1 -1
  16. package/dist/components/bottom-app-bar/bottom-app-bar.js +91 -0
  17. package/dist/components/bottom-app-bar/config.d.ts +1 -1
  18. package/dist/components/bottom-app-bar/config.js +10 -0
  19. package/dist/components/bottom-app-bar/constants.js +13 -0
  20. package/dist/components/bottom-app-bar/index.d.ts +2 -2
  21. package/dist/components/bottom-app-bar/index.js +3 -0
  22. package/dist/components/bottom-app-bar/types.d.ts +1 -1
  23. package/dist/components/bottom-app-bar/types.js +1 -0
  24. package/dist/components/bottom-sheet/api.d.ts +43 -0
  25. package/dist/components/bottom-sheet/api.js +56 -0
  26. package/dist/components/bottom-sheet/bottom-sheet.d.ts +24 -0
  27. package/dist/components/bottom-sheet/bottom-sheet.js +18 -0
  28. package/dist/components/bottom-sheet/config.d.ts +34 -0
  29. package/dist/components/bottom-sheet/config.js +19 -0
  30. package/dist/components/bottom-sheet/constants.d.ts +65 -0
  31. package/dist/components/bottom-sheet/constants.js +35 -0
  32. package/dist/components/bottom-sheet/features/drag.d.ts +32 -0
  33. package/dist/components/bottom-sheet/features/drag.js +71 -0
  34. package/dist/components/bottom-sheet/features/index.d.ts +3 -0
  35. package/dist/components/bottom-sheet/features/index.js +3 -0
  36. package/dist/components/bottom-sheet/features/state.d.ts +31 -0
  37. package/dist/components/bottom-sheet/features/state.js +82 -0
  38. package/dist/components/bottom-sheet/features/structure.d.ts +26 -0
  39. package/dist/components/bottom-sheet/features/structure.js +88 -0
  40. package/dist/components/bottom-sheet/index.d.ts +2 -0
  41. package/dist/components/bottom-sheet/index.js +1 -0
  42. package/dist/components/bottom-sheet/types.d.ts +116 -0
  43. package/dist/components/bottom-sheet/types.js +1 -0
  44. package/dist/components/button/api.d.ts +5 -5
  45. package/dist/components/button/api.js +265 -0
  46. package/dist/components/button/button.d.ts +2 -2
  47. package/dist/components/button/button.js +25 -0
  48. package/dist/components/button/config.d.ts +3 -3
  49. package/dist/components/button/config.js +51 -0
  50. package/dist/components/button/constants.js +35 -0
  51. package/dist/components/button/features/progress.d.ts +18 -6
  52. package/dist/components/button/features/progress.js +163 -0
  53. package/dist/components/button/features/toggle.d.ts +1 -1
  54. package/dist/components/button/features/toggle.js +33 -0
  55. package/dist/components/button/index.d.ts +3 -3
  56. package/dist/components/button/index.js +1 -0
  57. package/dist/components/button/types.d.ts +3 -3
  58. package/dist/components/button/types.js +1 -0
  59. package/dist/components/button-group/button-group.d.ts +1 -1
  60. package/dist/components/button-group/button-group.js +358 -0
  61. package/dist/components/button-group/config.d.ts +30 -10
  62. package/dist/components/button-group/config.js +123 -0
  63. package/dist/components/button-group/constants.d.ts +8 -0
  64. package/dist/components/button-group/constants.js +94 -0
  65. package/dist/components/button-group/index.d.ts +4 -4
  66. package/dist/components/button-group/index.js +3 -0
  67. package/dist/components/button-group/types.d.ts +1 -1
  68. package/dist/components/button-group/types.js +1 -0
  69. package/dist/components/card/api.d.ts +11 -2
  70. package/dist/components/card/api.js +79 -0
  71. package/dist/components/card/card.d.ts +1 -1
  72. package/dist/components/card/card.js +20 -0
  73. package/dist/components/card/config.d.ts +15 -9
  74. package/dist/components/card/config.js +161 -0
  75. package/dist/components/card/constants.js +55 -0
  76. package/dist/components/card/content.d.ts +1 -1
  77. package/dist/components/card/content.js +195 -0
  78. package/dist/components/card/features.d.ts +3 -2
  79. package/dist/components/card/features.js +225 -0
  80. package/dist/components/card/index.d.ts +5 -5
  81. package/dist/components/card/index.js +4 -0
  82. package/dist/components/card/types.d.ts +5 -4
  83. package/dist/components/card/types.js +1 -0
  84. package/dist/components/carousel/api.d.ts +1 -1
  85. package/dist/components/carousel/api.js +46 -0
  86. package/dist/components/carousel/arrangement.js +61 -0
  87. package/dist/components/carousel/carousel.d.ts +1 -1
  88. package/dist/components/carousel/carousel.js +11 -0
  89. package/dist/components/carousel/config.d.ts +3 -3
  90. package/dist/components/carousel/config.js +40 -0
  91. package/dist/components/carousel/constants.js +23 -0
  92. package/dist/components/carousel/features/index.d.ts +2 -2
  93. package/dist/components/carousel/features/index.js +2 -0
  94. package/dist/components/carousel/features/scroll.d.ts +2 -2
  95. package/dist/components/carousel/features/scroll.js +345 -0
  96. package/dist/components/carousel/features/slides.d.ts +1 -1
  97. package/dist/components/carousel/features/slides.js +127 -0
  98. package/dist/components/carousel/index.d.ts +3 -3
  99. package/dist/components/carousel/index.js +2 -0
  100. package/dist/components/carousel/keylines.js +292 -0
  101. package/dist/components/carousel/strategy.d.ts +1 -1
  102. package/dist/components/carousel/strategy.js +207 -0
  103. package/dist/components/carousel/types.js +1 -0
  104. package/dist/components/checkbox/api.d.ts +1 -1
  105. package/dist/components/checkbox/api.js +82 -0
  106. package/dist/components/checkbox/checkbox.d.ts +1 -1
  107. package/dist/components/checkbox/checkbox.js +29 -0
  108. package/dist/components/checkbox/config.d.ts +3 -3
  109. package/dist/components/checkbox/config.js +44 -0
  110. package/dist/components/checkbox/constants.js +20 -0
  111. package/dist/components/checkbox/index.d.ts +3 -3
  112. package/dist/components/checkbox/index.js +2 -0
  113. package/dist/components/checkbox/types.d.ts +15 -16
  114. package/dist/components/checkbox/types.js +1 -0
  115. package/dist/components/chips/api.d.ts +6 -6
  116. package/dist/components/chips/api.js +153 -0
  117. package/dist/components/chips/chip/api.d.ts +3 -3
  118. package/dist/components/chips/chip/api.js +186 -0
  119. package/dist/components/chips/chip/chip.d.ts +1 -1
  120. package/dist/components/chips/chip/chip.js +78 -0
  121. package/dist/components/chips/chip/config.d.ts +7 -8
  122. package/dist/components/chips/chip/config.js +53 -0
  123. package/dist/components/chips/chip/constants.js +18 -0
  124. package/dist/components/chips/chip/index.d.ts +2 -2
  125. package/dist/components/chips/chip/index.js +2 -0
  126. package/dist/components/chips/chip/types.d.ts +1 -1
  127. package/dist/components/chips/chip/types.js +1 -0
  128. package/dist/components/chips/chips.d.ts +1 -1
  129. package/dist/components/chips/chips.js +32 -0
  130. package/dist/components/chips/config.d.ts +3 -3
  131. package/dist/components/chips/config.js +82 -0
  132. package/dist/components/chips/constants.js +20 -0
  133. package/dist/components/chips/features/chip-items.d.ts +1 -1
  134. package/dist/components/chips/features/chip-items.js +17 -0
  135. package/dist/components/chips/features/container.d.ts +1 -1
  136. package/dist/components/chips/features/container.js +41 -0
  137. package/dist/components/chips/features/controller.d.ts +1 -1
  138. package/dist/components/chips/features/controller.js +309 -0
  139. package/dist/components/chips/features/dom.d.ts +2 -2
  140. package/dist/components/chips/features/dom.js +26 -0
  141. package/dist/components/chips/features/index.d.ts +5 -5
  142. package/dist/components/chips/features/index.js +5 -0
  143. package/dist/components/chips/features/label.d.ts +1 -1
  144. package/dist/components/chips/features/label.js +63 -0
  145. package/dist/components/chips/index.d.ts +3 -3
  146. package/dist/components/chips/index.js +2 -0
  147. package/dist/components/chips/schema.d.ts +1 -1
  148. package/dist/components/chips/schema.js +46 -0
  149. package/dist/components/chips/types.d.ts +12 -1
  150. package/dist/components/chips/types.js +11 -0
  151. package/dist/components/datepicker/api.d.ts +5 -2
  152. package/dist/components/datepicker/api.js +180 -0
  153. package/dist/components/datepicker/config.d.ts +17 -14
  154. package/dist/components/datepicker/config.js +89 -0
  155. package/dist/components/datepicker/constants.js +50 -0
  156. package/dist/components/datepicker/datepicker.d.ts +1 -1
  157. package/dist/components/datepicker/datepicker.js +244 -0
  158. package/dist/components/datepicker/index.d.ts +3 -3
  159. package/dist/components/datepicker/index.js +2 -0
  160. package/dist/components/datepicker/render.d.ts +14 -6
  161. package/dist/components/datepicker/render.js +290 -0
  162. package/dist/components/datepicker/types.d.ts +51 -3
  163. package/dist/components/datepicker/types.js +18 -0
  164. package/dist/components/datepicker/utils.d.ts +1 -1
  165. package/dist/components/datepicker/utils.js +156 -0
  166. package/dist/components/dialog/api.d.ts +2 -2
  167. package/dist/components/dialog/api.js +106 -0
  168. package/dist/components/dialog/config.d.ts +5 -10
  169. package/dist/components/dialog/config.js +84 -0
  170. package/dist/components/dialog/constants.js +51 -0
  171. package/dist/components/dialog/dialog.d.ts +1 -1
  172. package/dist/components/dialog/dialog.js +25 -0
  173. package/dist/components/dialog/features.d.ts +1 -6
  174. package/dist/components/dialog/features.js +619 -0
  175. package/dist/components/dialog/index.d.ts +2 -2
  176. package/dist/components/dialog/index.js +1 -0
  177. package/dist/components/dialog/types.d.ts +15 -4
  178. package/dist/components/dialog/types.js +1 -0
  179. package/dist/components/divider/config.js +9 -0
  180. package/dist/components/divider/constants.js +18 -0
  181. package/dist/components/divider/divider.d.ts +3 -3
  182. package/dist/components/divider/divider.js +11 -0
  183. package/dist/components/divider/features.d.ts +3 -3
  184. package/dist/components/divider/features.js +143 -0
  185. package/dist/components/divider/index.d.ts +3 -3
  186. package/dist/components/divider/index.js +2 -0
  187. package/dist/components/divider/types.d.ts +1 -1
  188. package/dist/components/divider/types.js +1 -0
  189. package/dist/components/drawer/api.d.ts +4 -4
  190. package/dist/components/drawer/api.js +73 -0
  191. package/dist/components/drawer/config.d.ts +5 -4
  192. package/dist/components/drawer/config.js +66 -0
  193. package/dist/components/drawer/constants.d.ts +2 -0
  194. package/dist/components/drawer/constants.js +46 -0
  195. package/dist/components/drawer/drawer.d.ts +2 -2
  196. package/dist/components/drawer/drawer.js +42 -0
  197. package/dist/components/drawer/features/headline.d.ts +13 -3
  198. package/dist/components/drawer/features/headline.js +36 -0
  199. package/dist/components/drawer/features/index.d.ts +3 -3
  200. package/dist/components/drawer/features/index.js +3 -0
  201. package/dist/components/drawer/features/items.d.ts +17 -3
  202. package/dist/components/drawer/features/items.js +215 -0
  203. package/dist/components/drawer/features/state.d.ts +14 -10
  204. package/dist/components/drawer/features/state.js +170 -0
  205. package/dist/components/drawer/index.d.ts +2 -2
  206. package/dist/components/drawer/index.js +1 -0
  207. package/dist/components/drawer/types.d.ts +8 -2
  208. package/dist/components/drawer/types.js +1 -0
  209. package/dist/components/extended-fab/api.d.ts +13 -5
  210. package/dist/components/extended-fab/api.js +89 -0
  211. package/dist/components/extended-fab/config.d.ts +10 -10
  212. package/dist/components/extended-fab/config.js +73 -0
  213. package/dist/components/extended-fab/constants.d.ts +16 -4
  214. package/dist/components/extended-fab/constants.js +47 -0
  215. package/dist/components/extended-fab/extended-fab.d.ts +1 -1
  216. package/dist/components/extended-fab/extended-fab.js +59 -0
  217. package/dist/components/extended-fab/index.d.ts +2 -2
  218. package/dist/components/extended-fab/index.js +1 -0
  219. package/dist/components/extended-fab/types.d.ts +17 -8
  220. package/dist/components/extended-fab/types.js +1 -0
  221. package/dist/components/fab/api.d.ts +10 -3
  222. package/dist/components/fab/api.js +64 -0
  223. package/dist/components/fab/config.d.ts +8 -8
  224. package/dist/components/fab/config.js +53 -0
  225. package/dist/components/fab/constants.d.ts +18 -7
  226. package/dist/components/fab/constants.js +43 -0
  227. package/dist/components/fab/fab.d.ts +1 -1
  228. package/dist/components/fab/fab.js +17 -0
  229. package/dist/components/fab/index.d.ts +3 -3
  230. package/dist/components/fab/index.js +1 -0
  231. package/dist/components/fab/types.d.ts +12 -10
  232. package/dist/components/fab/types.js +1 -0
  233. package/dist/components/icon-button/api.d.ts +1 -1
  234. package/dist/components/icon-button/api.js +204 -0
  235. package/dist/components/icon-button/config.d.ts +3 -3
  236. package/dist/components/icon-button/config.js +91 -0
  237. package/dist/components/icon-button/constants.d.ts +21 -21
  238. package/dist/components/icon-button/constants.js +67 -0
  239. package/dist/components/icon-button/features/toggle.d.ts +2 -6
  240. package/dist/components/icon-button/features/toggle.js +122 -0
  241. package/dist/components/icon-button/icon-button.d.ts +1 -1
  242. package/dist/components/icon-button/icon-button.js +24 -0
  243. package/dist/components/icon-button/index.d.ts +4 -4
  244. package/dist/components/icon-button/index.js +2 -0
  245. package/dist/components/icon-button/types.d.ts +8 -2
  246. package/dist/components/icon-button/types.js +1 -0
  247. package/dist/components/index.d.ts +83 -69
  248. package/dist/components/index.js +41 -0
  249. package/dist/components/list/api.d.ts +18 -18
  250. package/dist/components/list/api.js +53 -0
  251. package/dist/components/list/config.d.ts +7 -4
  252. package/dist/components/list/config.js +79 -0
  253. package/dist/components/list/constants.js +35 -0
  254. package/dist/components/list/features/index.d.ts +2 -2
  255. package/dist/components/list/features/index.js +2 -0
  256. package/dist/components/list/features/renderer.js +120 -0
  257. package/dist/components/list/features/selection.js +160 -0
  258. package/dist/components/list/index.d.ts +3 -3
  259. package/dist/components/list/index.js +2 -0
  260. package/dist/components/list/list.d.ts +20 -1
  261. package/dist/components/list/list.js +19 -0
  262. package/dist/components/list/types.d.ts +32 -32
  263. package/dist/components/list/types.js +1 -0
  264. package/dist/components/loading-indicator/api.d.ts +14 -0
  265. package/dist/components/loading-indicator/api.js +122 -0
  266. package/dist/components/loading-indicator/config.d.ts +44 -0
  267. package/dist/components/loading-indicator/config.js +25 -0
  268. package/dist/components/loading-indicator/constants.d.ts +60 -0
  269. package/dist/components/loading-indicator/constants.js +32 -0
  270. package/dist/components/loading-indicator/features/motion.d.ts +22 -0
  271. package/dist/components/loading-indicator/features/motion.js +47 -0
  272. package/dist/components/loading-indicator/features/renderer.d.ts +29 -0
  273. package/dist/components/loading-indicator/features/renderer.js +115 -0
  274. package/dist/components/loading-indicator/index.d.ts +3 -0
  275. package/dist/components/loading-indicator/index.js +2 -0
  276. package/dist/components/loading-indicator/loading-indicator.d.ts +9 -0
  277. package/dist/components/loading-indicator/loading-indicator.js +17 -0
  278. package/dist/components/loading-indicator/types.d.ts +67 -0
  279. package/dist/components/loading-indicator/types.js +1 -0
  280. package/dist/components/menu/api.d.ts +6 -5
  281. package/dist/components/menu/api.js +79 -0
  282. package/dist/components/menu/config.d.ts +3 -3
  283. package/dist/components/menu/config.js +82 -0
  284. package/dist/components/menu/constants.d.ts +32 -0
  285. package/dist/components/menu/constants.js +61 -0
  286. package/dist/components/menu/features/controller.d.ts +1 -1
  287. package/dist/components/menu/features/controller.js +542 -0
  288. package/dist/components/menu/features/index.d.ts +5 -5
  289. package/dist/components/menu/features/index.js +6 -0
  290. package/dist/components/menu/features/keyboard.d.ts +21 -9
  291. package/dist/components/menu/features/keyboard.js +296 -0
  292. package/dist/components/menu/features/opener.d.ts +1 -1
  293. package/dist/components/menu/features/opener.js +300 -0
  294. package/dist/components/menu/features/position.d.ts +1 -1
  295. package/dist/components/menu/features/position.js +276 -0
  296. package/dist/components/menu/features/registry.d.ts +37 -0
  297. package/dist/components/menu/features/registry.js +13 -0
  298. package/dist/components/menu/features/submenu.d.ts +1 -1
  299. package/dist/components/menu/features/submenu.js +386 -0
  300. package/dist/components/menu/features/tasks.d.ts +9 -0
  301. package/dist/components/menu/features/tasks.js +47 -0
  302. package/dist/components/menu/index.d.ts +3 -3
  303. package/dist/components/menu/index.js +2 -0
  304. package/dist/components/menu/menu.d.ts +1 -1
  305. package/dist/components/menu/menu.js +25 -0
  306. package/dist/components/menu/types.d.ts +70 -11
  307. package/dist/components/menu/types.js +14 -0
  308. package/dist/components/navigation/api.d.ts +1 -1
  309. package/dist/components/navigation/api.js +117 -0
  310. package/dist/components/navigation/config.d.ts +3 -3
  311. package/dist/components/navigation/config.js +39 -0
  312. package/dist/components/navigation/constants.js +65 -0
  313. package/dist/components/navigation/features/controller.d.ts +2 -4
  314. package/dist/components/navigation/features/controller.js +173 -0
  315. package/dist/components/navigation/features/items.d.ts +3 -4
  316. package/dist/components/navigation/features/items.js +236 -0
  317. package/dist/components/navigation/index.d.ts +3 -3
  318. package/dist/components/navigation/index.js +2 -0
  319. package/dist/components/navigation/nav-item.d.ts +1 -1
  320. package/dist/components/navigation/nav-item.js +118 -0
  321. package/dist/components/navigation/navigation.d.ts +1 -1
  322. package/dist/components/navigation/navigation.js +52 -0
  323. package/dist/components/navigation/system/core.d.ts +6 -6
  324. package/dist/components/navigation/system/core.js +148 -0
  325. package/dist/components/navigation/system/events.d.ts +3 -3
  326. package/dist/components/navigation/system/events.js +126 -0
  327. package/dist/components/navigation/system/index.d.ts +2 -2
  328. package/dist/components/navigation/system/index.js +92 -0
  329. package/dist/components/navigation/system/mobile.d.ts +6 -6
  330. package/dist/components/navigation/system/mobile.js +139 -0
  331. package/dist/components/navigation/system/state.d.ts +3 -3
  332. package/dist/components/navigation/system/state.js +44 -0
  333. package/dist/components/navigation/system/types.d.ts +43 -11
  334. package/dist/components/navigation/system/types.js +1 -0
  335. package/dist/components/navigation/types.d.ts +15 -6
  336. package/dist/components/navigation/types.js +33 -0
  337. package/dist/components/navigation-rail/config.d.ts +2 -0
  338. package/dist/components/navigation-rail/config.js +15 -0
  339. package/dist/components/navigation-rail/constants.d.ts +14 -0
  340. package/dist/components/navigation-rail/constants.js +12 -0
  341. package/dist/components/navigation-rail/index.d.ts +2 -0
  342. package/dist/components/navigation-rail/index.js +1 -0
  343. package/dist/components/navigation-rail/navigation-rail.d.ts +7 -0
  344. package/dist/components/navigation-rail/navigation-rail.js +341 -0
  345. package/dist/components/navigation-rail/ripple.d.ts +2 -0
  346. package/dist/components/navigation-rail/ripple.js +41 -0
  347. package/dist/components/navigation-rail/types.d.ts +72 -0
  348. package/dist/components/navigation-rail/types.js +1 -0
  349. package/dist/components/progress/api.d.ts +3 -3
  350. package/dist/components/progress/api.js +204 -0
  351. package/dist/components/progress/config.d.ts +3 -3
  352. package/dist/components/progress/config.js +162 -0
  353. package/dist/components/progress/constants.d.ts +103 -84
  354. package/dist/components/progress/constants.js +110 -0
  355. package/dist/components/progress/features/canvas.d.ts +29 -31
  356. package/dist/components/progress/features/canvas.js +300 -0
  357. package/dist/components/progress/features/circular.d.ts +17 -7
  358. package/dist/components/progress/features/circular.js +71 -0
  359. package/dist/components/progress/features/colors.d.ts +16 -0
  360. package/dist/components/progress/features/colors.js +40 -0
  361. package/dist/components/progress/features/index.d.ts +4 -4
  362. package/dist/components/progress/features/index.js +4 -0
  363. package/dist/components/progress/features/linear.d.ts +23 -7
  364. package/dist/components/progress/features/linear.js +104 -0
  365. package/dist/components/progress/features/motion.d.ts +43 -0
  366. package/dist/components/progress/features/motion.js +105 -0
  367. package/dist/components/progress/features/resize-observer.js +40 -0
  368. package/dist/components/progress/features/state.d.ts +2 -3
  369. package/dist/components/progress/features/state.js +37 -0
  370. package/dist/components/progress/index.d.ts +2 -2
  371. package/dist/components/progress/index.js +1 -0
  372. package/dist/components/progress/progress.d.ts +1 -1
  373. package/dist/components/progress/progress.js +21 -0
  374. package/dist/components/progress/types.d.ts +20 -3
  375. package/dist/components/progress/types.js +1 -0
  376. package/dist/components/radios/api.d.ts +1 -1
  377. package/dist/components/radios/api.js +73 -0
  378. package/dist/components/radios/config.d.ts +3 -3
  379. package/dist/components/radios/config.js +28 -0
  380. package/dist/components/radios/constants.js +53 -0
  381. package/dist/components/radios/index.d.ts +3 -3
  382. package/dist/components/radios/index.js +2 -0
  383. package/dist/components/radios/radio.d.ts +1 -1
  384. package/dist/components/radios/radio.js +186 -0
  385. package/dist/components/radios/radios.d.ts +1 -1
  386. package/dist/components/radios/radios.js +21 -0
  387. package/dist/components/radios/types.js +1 -0
  388. package/dist/components/search/api.d.ts +1 -1
  389. package/dist/components/search/api.js +110 -0
  390. package/dist/components/search/config.d.ts +3 -3
  391. package/dist/components/search/config.js +66 -0
  392. package/dist/components/search/constants.js +84 -0
  393. package/dist/components/search/features/index.d.ts +4 -4
  394. package/dist/components/search/features/index.js +4 -0
  395. package/dist/components/search/features/input.d.ts +1 -1
  396. package/dist/components/search/features/input.js +245 -0
  397. package/dist/components/search/features/states.d.ts +1 -1
  398. package/dist/components/search/features/states.js +182 -0
  399. package/dist/components/search/features/structure.d.ts +1 -1
  400. package/dist/components/search/features/structure.js +165 -0
  401. package/dist/components/search/features/suggestions.d.ts +1 -3
  402. package/dist/components/search/features/suggestions.js +223 -0
  403. package/dist/components/search/index.d.ts +2 -2
  404. package/dist/components/search/index.js +1 -0
  405. package/dist/components/search/search.d.ts +1 -1
  406. package/dist/components/search/search.js +27 -0
  407. package/dist/components/search/types.js +1 -0
  408. package/dist/components/segmented-button/config.d.ts +2 -13
  409. package/dist/components/segmented-button/config.js +54 -0
  410. package/dist/components/segmented-button/constants.js +40 -0
  411. package/dist/components/segmented-button/index.d.ts +3 -3
  412. package/dist/components/segmented-button/index.js +2 -0
  413. package/dist/components/segmented-button/segment.d.ts +2 -1
  414. package/dist/components/segmented-button/segment.js +94 -0
  415. package/dist/components/segmented-button/segmented-button.d.ts +12 -1
  416. package/dist/components/segmented-button/segmented-button.js +195 -0
  417. package/dist/components/segmented-button/types.d.ts +11 -11
  418. package/dist/components/segmented-button/types.js +11 -0
  419. package/dist/components/select/api.d.ts +2 -2
  420. package/dist/components/select/api.js +89 -0
  421. package/dist/components/select/config.d.ts +1 -1
  422. package/dist/components/select/config.js +54 -0
  423. package/dist/components/select/constants.js +53 -0
  424. package/dist/components/select/features.d.ts +3 -3
  425. package/dist/components/select/features.js +247 -0
  426. package/dist/components/select/index.d.ts +3 -3
  427. package/dist/components/select/index.js +2 -0
  428. package/dist/components/select/select.d.ts +1 -1
  429. package/dist/components/select/select.js +26 -0
  430. package/dist/components/select/types.d.ts +58 -20
  431. package/dist/components/select/types.js +4 -0
  432. package/dist/components/side-sheet/api.d.ts +33 -0
  433. package/dist/components/side-sheet/api.js +50 -0
  434. package/dist/components/side-sheet/config.d.ts +34 -0
  435. package/dist/components/side-sheet/config.js +20 -0
  436. package/dist/components/side-sheet/constants.d.ts +60 -0
  437. package/dist/components/side-sheet/constants.js +32 -0
  438. package/dist/components/side-sheet/features/index.d.ts +2 -0
  439. package/dist/components/side-sheet/features/index.js +2 -0
  440. package/dist/components/side-sheet/features/state.d.ts +28 -0
  441. package/dist/components/side-sheet/features/state.js +67 -0
  442. package/dist/components/side-sheet/features/structure.d.ts +21 -0
  443. package/dist/components/side-sheet/features/structure.js +97 -0
  444. package/dist/components/side-sheet/index.d.ts +2 -0
  445. package/dist/components/side-sheet/index.js +1 -0
  446. package/dist/components/side-sheet/side-sheet.d.ts +24 -0
  447. package/dist/components/side-sheet/side-sheet.js +17 -0
  448. package/dist/components/side-sheet/types.d.ts +102 -0
  449. package/dist/components/side-sheet/types.js +1 -0
  450. package/dist/components/slider/api.d.ts +8 -8
  451. package/dist/components/slider/api.js +104 -0
  452. package/dist/components/slider/config.d.ts +3 -3
  453. package/dist/components/slider/config.js +106 -0
  454. package/dist/components/slider/constants.js +74 -0
  455. package/dist/components/slider/features/controller.d.ts +1 -1
  456. package/dist/components/slider/features/controller.js +291 -0
  457. package/dist/components/slider/features/dom.d.ts +2 -2
  458. package/dist/components/slider/features/dom.js +113 -0
  459. package/dist/components/slider/features/handlers.d.ts +1 -1
  460. package/dist/components/slider/features/handlers.js +389 -0
  461. package/dist/components/slider/features/index.d.ts +5 -5
  462. package/dist/components/slider/features/index.js +5 -0
  463. package/dist/components/slider/features/range.d.ts +1 -1
  464. package/dist/components/slider/features/range.js +70 -0
  465. package/dist/components/slider/features/states.d.ts +1 -1
  466. package/dist/components/slider/features/states.js +119 -0
  467. package/dist/components/slider/features/tracks.d.ts +13 -0
  468. package/dist/components/slider/features/tracks.js +174 -0
  469. package/dist/components/slider/index.d.ts +2 -2
  470. package/dist/components/slider/index.js +1 -0
  471. package/dist/components/slider/slider.d.ts +2 -2
  472. package/dist/components/slider/slider.js +27 -0
  473. package/dist/components/slider/types.d.ts +6 -5
  474. package/dist/components/slider/types.js +2 -0
  475. package/dist/components/snackbar/api.d.ts +2 -2
  476. package/dist/components/snackbar/api.js +173 -0
  477. package/dist/components/snackbar/config.d.ts +28 -13
  478. package/dist/components/snackbar/config.js +33 -0
  479. package/dist/components/snackbar/constants.d.ts +73 -47
  480. package/dist/components/snackbar/constants.js +60 -0
  481. package/dist/components/snackbar/features.d.ts +19 -6
  482. package/dist/components/snackbar/features.js +125 -0
  483. package/dist/components/snackbar/index.d.ts +4 -4
  484. package/dist/components/snackbar/index.js +3 -0
  485. package/dist/components/snackbar/position.d.ts +4 -3
  486. package/dist/components/snackbar/position.js +24 -0
  487. package/dist/components/snackbar/queue.d.ts +1 -1
  488. package/dist/components/snackbar/queue.js +79 -0
  489. package/dist/components/snackbar/snackbar.d.ts +1 -1
  490. package/dist/components/snackbar/snackbar.js +25 -0
  491. package/dist/components/snackbar/types.d.ts +57 -59
  492. package/dist/components/snackbar/types.js +1 -0
  493. package/dist/components/split-button/api.d.ts +14 -0
  494. package/dist/components/split-button/api.js +120 -0
  495. package/dist/components/split-button/config.d.ts +40 -0
  496. package/dist/components/split-button/config.js +19 -0
  497. package/dist/components/split-button/constants.d.ts +67 -0
  498. package/dist/components/split-button/constants.js +35 -0
  499. package/dist/components/split-button/features/buttons.d.ts +8 -0
  500. package/dist/components/split-button/features/buttons.js +39 -0
  501. package/dist/components/split-button/features/menu.d.ts +8 -0
  502. package/dist/components/split-button/features/menu.js +19 -0
  503. package/dist/components/split-button/index.d.ts +3 -0
  504. package/dist/components/split-button/index.js +2 -0
  505. package/dist/components/split-button/split-button.d.ts +24 -0
  506. package/dist/components/split-button/split-button.js +21 -0
  507. package/dist/components/split-button/types.d.ts +127 -0
  508. package/dist/components/split-button/types.js +1 -0
  509. package/dist/components/switch/api.d.ts +1 -1
  510. package/dist/components/switch/api.js +91 -0
  511. package/dist/components/switch/config.d.ts +3 -3
  512. package/dist/components/switch/config.js +27 -0
  513. package/dist/components/switch/constants.js +39 -0
  514. package/dist/components/switch/features.d.ts +3 -3
  515. package/dist/components/switch/features.js +101 -0
  516. package/dist/components/switch/index.d.ts +5 -4
  517. package/dist/components/switch/index.js +3 -0
  518. package/dist/components/switch/switch.d.ts +1 -1
  519. package/dist/components/switch/switch.js +18 -0
  520. package/dist/components/switch/types.d.ts +0 -1
  521. package/dist/components/switch/types.js +4 -0
  522. package/dist/components/tabs/api.d.ts +9 -6
  523. package/dist/components/tabs/api.js +98 -0
  524. package/dist/components/tabs/config.d.ts +10 -2
  525. package/dist/components/tabs/config.js +42 -0
  526. package/dist/components/tabs/constants.js +62 -0
  527. package/dist/components/tabs/features.d.ts +9 -13
  528. package/dist/components/tabs/features.js +180 -0
  529. package/dist/components/tabs/index.d.ts +10 -9
  530. package/dist/components/tabs/index.js +10 -0
  531. package/dist/components/tabs/indicator.d.ts +1 -1
  532. package/dist/components/tabs/indicator.js +136 -0
  533. package/dist/components/tabs/responsive.d.ts +1 -1
  534. package/dist/components/tabs/responsive.js +73 -0
  535. package/dist/components/tabs/scroll-indicators.d.ts +1 -1
  536. package/dist/components/tabs/scroll-indicators.js +83 -0
  537. package/dist/components/tabs/state.d.ts +2 -2
  538. package/dist/components/tabs/state.js +84 -0
  539. package/dist/components/tabs/tab-api.d.ts +12 -6
  540. package/dist/components/tabs/tab-api.js +139 -0
  541. package/dist/components/tabs/tab.d.ts +1 -1
  542. package/dist/components/tabs/tab.js +193 -0
  543. package/dist/components/tabs/tabs.d.ts +1 -1
  544. package/dist/components/tabs/tabs.js +22 -0
  545. package/dist/components/tabs/types.d.ts +11 -4
  546. package/dist/components/tabs/types.js +1 -0
  547. package/dist/components/tabs/utils.d.ts +15 -4
  548. package/dist/components/tabs/utils.js +67 -0
  549. package/dist/components/textfield/api.d.ts +3 -2
  550. package/dist/components/textfield/api.js +190 -0
  551. package/dist/components/textfield/config.d.ts +3 -3
  552. package/dist/components/textfield/config.js +21 -0
  553. package/dist/components/textfield/constants.js +63 -0
  554. package/dist/components/textfield/features/density.d.ts +1 -1
  555. package/dist/components/textfield/features/density.js +38 -0
  556. package/dist/components/textfield/features/error.d.ts +2 -3
  557. package/dist/components/textfield/features/error.js +35 -0
  558. package/dist/components/textfield/features/index.d.ts +14 -14
  559. package/dist/components/textfield/features/index.js +8 -0
  560. package/dist/components/textfield/features/leading-icon.d.ts +2 -3
  561. package/dist/components/textfield/features/leading-icon.js +55 -0
  562. package/dist/components/textfield/features/placement.d.ts +3 -1
  563. package/dist/components/textfield/features/placement.js +184 -0
  564. package/dist/components/textfield/features/prefix-text.d.ts +2 -3
  565. package/dist/components/textfield/features/prefix-text.js +38 -0
  566. package/dist/components/textfield/features/suffix-text.d.ts +2 -3
  567. package/dist/components/textfield/features/suffix-text.js +34 -0
  568. package/dist/components/textfield/features/supporting-text.d.ts +2 -3
  569. package/dist/components/textfield/features/supporting-text.js +58 -0
  570. package/dist/components/textfield/features/trailing-icon.d.ts +2 -3
  571. package/dist/components/textfield/features/trailing-icon.js +40 -0
  572. package/dist/components/textfield/index.d.ts +2 -2
  573. package/dist/components/textfield/index.js +1 -0
  574. package/dist/components/textfield/textfield.d.ts +1 -1
  575. package/dist/components/textfield/textfield.js +18 -0
  576. package/dist/components/textfield/types.d.ts +0 -2
  577. package/dist/components/textfield/types.js +18 -0
  578. package/dist/components/timepicker/api.d.ts +6 -5
  579. package/dist/components/timepicker/api.js +426 -0
  580. package/dist/components/timepicker/clockdial.d.ts +1 -1
  581. package/dist/components/timepicker/clockdial.js +277 -0
  582. package/dist/components/timepicker/config.d.ts +15 -12
  583. package/dist/components/timepicker/config.js +81 -0
  584. package/dist/components/timepicker/constants.js +135 -0
  585. package/dist/components/timepicker/index.d.ts +4 -4
  586. package/dist/components/timepicker/index.js +3 -0
  587. package/dist/components/timepicker/render.d.ts +1 -1
  588. package/dist/components/timepicker/render.js +476 -0
  589. package/dist/components/timepicker/timepicker.d.ts +1 -1
  590. package/dist/components/timepicker/timepicker.js +68 -0
  591. package/dist/components/timepicker/types.js +20 -0
  592. package/dist/components/timepicker/utils.d.ts +1 -1
  593. package/dist/components/timepicker/utils.js +131 -0
  594. package/dist/components/tooltip/api.d.ts +1 -1
  595. package/dist/components/tooltip/api.js +293 -0
  596. package/dist/components/tooltip/config.d.ts +3 -3
  597. package/dist/components/tooltip/config.js +38 -0
  598. package/dist/components/tooltip/constants.js +49 -0
  599. package/dist/components/tooltip/index.d.ts +3 -3
  600. package/dist/components/tooltip/index.js +2 -0
  601. package/dist/components/tooltip/tooltip.d.ts +2 -2
  602. package/dist/components/tooltip/tooltip.js +31 -0
  603. package/dist/components/tooltip/types.js +23 -0
  604. package/dist/components/top-app-bar/config.d.ts +1 -1
  605. package/dist/components/top-app-bar/config.js +10 -0
  606. package/dist/components/top-app-bar/constants.js +33 -0
  607. package/dist/components/top-app-bar/index.d.ts +3 -3
  608. package/dist/components/top-app-bar/index.js +4 -0
  609. package/dist/components/top-app-bar/top-app-bar.d.ts +2 -2
  610. package/dist/components/top-app-bar/top-app-bar.js +155 -0
  611. package/dist/components/top-app-bar/types.d.ts +1 -1
  612. package/dist/components/top-app-bar/types.js +1 -0
  613. package/dist/core/canvas/animation.js +36 -0
  614. package/dist/core/canvas/drawing.js +62 -0
  615. package/dist/core/canvas/index.d.ts +4 -4
  616. package/dist/core/canvas/index.js +4 -0
  617. package/dist/core/canvas/resize.js +35 -0
  618. package/dist/core/canvas/utils.d.ts +5 -4
  619. package/dist/core/canvas/utils.js +116 -0
  620. package/dist/core/compose/base.d.ts +2 -2
  621. package/dist/core/compose/base.js +7 -0
  622. package/dist/core/compose/cleanup.d.ts +14 -0
  623. package/dist/core/compose/cleanup.js +51 -0
  624. package/dist/core/compose/component.d.ts +15 -4
  625. package/dist/core/compose/component.js +144 -0
  626. package/dist/core/compose/features/badge.d.ts +4 -5
  627. package/dist/core/compose/features/badge.js +20 -0
  628. package/dist/core/compose/features/checkable.d.ts +4 -5
  629. package/dist/core/compose/features/checkable.js +55 -0
  630. package/dist/core/compose/features/constants.js +36 -0
  631. package/dist/core/compose/features/debounce.d.ts +3 -4
  632. package/dist/core/compose/features/debounce.js +44 -0
  633. package/dist/core/compose/features/disabled.d.ts +2 -3
  634. package/dist/core/compose/features/disabled.js +63 -0
  635. package/dist/core/compose/features/events.d.ts +5 -4
  636. package/dist/core/compose/features/events.js +23 -0
  637. package/dist/core/compose/features/icon.d.ts +2 -6
  638. package/dist/core/compose/features/icon.js +70 -0
  639. package/dist/core/compose/features/index.d.ts +34 -34
  640. package/dist/core/compose/features/index.js +19 -0
  641. package/dist/core/compose/features/input.d.ts +3 -4
  642. package/dist/core/compose/features/input.js +67 -0
  643. package/dist/core/compose/features/lifecycle.d.ts +3 -3
  644. package/dist/core/compose/features/lifecycle.js +82 -0
  645. package/dist/core/compose/features/position.d.ts +2 -3
  646. package/dist/core/compose/features/position.js +36 -0
  647. package/dist/core/compose/features/ripple.d.ts +9 -10
  648. package/dist/core/compose/features/ripple.js +87 -0
  649. package/dist/core/compose/features/size.d.ts +2 -3
  650. package/dist/core/compose/features/size.js +7 -0
  651. package/dist/core/compose/features/style.d.ts +2 -3
  652. package/dist/core/compose/features/style.js +9 -0
  653. package/dist/core/compose/features/text.d.ts +2 -6
  654. package/dist/core/compose/features/text.js +47 -0
  655. package/dist/core/compose/features/textinput.d.ts +3 -4
  656. package/dist/core/compose/features/textinput.js +162 -0
  657. package/dist/core/compose/features/textlabel.d.ts +2 -3
  658. package/dist/core/compose/features/textlabel.js +44 -0
  659. package/dist/core/compose/features/throttle.d.ts +2 -3
  660. package/dist/core/compose/features/throttle.js +44 -0
  661. package/dist/core/compose/features/track.d.ts +1 -2
  662. package/dist/core/compose/features/track.js +23 -0
  663. package/dist/core/compose/features/variant.d.ts +2 -3
  664. package/dist/core/compose/features/variant.js +7 -0
  665. package/dist/core/compose/features/withEvents.d.ts +1 -1
  666. package/dist/core/compose/features/withEvents.js +46 -0
  667. package/dist/core/compose/index.d.ts +9 -9
  668. package/dist/core/compose/index.js +5 -0
  669. package/dist/core/compose/pipe.d.ts +43 -3
  670. package/dist/core/compose/pipe.js +10 -0
  671. package/dist/core/compose/utils/type-guards.d.ts +5 -5
  672. package/dist/core/compose/utils/type-guards.js +10 -0
  673. package/dist/core/config/component.d.ts +12 -9
  674. package/dist/core/config/component.js +71 -0
  675. package/dist/core/config/global.d.ts +16 -10
  676. package/dist/core/config/global.js +15 -0
  677. package/dist/core/config.d.ts +1 -1
  678. package/dist/core/config.js +72 -0
  679. package/dist/core/dom/attributes.d.ts +6 -6
  680. package/dist/core/dom/attributes.js +40 -0
  681. package/dist/core/dom/classes.js +207 -0
  682. package/dist/core/dom/create.d.ts +27 -10
  683. package/dist/core/dom/create.js +226 -0
  684. package/dist/core/dom/events.js +82 -0
  685. package/dist/core/dom/index.d.ts +6 -6
  686. package/dist/core/dom/index.js +4 -0
  687. package/dist/core/dom/utils.d.ts +2 -2
  688. package/dist/core/dom/utils.js +45 -0
  689. package/dist/core/index.d.ts +20 -20
  690. package/dist/core/index.js +13 -0
  691. package/dist/core/shapes/cubic.d.ts +30 -0
  692. package/dist/core/shapes/cubic.js +62 -0
  693. package/dist/core/shapes/index.d.ts +6 -0
  694. package/dist/core/shapes/index.js +3 -0
  695. package/dist/core/shapes/material.d.ts +24 -0
  696. package/dist/core/shapes/material.js +119 -0
  697. package/dist/core/shapes/polygon.d.ts +35 -0
  698. package/dist/core/shapes/polygon.js +221 -0
  699. package/dist/core/state/disabled.js +26 -0
  700. package/dist/core/state/emitter.d.ts +2 -2
  701. package/dist/core/state/emitter.js +24 -0
  702. package/dist/core/state/events.d.ts +3 -3
  703. package/dist/core/state/events.js +32 -0
  704. package/dist/core/state/index.d.ts +10 -10
  705. package/dist/core/state/index.js +5 -0
  706. package/dist/core/state/lifecycle.d.ts +0 -1
  707. package/dist/core/state/lifecycle.js +51 -0
  708. package/dist/core/state/store.d.ts +3 -3
  709. package/dist/core/state/store.js +61 -0
  710. package/dist/core/utils/background.js +35 -0
  711. package/dist/core/utils/color.js +23 -0
  712. package/dist/core/utils/index.d.ts +6 -6
  713. package/dist/core/utils/index.js +8 -0
  714. package/dist/core/utils/mobile.js +63 -0
  715. package/dist/core/utils/object.d.ts +2 -2
  716. package/dist/core/utils/object.js +21 -0
  717. package/dist/core/utils/performance.d.ts +8 -5
  718. package/dist/core/utils/performance.js +117 -0
  719. package/dist/core/utils/theme.js +78 -0
  720. package/dist/core/utils/validate.d.ts +6 -6
  721. package/dist/core/utils/validate.js +114 -0
  722. package/dist/index.cjs +12 -18
  723. package/dist/index.d.ts +3 -3
  724. package/dist/index.js +4 -57
  725. package/dist/package.json +40 -11
  726. package/dist/styles/badge.css +2 -0
  727. package/dist/styles/badge.d.ts +1 -0
  728. package/dist/styles/badge.js +2 -0
  729. package/dist/styles/base.css +2 -0
  730. package/dist/styles/base.d.ts +1 -0
  731. package/dist/styles/base.js +2 -0
  732. package/dist/styles/bottom-app-bar.css +2 -0
  733. package/dist/styles/bottom-app-bar.d.ts +1 -0
  734. package/dist/styles/bottom-app-bar.js +2 -0
  735. package/dist/styles/bottom-sheet.css +2 -0
  736. package/dist/styles/bottom-sheet.d.ts +1 -0
  737. package/dist/styles/bottom-sheet.js +2 -0
  738. package/dist/styles/button-group.css +2 -0
  739. package/dist/styles/button-group.d.ts +1 -0
  740. package/dist/styles/button-group.js +3 -0
  741. package/dist/styles/button.css +2 -0
  742. package/dist/styles/button.d.ts +1 -0
  743. package/dist/styles/button.js +2 -0
  744. package/dist/styles/card.css +2 -0
  745. package/dist/styles/card.d.ts +1 -0
  746. package/dist/styles/card.js +2 -0
  747. package/dist/styles/carousel.css +2 -0
  748. package/dist/styles/carousel.d.ts +1 -0
  749. package/dist/styles/carousel.js +2 -0
  750. package/dist/styles/checkbox.css +2 -0
  751. package/dist/styles/checkbox.d.ts +1 -0
  752. package/dist/styles/checkbox.js +2 -0
  753. package/dist/styles/chips.css +2 -0
  754. package/dist/styles/chips.d.ts +1 -0
  755. package/dist/styles/chips.js +2 -0
  756. package/dist/styles/dialog.css +2 -0
  757. package/dist/styles/dialog.d.ts +1 -0
  758. package/dist/styles/dialog.js +3 -0
  759. package/dist/styles/divider.css +2 -0
  760. package/dist/styles/divider.d.ts +1 -0
  761. package/dist/styles/divider.js +2 -0
  762. package/dist/styles/drawer.css +2 -0
  763. package/dist/styles/drawer.d.ts +1 -0
  764. package/dist/styles/drawer.js +2 -0
  765. package/dist/styles/extended-fab.css +2 -0
  766. package/dist/styles/extended-fab.d.ts +1 -0
  767. package/dist/styles/extended-fab.js +2 -0
  768. package/dist/styles/fab.css +2 -0
  769. package/dist/styles/fab.d.ts +1 -0
  770. package/dist/styles/fab.js +2 -0
  771. package/dist/styles/icon-button.css +2 -0
  772. package/dist/styles/icon-button.d.ts +1 -0
  773. package/dist/styles/icon-button.js +2 -0
  774. package/dist/styles/list.css +2 -0
  775. package/dist/styles/list.d.ts +1 -0
  776. package/dist/styles/list.js +2 -0
  777. package/dist/styles/loading-indicator.css +2 -0
  778. package/dist/styles/loading-indicator.d.ts +1 -0
  779. package/dist/styles/loading-indicator.js +2 -0
  780. package/dist/styles/menu.css +2 -0
  781. package/dist/styles/menu.d.ts +1 -0
  782. package/dist/styles/menu.js +2 -0
  783. package/dist/styles/navigation-rail.css +2 -0
  784. package/dist/styles/navigation-rail.d.ts +1 -0
  785. package/dist/styles/navigation-rail.js +2 -0
  786. package/dist/styles/navigation.css +2 -0
  787. package/dist/styles/navigation.d.ts +1 -0
  788. package/dist/styles/navigation.js +2 -0
  789. package/dist/styles/progress.css +2 -0
  790. package/dist/styles/progress.d.ts +1 -0
  791. package/dist/styles/progress.js +2 -0
  792. package/dist/styles/radios.css +2 -0
  793. package/dist/styles/radios.d.ts +1 -0
  794. package/dist/styles/radios.js +2 -0
  795. package/dist/styles/search.css +2 -0
  796. package/dist/styles/search.d.ts +1 -0
  797. package/dist/styles/search.js +2 -0
  798. package/dist/styles/segmented-button.css +2 -0
  799. package/dist/styles/segmented-button.d.ts +1 -0
  800. package/dist/styles/segmented-button.js +2 -0
  801. package/dist/styles/select.css +2 -0
  802. package/dist/styles/select.d.ts +1 -0
  803. package/dist/styles/select.js +3 -0
  804. package/dist/styles/side-sheet.css +2 -0
  805. package/dist/styles/side-sheet.d.ts +1 -0
  806. package/dist/styles/side-sheet.js +2 -0
  807. package/dist/styles/slider.css +2 -0
  808. package/dist/styles/slider.d.ts +1 -0
  809. package/dist/styles/slider.js +2 -0
  810. package/dist/styles/snackbar.css +2 -0
  811. package/dist/styles/snackbar.d.ts +1 -0
  812. package/dist/styles/snackbar.js +3 -0
  813. package/dist/styles/split-button.css +2 -0
  814. package/dist/styles/split-button.d.ts +1 -0
  815. package/dist/styles/split-button.js +3 -0
  816. package/dist/styles/switch.css +2 -0
  817. package/dist/styles/switch.d.ts +1 -0
  818. package/dist/styles/switch.js +2 -0
  819. package/dist/styles/tabs.css +2 -0
  820. package/dist/styles/tabs.d.ts +1 -0
  821. package/dist/styles/tabs.js +3 -0
  822. package/dist/styles/textfield.css +2 -0
  823. package/dist/styles/textfield.d.ts +1 -0
  824. package/dist/styles/textfield.js +2 -0
  825. package/dist/styles/timepicker.css +2 -0
  826. package/dist/styles/timepicker.d.ts +1 -0
  827. package/dist/styles/timepicker.js +2 -0
  828. package/dist/styles/tooltip.css +2 -0
  829. package/dist/styles/tooltip.d.ts +1 -0
  830. package/dist/styles/tooltip.js +2 -0
  831. package/dist/styles/top-app-bar.css +2 -0
  832. package/dist/styles/top-app-bar.d.ts +1 -0
  833. package/dist/styles/top-app-bar.js +2 -0
  834. package/dist/styles/utilities.css +2 -0
  835. package/dist/styles/utilities.d.ts +1 -0
  836. package/dist/styles/utilities.js +2 -0
  837. package/dist/styles.css +2 -7
  838. package/dist/themes/autumn.css +2 -0
  839. package/dist/themes/baseline.css +2 -0
  840. package/dist/themes/brownbeige.css +2 -0
  841. package/dist/themes/browngreen.css +2 -0
  842. package/dist/themes/desert.css +2 -0
  843. package/dist/themes/forest.css +2 -0
  844. package/dist/themes/highcontrast.css +2 -0
  845. package/dist/themes/legacy.css +2 -0
  846. package/dist/themes/material.css +2 -0
  847. package/dist/themes/ocean.css +2 -0
  848. package/dist/themes/sageivory.css +2 -0
  849. package/dist/themes/spring.css +2 -0
  850. package/dist/themes/summer.css +2 -0
  851. package/dist/themes/sunset.css +2 -0
  852. package/dist/themes/tealcaramel.css +2 -0
  853. package/dist/themes/winter.css +2 -0
  854. package/package.json +44 -7
  855. package/src/styles/abstract/_mixins.scss +5 -1
  856. package/src/styles/abstract/_variables.scss +18 -2
  857. package/src/styles/base/_document.scss +54 -0
  858. package/src/styles/components/_bottom-sheet.scss +167 -0
  859. package/src/styles/components/_button-group.scss +58 -38
  860. package/src/styles/components/_button.scss +9 -3
  861. package/src/styles/components/_card.scss +79 -20
  862. package/src/styles/components/_carousel.scss +3 -3
  863. package/src/styles/components/_checkbox.scss +27 -7
  864. package/src/styles/components/_chips.scss +15 -15
  865. package/src/styles/components/_datepicker.scss +5 -5
  866. package/src/styles/components/_dialog.scss +88 -24
  867. package/src/styles/components/_drawer.scss +85 -95
  868. package/src/styles/components/_extended-fab.scss +95 -111
  869. package/src/styles/components/_fab.scss +70 -87
  870. package/src/styles/components/_icon-button.scss +115 -104
  871. package/src/styles/components/_list.scss +2 -2
  872. package/src/styles/components/_loading-indicator.scss +41 -0
  873. package/src/styles/components/_menu.scss +324 -16
  874. package/src/styles/components/_navigation-rail.scss +307 -0
  875. package/src/styles/components/_navigation-system.scss +3 -1
  876. package/src/styles/components/_progress.scss +46 -53
  877. package/src/styles/components/_radios.scss +30 -30
  878. package/src/styles/components/_segmented-button.scss +71 -113
  879. package/src/styles/components/_side-sheet.scss +175 -0
  880. package/src/styles/components/_slider.scss +50 -20
  881. package/src/styles/components/_snackbar.scss +153 -167
  882. package/src/styles/components/_split-button.scss +229 -0
  883. package/src/styles/components/_switch.scss +36 -26
  884. package/src/styles/components/_tabs.scss +59 -58
  885. package/src/styles/components/_textfield.scss +4 -1
  886. package/src/styles/components/_timepicker.scss +3 -3
  887. package/src/styles/main.scss +7 -51
  888. package/src/styles/themes/_baseline.scss +8 -0
  889. package/src/styles/utilities/_ripple.scss +12 -3
  890. package/dist/components/sheet/api.d.ts +0 -37
  891. package/dist/components/sheet/config.d.ts +0 -53
  892. package/dist/components/sheet/constants.d.ts +0 -136
  893. package/dist/components/sheet/features/content.d.ts +0 -6
  894. package/dist/components/sheet/features/gestures.d.ts +0 -6
  895. package/dist/components/sheet/features/index.d.ts +0 -5
  896. package/dist/components/sheet/features/position.d.ts +0 -7
  897. package/dist/components/sheet/features/state.d.ts +0 -6
  898. package/dist/components/sheet/features/title.d.ts +0 -6
  899. package/dist/components/sheet/index.d.ts +0 -3
  900. package/dist/components/sheet/sheet.d.ts +0 -8
  901. package/dist/components/sheet/types.d.ts +0 -250
  902. package/dist/components/slider/features/canvas.d.ts +0 -47
  903. package/dist/index.cjs.map +0 -269
  904. package/dist/index.js.map +0 -269
  905. package/src/styles/components/_sheet.scss +0 -236
package/dist/themes/autumn.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=autumn]{--mtrl-sys-color-primary: #795548;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdcc7;--mtrl-sys-color-on-primary-container: #2c1500;--mtrl-sys-color-secondary: #a02a2a;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #edd9b9;--mtrl-sys-color-on-secondary-container: #410001;--mtrl-sys-color-tertiary: #4d6642;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #cfe9be;--mtrl-sys-color-on-tertiary-container: #0a2008;--mtrl-sys-color-quaternary: #8b6500;--mtrl-sys-color-on-quaternary: #ffffff;--mtrl-sys-color-quaternary-container: #ffdf8a;--mtrl-sys-color-on-quaternary-container: #2c1f00;--mtrl-sys-color-surface: #fffbf7;--mtrl-sys-color-surface-dim: #ead7ce;--mtrl-sys-color-surface-bright: #fffbf7;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fff0ea;--mtrl-sys-color-surface-container: #f5e1d7;--mtrl-sys-color-surface-container-high: #efdbd1;--mtrl-sys-color-surface-container-highest: #e9d5cb;--mtrl-sys-color-on-surface: #201a17;--mtrl-sys-color-on-surface-variant: #53433c;--mtrl-sys-color-outline: #85736c;--mtrl-sys-color-outline-variant: #d7c1ba;--mtrl-sys-color-surface-rgb: 32, 26, 23;--mtrl-sys-color-success: #85cfa9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392d;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #ffb95c;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3f2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99cbff;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=autumn][data-theme-mode=dark]{--mtrl-sys-color-primary: #ddb995;--mtrl-sys-color-on-primary: #422b09;--mtrl-sys-color-primary-container: #5d3f1c;--mtrl-sys-color-on-primary-container: #ffdcc7;--mtrl-sys-color-secondary: #ffb4ab;--mtrl-sys-color-on-secondary: #690004;--mtrl-sys-color-secondary-container: #6a3a22;--mtrl-sys-color-on-secondary-container: #ffdad4;--mtrl-sys-color-tertiary: #b4cca4;--mtrl-sys-color-on-tertiary: #213515;--mtrl-sys-color-tertiary-container: #384f2b;--mtrl-sys-color-on-tertiary-container: #cfe9be;--mtrl-sys-color-quaternary: #ffc147;--mtrl-sys-color-on-quaternary: #463300;--mtrl-sys-color-quaternary-container: #644900;--mtrl-sys-color-on-quaternary-container: #ffdf8a;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96;--mtrl-sys-color-surface: #201a17;--mtrl-sys-color-surface-dim: #17120f;--mtrl-sys-color-surface-bright: #3d3631;--mtrl-sys-color-surface-container-lowest: #130e0b;--mtrl-sys-color-surface-container-low: #201a17;--mtrl-sys-color-surface-container: #241e1a;--mtrl-sys-color-surface-container-high: #2e2723;--mtrl-sys-color-surface-container-highest: #39322d;--mtrl-sys-color-on-surface: #ede0d9;--mtrl-sys-color-on-surface-variant: #d7c1ba;--mtrl-sys-color-outline: #a08c85;--mtrl-sys-color-outline-variant: #53433c}
package/dist/themes/baseline.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ :root{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-primary-rgb: 103, 80, 164;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #eaddff;--mtrl-sys-color-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-on-primary-container: #21005d;--mtrl-sys-color-on-primary-container-rgb: 33, 0, 93;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-secondary-rgb: 98, 91, 113;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-on-secondary-container: #1d192b;--mtrl-sys-color-on-secondary-container-rgb: 29, 25, 43;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-tertiary-rgb: 125, 82, 96;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffd8e4;--mtrl-sys-color-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-on-tertiary-container: #31111d;--mtrl-sys-color-on-tertiary-container-rgb: 49, 17, 29;--mtrl-sys-color-surface: #fffbfe;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #ded8e1;--mtrl-sys-color-surface-dim-rgb: 222, 216, 225;--mtrl-sys-color-surface-bright: #fff8f7;--mtrl-sys-color-surface-bright-rgb: 255, 248, 247;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f7f2fa;--mtrl-sys-color-surface-container-low-rgb: 247, 242, 250;--mtrl-sys-color-surface-container: #f3edf7;--mtrl-sys-color-surface-container-rgb: 243, 237, 247;--mtrl-sys-color-surface-container-high: #ece6f0;--mtrl-sys-color-surface-container-high-rgb: 236, 230, 240;--mtrl-sys-color-surface-container-highest: #e6e0e9;--mtrl-sys-color-surface-container-highest-rgb: 230, 224, 233;--mtrl-sys-color-on-surface: #1c1b1f;--mtrl-sys-color-on-surface-rgb: 28, 27, 31;--mtrl-sys-color-on-surface-variant: #49454f;--mtrl-sys-color-on-surface-variant-rgb: 73, 69, 79;--mtrl-sys-color-outline: #79747e;--mtrl-sys-color-outline-rgb: 121, 116, 126;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-outline-variant-rgb: 202, 196, 208;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #313033;--mtrl-sys-color-inverse-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-on-surface: #f4eff4;--mtrl-sys-color-inverse-on-surface-rgb: 244, 239, 244;--mtrl-sys-color-inverse-primary: #d0bcff;--mtrl-sys-color-inverse-primary-rgb: 208, 188, 255;--mtrl-sys-state-hover-state-layer-opacity: 0.08;--mtrl-sys-state-focus-state-layer-opacity: 0.12;--mtrl-sys-state-pressed-state-layer-opacity: 0.12;--mtrl-sys-state-dragged-state-layer-opacity: 0.16}@media(prefers-color-scheme: dark){:root{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-primary-rgb: 208, 188, 255;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-on-primary-rgb: 56, 30, 114;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-primary-container-rgb: 79, 55, 139;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-on-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-secondary-rgb: 204, 194, 220;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-secondary-container-rgb: 74, 68, 88;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-rgb: 147, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #e6e1e5;--mtrl-sys-color-inverse-surface-rgb: 230, 225, 229;--mtrl-sys-color-inverse-on-surface: #313033;--mtrl-sys-color-inverse-on-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-primary: #6750a4;--mtrl-sys-color-inverse-primary-rgb: 103, 80, 164}}.dark-theme{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-primary-rgb: 208, 188, 255;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-on-primary-rgb: 56, 30, 114;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-primary-container-rgb: 79, 55, 139;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-on-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-secondary-rgb: 204, 194, 220;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-secondary-container-rgb: 74, 68, 88;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-rgb: 147, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #e6e1e5;--mtrl-sys-color-inverse-surface-rgb: 230, 225, 229;--mtrl-sys-color-inverse-on-surface: #313033;--mtrl-sys-color-inverse-on-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-primary: #6750a4;--mtrl-sys-color-inverse-primary-rgb: 103, 80, 164}[data-theme=baseline]{--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-primary-rgb: 103, 80, 164;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #eaddff;--mtrl-sys-color-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-on-primary-container: #21005d;--mtrl-sys-color-on-primary-container-rgb: 33, 0, 93;--mtrl-sys-color-secondary: #625b71;--mtrl-sys-color-secondary-rgb: 98, 91, 113;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #e8def8;--mtrl-sys-color-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-on-secondary-container: #1d192b;--mtrl-sys-color-on-secondary-container-rgb: 29, 25, 43;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-tertiary-rgb: 125, 82, 96;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffd8e4;--mtrl-sys-color-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-on-tertiary-container: #31111d;--mtrl-sys-color-on-tertiary-container-rgb: 49, 17, 29;--mtrl-sys-color-surface: #fffbfe;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #ded8e1;--mtrl-sys-color-surface-dim-rgb: 222, 216, 225;--mtrl-sys-color-surface-bright: #fff8f7;--mtrl-sys-color-surface-bright-rgb: 255, 248, 247;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f7f2fa;--mtrl-sys-color-surface-container-low-rgb: 247, 242, 250;--mtrl-sys-color-surface-container: #f3edf7;--mtrl-sys-color-surface-container-rgb: 243, 237, 247;--mtrl-sys-color-surface-container-high: #ece6f0;--mtrl-sys-color-surface-container-high-rgb: 236, 230, 240;--mtrl-sys-color-surface-container-highest: #e6e0e9;--mtrl-sys-color-surface-container-highest-rgb: 230, 224, 233;--mtrl-sys-color-on-surface: #1c1b1f;--mtrl-sys-color-on-surface-rgb: 28, 27, 31;--mtrl-sys-color-on-surface-variant: #49454f;--mtrl-sys-color-on-surface-variant-rgb: 73, 69, 79;--mtrl-sys-color-outline: #79747e;--mtrl-sys-color-outline-rgb: 121, 116, 126;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-outline-variant-rgb: 202, 196, 208;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #313033;--mtrl-sys-color-inverse-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-on-surface: #f4eff4;--mtrl-sys-color-inverse-on-surface-rgb: 244, 239, 244;--mtrl-sys-color-inverse-primary: #d0bcff;--mtrl-sys-color-inverse-primary-rgb: 208, 188, 255;--mtrl-sys-state-hover-state-layer-opacity: 0.08;--mtrl-sys-state-focus-state-layer-opacity: 0.12;--mtrl-sys-state-pressed-state-layer-opacity: 0.12;--mtrl-sys-state-dragged-state-layer-opacity: 0.16}[data-theme=baseline][data-theme-mode=dark]{--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-primary: #d0bcff;--mtrl-sys-color-primary-rgb: 208, 188, 255;--mtrl-sys-color-on-primary: #381e72;--mtrl-sys-color-on-primary-rgb: 56, 30, 114;--mtrl-sys-color-primary-container: #4f378b;--mtrl-sys-color-primary-container-rgb: 79, 55, 139;--mtrl-sys-color-on-primary-container: #eaddff;--mtrl-sys-color-on-primary-container-rgb: 234, 221, 255;--mtrl-sys-color-secondary: #ccc2dc;--mtrl-sys-color-secondary-rgb: 204, 194, 220;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #4a4458;--mtrl-sys-color-secondary-container-rgb: 74, 68, 88;--mtrl-sys-color-on-secondary-container: #e8def8;--mtrl-sys-color-on-secondary-container-rgb: 232, 222, 248;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd8e4;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 228;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #938f99;--mtrl-sys-color-outline-rgb: 147, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-shadow: #000000;--mtrl-sys-color-shadow-rgb: 0, 0, 0;--mtrl-sys-color-scrim: #000000;--mtrl-sys-color-scrim-rgb: 0, 0, 0;--mtrl-sys-color-inverse-surface: #e6e1e5;--mtrl-sys-color-inverse-surface-rgb: 230, 225, 229;--mtrl-sys-color-inverse-on-surface: #313033;--mtrl-sys-color-inverse-on-surface-rgb: 49, 48, 51;--mtrl-sys-color-inverse-primary: #6750a4;--mtrl-sys-color-inverse-primary-rgb: 103, 80, 164}
package/dist/themes/brownbeige.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=brownbeige]{--mtrl-sys-color-primary: #3e2723;--mtrl-sys-color-primary-rgb: 62, 39, 35;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #ffdbd0;--mtrl-sys-color-primary-container-rgb: 255, 219, 208;--mtrl-sys-color-on-primary-container: #2c1512;--mtrl-sys-color-on-primary-container-rgb: 44, 21, 18;--mtrl-sys-color-secondary: #d7cdb7;--mtrl-sys-color-secondary-rgb: 215, 205, 183;--mtrl-sys-color-on-secondary: #32302a;--mtrl-sys-color-on-secondary-rgb: 50, 48, 42;--mtrl-sys-color-secondary-container: #f6f0e4;--mtrl-sys-color-secondary-container-rgb: 246, 240, 228;--mtrl-sys-color-on-secondary-container: #3d3a2f;--mtrl-sys-color-on-secondary-container-rgb: 61, 58, 47;--mtrl-sys-color-tertiary: #795548;--mtrl-sys-color-tertiary-rgb: 121, 85, 72;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffd8c7;--mtrl-sys-color-tertiary-container-rgb: 255, 216, 199;--mtrl-sys-color-on-tertiary-container: #2e1f1a;--mtrl-sys-color-on-tertiary-container-rgb: 46, 31, 26;--mtrl-sys-color-surface: #fffbf7;--mtrl-sys-color-surface-rgb: 31, 27, 23;--mtrl-sys-color-surface-dim: #efe9e2;--mtrl-sys-color-surface-dim-rgb: 239, 233, 226;--mtrl-sys-color-surface-bright: #fffbf7;--mtrl-sys-color-surface-bright-rgb: 255, 251, 247;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #fbf5ef;--mtrl-sys-color-surface-container-low-rgb: 251, 245, 239;--mtrl-sys-color-surface-container: #f5efe9;--mtrl-sys-color-surface-container-rgb: 245, 239, 233;--mtrl-sys-color-surface-container-high: #efe9e3;--mtrl-sys-color-surface-container-high-rgb: 239, 233, 227;--mtrl-sys-color-surface-container-highest: #e9e3dd;--mtrl-sys-color-surface-container-highest-rgb: 233, 227, 221;--mtrl-sys-color-on-surface: #1f1b17;--mtrl-sys-color-on-surface-rgb: 31, 27, 23;--mtrl-sys-color-on-surface-variant: #4a443d;--mtrl-sys-color-on-surface-variant-rgb: 74, 68, 61;--mtrl-sys-color-outline: #7a7267;--mtrl-sys-color-outline-rgb: 122, 114, 103;--mtrl-sys-color-outline-variant: #cbc3b8;--mtrl-sys-color-outline-variant-rgb: 203, 195, 184;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=brownbeige][data-theme-mode=dark]{--mtrl-sys-color-primary: #ffab95;--mtrl-sys-color-primary-rgb: 255, 171, 149;--mtrl-sys-color-on-primary: #4a2b23;--mtrl-sys-color-on-primary-rgb: 74, 43, 35;--mtrl-sys-color-primary-container: #653b31;--mtrl-sys-color-primary-container-rgb: 101, 59, 49;--mtrl-sys-color-on-primary-container: #ffdbd0;--mtrl-sys-color-on-primary-container-rgb: 255, 219, 208;--mtrl-sys-color-secondary: #e0d6c0;--mtrl-sys-color-secondary-rgb: 224, 214, 192;--mtrl-sys-color-on-secondary: #3d3a2f;--mtrl-sys-color-on-secondary-rgb: 61, 58, 47;--mtrl-sys-color-secondary-container: #554f43;--mtrl-sys-color-secondary-container-rgb: 85, 79, 67;--mtrl-sys-color-on-secondary-container: #f6f0e4;--mtrl-sys-color-on-secondary-container-rgb: 246, 240, 228;--mtrl-sys-color-tertiary: #ffb59f;--mtrl-sys-color-tertiary-rgb: 255, 181, 159;--mtrl-sys-color-on-tertiary: #4a2b1d;--mtrl-sys-color-on-tertiary-rgb: 74, 43, 29;--mtrl-sys-color-tertiary-container: #653f2f;--mtrl-sys-color-tertiary-container-rgb: 101, 63, 47;--mtrl-sys-color-on-tertiary-container: #ffd8c7;--mtrl-sys-color-on-tertiary-container-rgb: 255, 216, 199;--mtrl-sys-color-surface: #1f1b17;--mtrl-sys-color-surface-rgb: 31, 27, 23;--mtrl-sys-color-surface-dim: #17130f;--mtrl-sys-color-surface-dim-rgb: 23, 19, 15;--mtrl-sys-color-surface-bright: #3b332e;--mtrl-sys-color-surface-bright-rgb: 59, 51, 46;--mtrl-sys-color-surface-container-lowest: #130f0a;--mtrl-sys-color-surface-container-lowest-rgb: 19, 15, 10;--mtrl-sys-color-surface-container-low: #1f1b17;--mtrl-sys-color-surface-container-low-rgb: 31, 27, 23;--mtrl-sys-color-surface-container: #241f1b;--mtrl-sys-color-surface-container-rgb: 36, 31, 27;--mtrl-sys-color-surface-container-high: #2f2925;--mtrl-sys-color-surface-container-high-rgb: 47, 41, 37;--mtrl-sys-color-surface-container-highest: #3a332f;--mtrl-sys-color-surface-container-highest-rgb: 58, 51, 47;--mtrl-sys-color-on-surface: #ece0d8;--mtrl-sys-color-on-surface-rgb: 236, 224, 216;--mtrl-sys-color-on-surface-variant: #cbc3b8;--mtrl-sys-color-on-surface-variant-rgb: 203, 195, 184;--mtrl-sys-color-outline: #948b7f;--mtrl-sys-color-outline-rgb: 148, 139, 127;--mtrl-sys-color-outline-variant: #4a443d;--mtrl-sys-color-outline-variant-rgb: 74, 68, 61;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/browngreen.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=browngreen]{--mtrl-sys-color-primary: #3e2723;--mtrl-sys-color-primary-rgb: 62, 39, 35;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #ffbdad;--mtrl-sys-color-primary-container-rgb: 255, 189, 173;--mtrl-sys-color-on-primary-container: #2c1513;--mtrl-sys-color-on-primary-container-rgb: 44, 21, 19;--mtrl-sys-color-secondary: #536e4a;--mtrl-sys-color-secondary-rgb: 83, 110, 74;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #d4e8ca;--mtrl-sys-color-secondary-container-rgb: 212, 232, 202;--mtrl-sys-color-on-secondary-container: #1a2715;--mtrl-sys-color-on-secondary-container-rgb: 26, 39, 21;--mtrl-sys-color-tertiary: #7d5e56;--mtrl-sys-color-tertiary-rgb: 125, 94, 86;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #ffdbcf;--mtrl-sys-color-tertiary-container-rgb: 255, 219, 207;--mtrl-sys-color-on-tertiary-container: #321b16;--mtrl-sys-color-on-tertiary-container-rgb: 50, 27, 22;--mtrl-sys-color-surface: #fafaf5;--mtrl-sys-color-surface-rgb: 27, 27, 23;--mtrl-sys-color-surface-dim: #e6e6e0;--mtrl-sys-color-surface-dim-rgb: 230, 230, 224;--mtrl-sys-color-surface-bright: #fafaf5;--mtrl-sys-color-surface-bright-rgb: 250, 250, 245;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f4f4ef;--mtrl-sys-color-surface-container-low-rgb: 244, 244, 239;--mtrl-sys-color-surface-container: #eeeeea;--mtrl-sys-color-surface-container-rgb: 238, 238, 234;--mtrl-sys-color-surface-container-high: #e8e8e4;--mtrl-sys-color-surface-container-high-rgb: 232, 232, 228;--mtrl-sys-color-surface-container-highest: #e2e2de;--mtrl-sys-color-surface-container-highest-rgb: 226, 226, 222;--mtrl-sys-color-on-surface: #1b1b17;--mtrl-sys-color-on-surface-rgb: 27, 27, 23;--mtrl-sys-color-on-surface-variant: #46463c;--mtrl-sys-color-on-surface-variant-rgb: 70, 70, 60;--mtrl-sys-color-outline: #76766c;--mtrl-sys-color-outline-rgb: 118, 118, 108;--mtrl-sys-color-outline-variant: #c7c7bd;--mtrl-sys-color-outline-variant-rgb: 199, 199, 189;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=browngreen][data-theme-mode=dark]{--mtrl-sys-color-primary: #ffb0a1;--mtrl-sys-color-primary-rgb: 255, 176, 161;--mtrl-sys-color-on-primary: #461d18;--mtrl-sys-color-on-primary-rgb: 70, 29, 24;--mtrl-sys-color-primary-container: #62342e;--mtrl-sys-color-primary-container-rgb: 98, 52, 46;--mtrl-sys-color-on-primary-container: #ffdbcf;--mtrl-sys-color-on-primary-container-rgb: 255, 219, 207;--mtrl-sys-color-secondary: #b8ccae;--mtrl-sys-color-secondary-rgb: 184, 204, 174;--mtrl-sys-color-on-secondary: #283b24;--mtrl-sys-color-on-secondary-rgb: 40, 59, 36;--mtrl-sys-color-secondary-container: #3c5436;--mtrl-sys-color-secondary-container-rgb: 60, 84, 54;--mtrl-sys-color-on-secondary-container: #d4e8ca;--mtrl-sys-color-on-secondary-container-rgb: 212, 232, 202;--mtrl-sys-color-tertiary: #f5b8aa;--mtrl-sys-color-tertiary-rgb: 245, 184, 170;--mtrl-sys-color-on-tertiary: #48291f;--mtrl-sys-color-on-tertiary-rgb: 72, 41, 31;--mtrl-sys-color-tertiary-container: #634539;--mtrl-sys-color-tertiary-container-rgb: 99, 69, 57;--mtrl-sys-color-on-tertiary-container: #ffdbcf;--mtrl-sys-color-on-tertiary-container-rgb: 255, 219, 207;--mtrl-sys-color-surface: #1b1b17;--mtrl-sys-color-surface-rgb: 27, 27, 23;--mtrl-sys-color-surface-dim: #13130f;--mtrl-sys-color-surface-dim-rgb: 19, 19, 15;--mtrl-sys-color-surface-bright: #39392f;--mtrl-sys-color-surface-bright-rgb: 57, 57, 47;--mtrl-sys-color-surface-container-lowest: #0f0f0b;--mtrl-sys-color-surface-container-lowest-rgb: 15, 15, 11;--mtrl-sys-color-surface-container-low: #1b1b17;--mtrl-sys-color-surface-container-low-rgb: 27, 27, 23;--mtrl-sys-color-surface-container: #1f1f1b;--mtrl-sys-color-surface-container-rgb: 31, 31, 27;--mtrl-sys-color-surface-container-high: #2a2a25;--mtrl-sys-color-surface-container-high-rgb: 42, 42, 37;--mtrl-sys-color-surface-container-highest: #35352f;--mtrl-sys-color-surface-container-highest-rgb: 53, 53, 47;--mtrl-sys-color-on-surface: #e2e2dd;--mtrl-sys-color-on-surface-rgb: 226, 226, 221;--mtrl-sys-color-on-surface-variant: #c7c7bd;--mtrl-sys-color-on-surface-variant-rgb: 199, 199, 189;--mtrl-sys-color-outline: #909087;--mtrl-sys-color-outline-rgb: 144, 144, 135;--mtrl-sys-color-outline-variant: #46463c;--mtrl-sys-color-outline-variant-rgb: 70, 70, 60;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/desert.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=desert]{--mtrl-sys-color-primary: #9a7a3e;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #f0ddb8;--mtrl-sys-color-on-primary-container: #2d2008;--mtrl-sys-color-secondary: #4a87c4;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d4e5f7;--mtrl-sys-color-on-secondary-container: #0a2840;--mtrl-sys-color-tertiary: #3a9e95;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #a8e5df;--mtrl-sys-color-on-tertiary-container: #0a2d2a;--mtrl-sys-color-surface: #fdf9f3;--mtrl-sys-color-surface-dim: #e3dfd7;--mtrl-sys-color-surface-bright: #fdf9f3;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f7f3eb;--mtrl-sys-color-surface-container: #f1ede5;--mtrl-sys-color-surface-container-high: #ebe7df;--mtrl-sys-color-surface-container-highest: #e5e1d9;--mtrl-sys-color-on-surface: #1d1b17;--mtrl-sys-color-on-surface-variant: #4a4640;--mtrl-sys-color-outline: #7c7770;--mtrl-sys-color-outline-variant: #cdc7be;--mtrl-sys-color-surface-rgb: 29, 27, 23;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=desert][data-theme-mode=dark]{--mtrl-sys-color-primary: #d4bc8a;--mtrl-sys-color-on-primary: #3d2e12;--mtrl-sys-color-primary-container: #5c4a26;--mtrl-sys-color-on-primary-container: #f0ddb8;--mtrl-sys-color-secondary: #a3c9ef;--mtrl-sys-color-on-secondary: #0f3a5c;--mtrl-sys-color-secondary-container: #2d5a82;--mtrl-sys-color-on-secondary-container: #d4e5f7;--mtrl-sys-color-tertiary: #7dd4cb;--mtrl-sys-color-on-tertiary: #0a3b36;--mtrl-sys-color-tertiary-container: #1f5c55;--mtrl-sys-color-on-tertiary-container: #a8e5df;--mtrl-sys-color-surface: #1d1b17;--mtrl-sys-color-surface-dim: #141210;--mtrl-sys-color-surface-bright: #3a3732;--mtrl-sys-color-surface-container-lowest: #100e0c;--mtrl-sys-color-surface-container-low: #1d1b17;--mtrl-sys-color-surface-container: #21201c;--mtrl-sys-color-surface-container-high: #2c2a26;--mtrl-sys-color-surface-container-highest: #373431;--mtrl-sys-color-on-surface: #e7e3db;--mtrl-sys-color-on-surface-variant: #cdc7be;--mtrl-sys-color-outline: #969189;--mtrl-sys-color-outline-variant: #4a4640;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/forest.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=forest]{--mtrl-sys-color-primary: #3f4f2f;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c1d1a8;--mtrl-sys-color-on-primary-container: #121d04;--mtrl-sys-color-secondary: #5d5242;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #e1d6c4;--mtrl-sys-color-on-secondary-container: #201a10;--mtrl-sys-color-tertiary: #486446;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #cae7c3;--mtrl-sys-color-on-tertiary-container: #0a2010;--mtrl-sys-color-surface: #faf9f2;--mtrl-sys-color-surface-dim: #e0dfd5;--mtrl-sys-color-surface-bright: #faf9f2;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f4f3ec;--mtrl-sys-color-surface-container: #eeedde;--mtrl-sys-color-surface-container-high: #e8e7d8;--mtrl-sys-color-surface-container-highest: #e2e1d2;--mtrl-sys-color-on-surface: #1b1c17;--mtrl-sys-color-on-surface-variant: #464840;--mtrl-sys-color-outline: #767b6f;--mtrl-sys-color-outline-variant: #c9ccb7;--mtrl-sys-color-surface-rgb: 27, 28, 23;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=forest][data-theme-mode=dark]{--mtrl-sys-color-primary: #a5b58d;--mtrl-sys-color-on-primary: #213516;--mtrl-sys-color-primary-container: #324b23;--mtrl-sys-color-on-primary-container: #c1d1a8;--mtrl-sys-color-secondary: #c5baab;--mtrl-sys-color-on-secondary: #362f21;--mtrl-sys-color-secondary-container: #4a4231;--mtrl-sys-color-on-secondary-container: #e1d6c4;--mtrl-sys-color-tertiary: #aecba8;--mtrl-sys-color-on-tertiary: #123623;--mtrl-sys-color-tertiary-container: #2c4d34;--mtrl-sys-color-on-tertiary-container: #cae7c3;--mtrl-sys-color-surface: #1b1c17;--mtrl-sys-color-surface-dim: #13140f;--mtrl-sys-color-surface-bright: #383932;--mtrl-sys-color-surface-container-lowest: #0f100b;--mtrl-sys-color-surface-container-low: #1b1c17;--mtrl-sys-color-surface-container: #1f201b;--mtrl-sys-color-surface-container-high: #292a25;--mtrl-sys-color-surface-container-highest: #34352f;--mtrl-sys-color-on-surface: #e3e3dc;--mtrl-sys-color-on-surface-variant: #c9ccb7;--mtrl-sys-color-outline: #929688;--mtrl-sys-color-outline-variant: #464840;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/highcontrast.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=highcontrast]{--mtrl-sys-color-primary: #0052cc;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #cce0ff;--mtrl-sys-color-on-primary-container: #001a41;--mtrl-sys-color-secondary: #404040;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d9d9d9;--mtrl-sys-color-on-secondary-container: #000000;--mtrl-sys-color-tertiary: #006644;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ccf2e1;--mtrl-sys-color-on-tertiary-container: #00261a;--mtrl-sys-color-surface: #ffffff;--mtrl-sys-color-surface-dim: #e6e6e6;--mtrl-sys-color-surface-bright: #ffffff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f5f5f5;--mtrl-sys-color-surface-container: #eeeeee;--mtrl-sys-color-surface-container-high: #e0e0e0;--mtrl-sys-color-surface-container-highest: #d6d6d6;--mtrl-sys-color-on-surface: #000000;--mtrl-sys-color-on-surface-variant: #1a1a1a;--mtrl-sys-color-outline: #000000;--mtrl-sys-color-outline-variant: #4d4d4d;--mtrl-sys-color-surface-rgb: 0, 0, 0;--mtrl-sys-color-error: #b80000;--mtrl-sys-color-error-rgb: 184, 0, 0;--mtrl-sys-color-on-error: #ffffff;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #ffd9d9;--mtrl-sys-color-error-container-rgb: 255, 217, 217;--mtrl-sys-color-on-error-container: #410000;--mtrl-sys-color-on-error-container-rgb: 65, 0, 0;--mtrl-sys-color-success: #006622;--mtrl-sys-color-success-rgb: 0, 102, 34;--mtrl-sys-color-on-success: #ffffff;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-success-container: #ccf5d9;--mtrl-sys-color-success-container-rgb: 204, 245, 217;--mtrl-sys-color-on-success-container: #00260d;--mtrl-sys-color-on-success-container-rgb: 0, 38, 13;--mtrl-sys-color-warning: #7a5400;--mtrl-sys-color-warning-rgb: 122, 84, 0;--mtrl-sys-color-on-warning: #ffffff;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-warning-container: #ffeccc;--mtrl-sys-color-warning-container-rgb: 255, 236, 204;--mtrl-sys-color-on-warning-container: #261a00;--mtrl-sys-color-on-warning-container-rgb: 38, 26, 0;--mtrl-sys-color-info: #004080;--mtrl-sys-color-info-rgb: 0, 64, 128;--mtrl-sys-color-on-info: #ffffff;--mtrl-sys-color-on-info-rgb: 255, 255, 255;--mtrl-sys-color-info-container: #cce0ff;--mtrl-sys-color-info-container-rgb: 204, 224, 255;--mtrl-sys-color-on-info-container: #001433;--mtrl-sys-color-on-info-container-rgb: 0, 20, 51}[data-theme=highcontrast][data-theme-mode=dark]{--mtrl-sys-color-primary: #66b3ff;--mtrl-sys-color-on-primary: #001a33;--mtrl-sys-color-primary-container: #003d80;--mtrl-sys-color-on-primary-container: #cce0ff;--mtrl-sys-color-secondary: #c0c0c0;--mtrl-sys-color-on-secondary: #000000;--mtrl-sys-color-secondary-container: #404040;--mtrl-sys-color-on-secondary-container: #ffffff;--mtrl-sys-color-tertiary: #66e6aa;--mtrl-sys-color-on-tertiary: #00261a;--mtrl-sys-color-tertiary-container: #004d33;--mtrl-sys-color-on-tertiary-container: #ccf2e1;--mtrl-sys-color-surface: #000000;--mtrl-sys-color-surface-dim: #000000;--mtrl-sys-color-surface-bright: #2e2e2e;--mtrl-sys-color-surface-container-lowest: #000000;--mtrl-sys-color-surface-container-low: #121212;--mtrl-sys-color-surface-container: #1a1a1a;--mtrl-sys-color-surface-container-high: #242424;--mtrl-sys-color-surface-container-highest: #2e2e2e;--mtrl-sys-color-on-surface: #ffffff;--mtrl-sys-color-on-surface-variant: #e6e6e6;--mtrl-sys-color-outline: #ffffff;--mtrl-sys-color-outline-variant: #b3b3b3;--mtrl-sys-color-error: #ff6666;--mtrl-sys-color-error-rgb: 255, 102, 102;--mtrl-sys-color-on-error: #330000;--mtrl-sys-color-on-error-rgb: 51, 0, 0;--mtrl-sys-color-error-container: #800000;--mtrl-sys-color-error-container-rgb: 128, 0, 0;--mtrl-sys-color-on-error-container: #ffcccc;--mtrl-sys-color-on-error-container-rgb: 255, 204, 204;--mtrl-sys-color-success: #66ff8c;--mtrl-sys-color-success-rgb: 102, 255, 140;--mtrl-sys-color-on-success: #003311;--mtrl-sys-color-on-success-rgb: 0, 51, 17;--mtrl-sys-color-success-container: #004d1a;--mtrl-sys-color-success-container-rgb: 0, 77, 26;--mtrl-sys-color-on-success-container: #ccffdd;--mtrl-sys-color-on-success-container-rgb: 204, 255, 221;--mtrl-sys-color-warning: #ffcc00;--mtrl-sys-color-warning-rgb: 255, 204, 0;--mtrl-sys-color-on-warning: #332900;--mtrl-sys-color-on-warning-rgb: 51, 41, 0;--mtrl-sys-color-warning-container: #664d00;--mtrl-sys-color-warning-container-rgb: 102, 77, 0;--mtrl-sys-color-on-warning-container: #ffe680;--mtrl-sys-color-on-warning-container-rgb: 255, 230, 128;--mtrl-sys-color-info: #80c4ff;--mtrl-sys-color-info-rgb: 128, 196, 255;--mtrl-sys-color-on-info: #001a33;--mtrl-sys-color-on-info-rgb: 0, 26, 51;--mtrl-sys-color-info-container: #003366;--mtrl-sys-color-info-container-rgb: 0, 51, 102;--mtrl-sys-color-on-info-container: #cce6ff;--mtrl-sys-color-on-info-container-rgb: 204, 230, 255}
package/dist/themes/legacy.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=legacy]{--mtrl-sys-color-primary: #00489a;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #d6e3ff;--mtrl-sys-color-on-primary-container: #001b3f;--mtrl-sys-color-secondary: #ea9d97;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdad6;--mtrl-sys-color-on-secondary-container: #3b0907;--mtrl-sys-color-tertiary: #ff3400;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffd9cc;--mtrl-sys-color-on-tertiary-container: #3a0c00;--mtrl-sys-color-surface: #f7f4f0;--mtrl-sys-color-surface-dim: #d9d5d0;--mtrl-sys-color-surface-bright: #fbf9f6;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f3efea;--mtrl-sys-color-surface-container: #efeae4;--mtrl-sys-color-surface-container-high: #e8e3dd;--mtrl-sys-color-surface-container-highest: #e1dcd6;--mtrl-sys-color-on-surface: #1d1b19;--mtrl-sys-color-on-surface-variant: #4a4643;--mtrl-sys-color-outline: #7a7571;--mtrl-sys-color-outline-variant: #ccc6c0;--mtrl-sys-color-surface-rgb: 29, 27, 25;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=legacy][data-theme-mode=dark]{--mtrl-sys-color-primary: #7db4ff;--mtrl-sys-color-on-primary: #002a63;--mtrl-sys-color-primary-container: #00489a;--mtrl-sys-color-on-primary-container: #ffffff;--mtrl-sys-color-secondary: #e08e88;--mtrl-sys-color-on-secondary: #3b0907;--mtrl-sys-color-secondary-container: #7a3a35;--mtrl-sys-color-on-secondary-container: #ffdad6;--mtrl-sys-color-tertiary: #ff5c2e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #8a1c00;--mtrl-sys-color-on-tertiary-container: #ffd9cc;--mtrl-sys-color-surface: #262631;--mtrl-sys-color-surface-dim: #262631;--mtrl-sys-color-surface-bright: #4a4a5a;--mtrl-sys-color-surface-container-lowest: #1e1e27;--mtrl-sys-color-surface-container-low: #2c2c38;--mtrl-sys-color-surface-container: #363644;--mtrl-sys-color-surface-container-high: #3f3f4e;--mtrl-sys-color-surface-container-highest: #4a4a5a;--mtrl-sys-color-on-surface: #e6e4ea;--mtrl-sys-color-on-surface-variant: #c6c4cc;--mtrl-sys-color-outline: #8f8d96;--mtrl-sys-color-outline-variant: #45444f;--mtrl-sys-color-surface-rgb: 38, 38, 49;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/material.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=material]{--mtrl-sys-color-primary: #6750a4;--mtrl-sys-color-primary-rgb: 100, 66, 214;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #9f86ff;--mtrl-sys-color-primary-container-rgb: 159, 134, 255;--mtrl-sys-color-on-primary-container: #1e0060;--mtrl-sys-color-on-primary-container-rgb: 30, 0, 96;--mtrl-sys-color-secondary: #5d5d74;--mtrl-sys-color-secondary-rgb: 93, 93, 116;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #dcdaf5;--mtrl-sys-color-secondary-container-rgb: 220, 218, 245;--mtrl-sys-color-on-secondary-container: #21182b;--mtrl-sys-color-on-secondary-container-rgb: 33, 24, 43;--mtrl-sys-color-tertiary: #7d5260;--mtrl-sys-color-tertiary-rgb: 125, 82, 96;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #f1d3f9;--mtrl-sys-color-tertiary-container-rgb: 241, 211, 249;--mtrl-sys-color-on-tertiary-container: #271430;--mtrl-sys-color-on-tertiary-container-rgb: 39, 20, 48;--mtrl-sys-color-surface: #fefbff;--mtrl-sys-color-surface-rgb: 254, 251, 255;--mtrl-sys-color-surface-dim: #e8e0e8;--mtrl-sys-color-surface-dim-rgb: 232, 224, 232;--mtrl-sys-color-surface-bright: #ffffff;--mtrl-sys-color-surface-bright-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f8f1f6;--mtrl-sys-color-surface-container-low-rgb: 248, 241, 246;--mtrl-sys-color-surface-container: #f2ecee;--mtrl-sys-color-surface-container-rgb: 242, 236, 238;--mtrl-sys-color-surface-container-high: #ece7e9;--mtrl-sys-color-surface-container-high-rgb: 236, 231, 233;--mtrl-sys-color-surface-container-highest: #e6e1e3;--mtrl-sys-color-surface-container-highest-rgb: 230, 225, 227;--mtrl-sys-color-on-surface: #1c1b1d;--mtrl-sys-color-on-surface-rgb: 28, 27, 29;--mtrl-sys-color-on-surface-variant: #4d4256;--mtrl-sys-color-on-surface-variant-rgb: 77, 66, 86;--mtrl-sys-color-outline: #787579;--mtrl-sys-color-outline-rgb: 120, 117, 121;--mtrl-sys-color-outline-variant: #cac4d0;--mtrl-sys-color-outline-variant-rgb: 202, 196, 208;--mtrl-sys-color-surface-rgb: 28, 27, 29;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=material][data-theme-mode=dark]{--mtrl-sys-color-primary: #cbbeff;--mtrl-sys-color-primary-rgb: 203, 190, 255;--mtrl-sys-color-on-primary: #340098;--mtrl-sys-color-on-primary-rgb: 52, 0, 152;--mtrl-sys-color-primary-container: #4b21bd;--mtrl-sys-color-primary-container-rgb: 75, 33, 189;--mtrl-sys-color-on-primary-container: #e9ddff;--mtrl-sys-color-on-primary-container-rgb: 233, 221, 255;--mtrl-sys-color-secondary: #c2c0db;--mtrl-sys-color-secondary-rgb: 194, 192, 219;--mtrl-sys-color-on-secondary: #332d41;--mtrl-sys-color-on-secondary-rgb: 51, 45, 65;--mtrl-sys-color-secondary-container: #474459;--mtrl-sys-color-secondary-container-rgb: 71, 68, 89;--mtrl-sys-color-on-secondary-container: #e9e0f9;--mtrl-sys-color-on-secondary-container-rgb: 233, 224, 249;--mtrl-sys-color-tertiary: #efb8c8;--mtrl-sys-color-tertiary-rgb: 239, 184, 200;--mtrl-sys-color-on-tertiary: #492532;--mtrl-sys-color-on-tertiary-rgb: 73, 37, 50;--mtrl-sys-color-tertiary-container: #633b48;--mtrl-sys-color-tertiary-container-rgb: 99, 59, 72;--mtrl-sys-color-on-tertiary-container: #ffd9e2;--mtrl-sys-color-on-tertiary-container-rgb: 255, 217, 226;--mtrl-sys-color-surface: #1c1b1f;--mtrl-sys-color-surface-rgb: 28, 27, 31;--mtrl-sys-color-surface-dim: #141218;--mtrl-sys-color-surface-dim-rgb: 20, 18, 24;--mtrl-sys-color-surface-bright: #3b383d;--mtrl-sys-color-surface-bright-rgb: 59, 56, 61;--mtrl-sys-color-surface-container-lowest: #0f0d13;--mtrl-sys-color-surface-container-lowest-rgb: 15, 13, 19;--mtrl-sys-color-surface-container-low: #1d1b20;--mtrl-sys-color-surface-container-low-rgb: 29, 27, 32;--mtrl-sys-color-surface-container: #211f26;--mtrl-sys-color-surface-container-rgb: 33, 31, 38;--mtrl-sys-color-surface-container-high: #2b2930;--mtrl-sys-color-surface-container-high-rgb: 43, 41, 48;--mtrl-sys-color-surface-container-highest: #36343b;--mtrl-sys-color-surface-container-highest-rgb: 54, 52, 59;--mtrl-sys-color-on-surface: #e6e1e5;--mtrl-sys-color-on-surface-rgb: 230, 225, 229;--mtrl-sys-color-on-surface-variant: #cac4d0;--mtrl-sys-color-on-surface-variant-rgb: 202, 196, 208;--mtrl-sys-color-outline: #948f99;--mtrl-sys-color-outline-rgb: 148, 143, 153;--mtrl-sys-color-outline-variant: #444746;--mtrl-sys-color-outline-variant-rgb: 68, 71, 70;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/ocean.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=ocean]{--mtrl-sys-color-primary: #006493;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #cce5ff;--mtrl-sys-color-on-primary-container: #001e30;--mtrl-sys-color-secondary: #4f616e;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d2e5f5;--mtrl-sys-color-on-secondary-container: #0b1d29;--mtrl-sys-color-tertiary: #625b71;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #e9defa;--mtrl-sys-color-on-tertiary-container: #1e192c;--mtrl-sys-color-surface: #f8fdff;--mtrl-sys-color-surface-dim: #d8e5ed;--mtrl-sys-color-surface-bright: #f8fdff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f3f8fc;--mtrl-sys-color-surface-container: #edf3f7;--mtrl-sys-color-surface-container-high: #e7edf2;--mtrl-sys-color-surface-container-highest: #e1e7ec;--mtrl-sys-color-on-surface: #191c1e;--mtrl-sys-color-on-surface-variant: #41484d;--mtrl-sys-color-outline: #71787d;--mtrl-sys-color-outline-variant: #c1c8cd;--mtrl-sys-color-surface-rgb: 25, 28, 30;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=ocean][data-theme-mode=dark]{--mtrl-sys-color-primary: #8dcdff;--mtrl-sys-color-on-primary: #003351;--mtrl-sys-color-primary-container: #004b74;--mtrl-sys-color-on-primary-container: #cce5ff;--mtrl-sys-color-secondary: #b6c9d8;--mtrl-sys-color-on-secondary: #21323e;--mtrl-sys-color-secondary-container: #374956;--mtrl-sys-color-on-secondary-container: #d2e5f5;--mtrl-sys-color-tertiary: #ccc2dc;--mtrl-sys-color-on-tertiary: #332d41;--mtrl-sys-color-tertiary-container: #4a4458;--mtrl-sys-color-on-tertiary-container: #e9defa;--mtrl-sys-color-surface: #191c1e;--mtrl-sys-color-surface-dim: #101416;--mtrl-sys-color-surface-bright: #373b3d;--mtrl-sys-color-surface-container-lowest: #0c0e10;--mtrl-sys-color-surface-container-low: #191c1e;--mtrl-sys-color-surface-container: #1d2022;--mtrl-sys-color-surface-container-high: #272a2c;--mtrl-sys-color-surface-container-highest: #323536;--mtrl-sys-color-on-surface: #e1e3e4;--mtrl-sys-color-on-surface-variant: #c1c8cd;--mtrl-sys-color-outline: #8b9297;--mtrl-sys-color-outline-variant: #41484d;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/sageivory.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=sageivory]{--mtrl-sys-color-primary: #7d8c73;--mtrl-sys-color-primary-rgb: 125, 140, 115;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #dfe8d6;--mtrl-sys-color-primary-container-rgb: 223, 232, 214;--mtrl-sys-color-on-primary-container: #2c3526;--mtrl-sys-color-on-primary-container-rgb: 44, 53, 38;--mtrl-sys-color-secondary: #f0ecd5;--mtrl-sys-color-secondary-rgb: 240, 236, 213;--mtrl-sys-color-on-secondary: #4c4935;--mtrl-sys-color-on-secondary-rgb: 76, 73, 53;--mtrl-sys-color-secondary-container: #f8f7eb;--mtrl-sys-color-secondary-container-rgb: 248, 247, 235;--mtrl-sys-color-on-secondary-container: #504d3b;--mtrl-sys-color-on-secondary-container-rgb: 80, 77, 59;--mtrl-sys-color-tertiary: #a4ae98;--mtrl-sys-color-tertiary-rgb: 164, 174, 152;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #e7eee0;--mtrl-sys-color-tertiary-container-rgb: 231, 238, 224;--mtrl-sys-color-on-tertiary-container: #3c4633;--mtrl-sys-color-on-tertiary-container-rgb: 60, 70, 51;--mtrl-sys-color-surface: #fbfcf8;--mtrl-sys-color-surface-rgb: 251, 252, 248;--mtrl-sys-color-surface-dim: #edefea;--mtrl-sys-color-surface-dim-rgb: 237, 239, 234;--mtrl-sys-color-surface-bright: #fbfcf8;--mtrl-sys-color-surface-bright-rgb: 251, 252, 248;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f5f6f2;--mtrl-sys-color-surface-container-low-rgb: 245, 246, 242;--mtrl-sys-color-surface-container: #eff0ec;--mtrl-sys-color-surface-container-rgb: 239, 240, 236;--mtrl-sys-color-surface-container-high: #e9eae6;--mtrl-sys-color-surface-container-high-rgb: 233, 234, 230;--mtrl-sys-color-surface-container-highest: #e3e4e0;--mtrl-sys-color-surface-container-highest-rgb: 227, 228, 224;--mtrl-sys-color-on-surface: #1a1c17;--mtrl-sys-color-on-surface-rgb: 26, 28, 23;--mtrl-sys-color-on-surface-variant: #454741;--mtrl-sys-color-on-surface-variant-rgb: 69, 71, 65;--mtrl-sys-color-outline: #75776e;--mtrl-sys-color-outline-rgb: 117, 119, 110;--mtrl-sys-color-outline-variant: #c5c8bc;--mtrl-sys-color-outline-variant-rgb: 197, 200, 188;--mtrl-sys-color-surface-rgb: 26, 28, 23;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=sageivory][data-theme-mode=dark]{--mtrl-sys-color-primary: #c3ccba;--mtrl-sys-color-primary-rgb: 195, 204, 186;--mtrl-sys-color-on-primary: #3c4933;--mtrl-sys-color-on-primary-rgb: 60, 73, 51;--mtrl-sys-color-primary-container: #576148;--mtrl-sys-color-primary-container-rgb: 87, 97, 72;--mtrl-sys-color-on-primary-container: #dfe8d6;--mtrl-sys-color-on-primary-container-rgb: 223, 232, 214;--mtrl-sys-color-secondary: #eeebdc;--mtrl-sys-color-secondary-rgb: 238, 235, 220;--mtrl-sys-color-on-secondary: #4c4935;--mtrl-sys-color-on-secondary-rgb: 76, 73, 53;--mtrl-sys-color-secondary-container: #65624c;--mtrl-sys-color-secondary-container-rgb: 101, 98, 76;--mtrl-sys-color-on-secondary-container: #f8f7eb;--mtrl-sys-color-on-secondary-container-rgb: 248, 247, 235;--mtrl-sys-color-tertiary: #cbd4c0;--mtrl-sys-color-tertiary-rgb: 203, 212, 192;--mtrl-sys-color-on-tertiary: #3e4934;--mtrl-sys-color-on-tertiary-rgb: 62, 73, 52;--mtrl-sys-color-tertiary-container: #57624a;--mtrl-sys-color-tertiary-container-rgb: 87, 98, 74;--mtrl-sys-color-on-tertiary-container: #e7eee0;--mtrl-sys-color-on-tertiary-container-rgb: 231, 238, 224;--mtrl-sys-color-surface: #1a1c17;--mtrl-sys-color-surface-rgb: 26, 28, 23;--mtrl-sys-color-surface-dim: #12140f;--mtrl-sys-color-surface-dim-rgb: 18, 20, 15;--mtrl-sys-color-surface-bright: #363831;--mtrl-sys-color-surface-bright-rgb: 54, 56, 49;--mtrl-sys-color-surface-container-lowest: #0f110c;--mtrl-sys-color-surface-container-lowest-rgb: 15, 17, 12;--mtrl-sys-color-surface-container-low: #1a1c17;--mtrl-sys-color-surface-container-low-rgb: 26, 28, 23;--mtrl-sys-color-surface-container: #1e201b;--mtrl-sys-color-surface-container-rgb: 30, 32, 27;--mtrl-sys-color-surface-container-high: #292b25;--mtrl-sys-color-surface-container-high-rgb: 41, 43, 37;--mtrl-sys-color-surface-container-highest: #34362f;--mtrl-sys-color-surface-container-highest-rgb: 52, 54, 47;--mtrl-sys-color-on-surface: #e2e3dd;--mtrl-sys-color-on-surface-rgb: 226, 227, 221;--mtrl-sys-color-on-surface-variant: #c5c7be;--mtrl-sys-color-on-surface-variant-rgb: 197, 199, 190;--mtrl-sys-color-outline: #8f9187;--mtrl-sys-color-outline-rgb: 143, 145, 135;--mtrl-sys-color-outline-variant: #454741;--mtrl-sys-color-outline-variant-rgb: 69, 71, 65;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/spring.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=spring]{--mtrl-sys-color-primary: #006e2b;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #95f99a;--mtrl-sys-color-on-primary-container: #002108;--mtrl-sys-color-secondary: #526350;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d5e8cf;--mtrl-sys-color-on-secondary-container: #101f10;--mtrl-sys-color-tertiary: #386667;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #bbecee;--mtrl-sys-color-on-tertiary-container: #002021;--mtrl-sys-color-surface: #f8fff3;--mtrl-sys-color-surface-dim: #d9e8d3;--mtrl-sys-color-surface-bright: #f8fff3;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f2faed;--mtrl-sys-color-surface-container: #ecf4e7;--mtrl-sys-color-surface-container-high: #e6eee1;--mtrl-sys-color-surface-container-highest: #e0e8db;--mtrl-sys-color-on-surface: #191d19;--mtrl-sys-color-on-surface-variant: #424940;--mtrl-sys-color-outline: #727970;--mtrl-sys-color-outline-variant: #c1c9be;--mtrl-sys-color-surface-rgb: 25, 29, 25;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=spring][data-theme-mode=dark]{--mtrl-sys-color-primary: #79dc80;--mtrl-sys-color-on-primary: #003914;--mtrl-sys-color-primary-container: #00531f;--mtrl-sys-color-on-primary-container: #95f99a;--mtrl-sys-color-secondary: #b9ccb3;--mtrl-sys-color-on-secondary: #263424;--mtrl-sys-color-secondary-container: #3c4b3a;--mtrl-sys-color-on-secondary-container: #d5e8cf;--mtrl-sys-color-tertiary: #a0d0d2;--mtrl-sys-color-on-tertiary: #003738;--mtrl-sys-color-tertiary-container: #1f4e4f;--mtrl-sys-color-on-tertiary-container: #bbecee;--mtrl-sys-color-surface: #121711;--mtrl-sys-color-surface-dim: #0d120c;--mtrl-sys-color-surface-bright: #2d3229;--mtrl-sys-color-surface-container-lowest: #0a0f09;--mtrl-sys-color-surface-container-low: #121711;--mtrl-sys-color-surface-container: #161b15;--mtrl-sys-color-surface-container-high: #20251e;--mtrl-sys-color-surface-container-highest: #2a2f27;--mtrl-sys-color-on-surface: #d9e3d4;--mtrl-sys-color-on-surface-variant: #c1c9be;--mtrl-sys-color-outline: #8b9388;--mtrl-sys-color-outline-variant: #424940;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/summer.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=summer]{--mtrl-sys-color-primary: #4196cb;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #d1e4ff;--mtrl-sys-color-on-primary-container: #001d36;--mtrl-sys-color-secondary: #f3c649;--mtrl-sys-color-on-secondary: #3e2e00;--mtrl-sys-color-secondary-container: #f5e0a0;--mtrl-sys-color-on-secondary-container: #291f00;--mtrl-sys-color-tertiary: #a75b39;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #ffdbc8;--mtrl-sys-color-on-tertiary-container: #3a1600;--mtrl-sys-color-accent: #6b4596;--mtrl-sys-color-on-accent: #ffffff;--mtrl-sys-color-accent-container: #ebdcff;--mtrl-sys-color-on-accent-container: #25005c;--mtrl-sys-color-surface: #fffbf8;--mtrl-sys-color-surface-dim: #eae2d9;--mtrl-sys-color-surface-bright: #fffbf8;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fef5ed;--mtrl-sys-color-surface-container: #f7efe7;--mtrl-sys-color-surface-container-high: #f1e9e1;--mtrl-sys-color-surface-container-highest: #ebe3db;--mtrl-sys-color-on-surface: #1f1b16;--mtrl-sys-color-on-surface-variant: #50453b;--mtrl-sys-color-outline: #827568;--mtrl-sys-color-outline-variant: #d5c8b9;--mtrl-sys-color-surface-rgb: 31, 27, 22;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=summer][data-theme-mode=dark]{--mtrl-sys-color-primary: #9ecaff;--mtrl-sys-color-on-primary: #003258;--mtrl-sys-color-primary-container: #00497d;--mtrl-sys-color-on-primary-container: #d1e4ff;--mtrl-sys-color-secondary: #dbc054;--mtrl-sys-color-on-secondary: #3e2e00;--mtrl-sys-color-secondary-container: #584400;--mtrl-sys-color-on-secondary-container: #fff4d5;--mtrl-sys-color-tertiary: #ffb694;--mtrl-sys-color-on-tertiary: #5c2900;--mtrl-sys-color-tertiary-container: #803d15;--mtrl-sys-color-on-tertiary-container: #ffdbc8;--mtrl-sys-color-accent: #d0bcff;--mtrl-sys-color-on-accent: #381e72;--mtrl-sys-color-accent-container: #503396;--mtrl-sys-color-on-accent-container: #ebdcff;--mtrl-sys-color-surface: #1f1b16;--mtrl-sys-color-surface-dim: #16130f;--mtrl-sys-color-surface-bright: #3b362f;--mtrl-sys-color-surface-container-lowest: #130f0b;--mtrl-sys-color-surface-container-low: #1f1b16;--mtrl-sys-color-surface-container: #231f19;--mtrl-sys-color-surface-container-high: #2d2921;--mtrl-sys-color-surface-container-highest: #38332b;--mtrl-sys-color-on-surface: #eae1d9;--mtrl-sys-color-on-surface-variant: #d5c8b9;--mtrl-sys-color-outline: #9e8f80;--mtrl-sys-color-outline-variant: #50453b;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/sunset.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=sunset]{--mtrl-sys-color-primary: #b34700;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdbc8;--mtrl-sys-color-on-primary-container: #3a1500;--mtrl-sys-color-secondary: #775648;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdbd0;--mtrl-sys-color-on-secondary-container: #2c160c;--mtrl-sys-color-tertiary: #705c2e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #fcdfaa;--mtrl-sys-color-on-tertiary-container: #261a00;--mtrl-sys-color-surface: #fffbff;--mtrl-sys-color-surface-dim: #e5e1e6;--mtrl-sys-color-surface-bright: #fffbff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #fbf1f2;--mtrl-sys-color-surface-container: #f3ebe7;--mtrl-sys-color-surface-container-high: #ede5e1;--mtrl-sys-color-surface-container-highest: #e7dfdb;--mtrl-sys-color-on-surface: #201a18;--mtrl-sys-color-on-surface-variant: #53433e;--mtrl-sys-color-outline: #85736d;--mtrl-sys-color-outline-variant: #d8c2bb;--mtrl-sys-color-surface-rgb: 32, 26, 24;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=sunset][data-theme-mode=dark]{--mtrl-sys-color-primary: #ffb686;--mtrl-sys-color-on-primary: #5c2800;--mtrl-sys-color-primary-container: #833b00;--mtrl-sys-color-on-primary-container: #ffdbc8;--mtrl-sys-color-secondary: #e7bda8;--mtrl-sys-color-on-secondary: #44291b;--mtrl-sys-color-secondary-container: #5d3f30;--mtrl-sys-color-on-secondary-container: #ffdbd0;--mtrl-sys-color-tertiary: #dfc38c;--mtrl-sys-color-on-tertiary: #3d2e05;--mtrl-sys-color-tertiary-container: #564419;--mtrl-sys-color-on-tertiary-container: #fcdfaa;--mtrl-sys-color-surface: #1a1110;--mtrl-sys-color-surface-dim: #1a1110;--mtrl-sys-color-surface-bright: #423735;--mtrl-sys-color-surface-container-lowest: #140c0b;--mtrl-sys-color-surface-container-low: #231917;--mtrl-sys-color-surface-container: #271d1b;--mtrl-sys-color-surface-container-high: #322826;--mtrl-sys-color-surface-container-highest: #3d3230;--mtrl-sys-color-on-surface: #f0dfd9;--mtrl-sys-color-on-surface-variant: #d8c2bb;--mtrl-sys-color-outline: #a08c85;--mtrl-sys-color-outline-variant: #53433e;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/tealcaramel.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=tealcaramel]{--mtrl-sys-color-primary: #2b4d56;--mtrl-sys-color-primary-rgb: 0, 105, 92;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-on-primary-rgb: 255, 255, 255;--mtrl-sys-color-primary-container: #b2dfdb;--mtrl-sys-color-primary-container-rgb: 178, 223, 219;--mtrl-sys-color-on-primary-container: #002a25;--mtrl-sys-color-on-primary-container-rgb: 0, 42, 37;--mtrl-sys-color-secondary: #9a6433;--mtrl-sys-color-secondary-rgb: 198, 124, 78;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-on-secondary-rgb: 255, 255, 255;--mtrl-sys-color-secondary-container: #ffd8c2;--mtrl-sys-color-secondary-container-rgb: 255, 216, 194;--mtrl-sys-color-on-secondary-container: #3e2715;--mtrl-sys-color-on-secondary-container-rgb: 62, 39, 21;--mtrl-sys-color-tertiary: #4a7c6e;--mtrl-sys-color-tertiary-rgb: 74, 124, 110;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-on-tertiary-rgb: 255, 255, 255;--mtrl-sys-color-tertiary-container: #cce6df;--mtrl-sys-color-tertiary-container-rgb: 204, 230, 223;--mtrl-sys-color-on-tertiary-container: #0e3029;--mtrl-sys-color-on-tertiary-container-rgb: 14, 48, 41;--mtrl-sys-color-surface: #f9fcfc;--mtrl-sys-color-surface-rgb: 249, 252, 252;--mtrl-sys-color-surface-dim: #e5eceb;--mtrl-sys-color-surface-dim-rgb: 229, 236, 235;--mtrl-sys-color-surface-bright: #f9fcfc;--mtrl-sys-color-surface-bright-rgb: 249, 252, 252;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-lowest-rgb: 255, 255, 255;--mtrl-sys-color-surface-container-low: #f3f7f6;--mtrl-sys-color-surface-container-low-rgb: 243, 247, 246;--mtrl-sys-color-surface-container: #edf2f1;--mtrl-sys-color-surface-container-rgb: 237, 242, 241;--mtrl-sys-color-surface-container-high: #e7eceb;--mtrl-sys-color-surface-container-high-rgb: 231, 236, 235;--mtrl-sys-color-surface-container-highest: #e1e6e5;--mtrl-sys-color-surface-container-highest-rgb: 225, 230, 229;--mtrl-sys-color-on-surface: #191d1c;--mtrl-sys-color-on-surface-rgb: 25, 29, 28;--mtrl-sys-color-on-surface-variant: #404847;--mtrl-sys-color-on-surface-variant-rgb: 64, 72, 71;--mtrl-sys-color-outline: #6e7978;--mtrl-sys-color-outline-rgb: 110, 121, 120;--mtrl-sys-color-outline-variant: #c1cccb;--mtrl-sys-color-outline-variant-rgb: 193, 204, 203;--mtrl-sys-color-surface-rgb: 25, 29, 28;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=tealcaramel][data-theme-mode=dark]{--mtrl-sys-color-primary: #85cfc6;--mtrl-sys-color-primary-rgb: 133, 207, 198;--mtrl-sys-color-on-primary: #003e36;--mtrl-sys-color-on-primary-rgb: 0, 62, 54;--mtrl-sys-color-primary-container: #005349;--mtrl-sys-color-primary-container-rgb: 0, 83, 73;--mtrl-sys-color-on-primary-container: #b2dfdb;--mtrl-sys-color-on-primary-container-rgb: 178, 223, 219;--mtrl-sys-color-secondary: #ffb68d;--mtrl-sys-color-secondary-rgb: 255, 182, 141;--mtrl-sys-color-on-secondary: #5d3726;--mtrl-sys-color-on-secondary-rgb: 93, 55, 38;--mtrl-sys-color-secondary-container: #7d4f3a;--mtrl-sys-color-secondary-container-rgb: 125, 79, 58;--mtrl-sys-color-on-secondary-container: #ffd8c2;--mtrl-sys-color-on-secondary-container-rgb: 255, 216, 194;--mtrl-sys-color-tertiary: #a0ccc2;--mtrl-sys-color-tertiary-rgb: 160, 204, 194;--mtrl-sys-color-on-tertiary: #1a463e;--mtrl-sys-color-on-tertiary-rgb: 26, 70, 62;--mtrl-sys-color-tertiary-container: #315c53;--mtrl-sys-color-tertiary-container-rgb: 49, 92, 83;--mtrl-sys-color-on-tertiary-container: #cce6df;--mtrl-sys-color-on-tertiary-container-rgb: 204, 230, 223;--mtrl-sys-color-surface: #191d1c;--mtrl-sys-color-surface-rgb: 25, 29, 28;--mtrl-sys-color-surface-dim: #121615;--mtrl-sys-color-surface-dim-rgb: 18, 22, 21;--mtrl-sys-color-surface-bright: #363b3a;--mtrl-sys-color-surface-bright-rgb: 54, 59, 58;--mtrl-sys-color-surface-container-lowest: #0e1211;--mtrl-sys-color-surface-container-lowest-rgb: 14, 18, 17;--mtrl-sys-color-surface-container-low: #191d1c;--mtrl-sys-color-surface-container-low-rgb: 25, 29, 28;--mtrl-sys-color-surface-container: #1e2221;--mtrl-sys-color-surface-container-rgb: 30, 34, 33;--mtrl-sys-color-surface-container-high: #282c2b;--mtrl-sys-color-surface-container-high-rgb: 40, 44, 43;--mtrl-sys-color-surface-container-highest: #333736;--mtrl-sys-color-surface-container-highest-rgb: 51, 55, 54;--mtrl-sys-color-on-surface: #e1e3e3;--mtrl-sys-color-on-surface-rgb: 225, 227, 227;--mtrl-sys-color-on-surface-variant: #c1cccb;--mtrl-sys-color-on-surface-variant-rgb: 193, 204, 203;--mtrl-sys-color-outline: #8b9695;--mtrl-sys-color-outline-rgb: 139, 150, 149;--mtrl-sys-color-outline-variant: #404847;--mtrl-sys-color-outline-variant-rgb: 64, 72, 71;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/dist/themes/winter.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! mtrl v0.9.0 | MIT */
2
+ [data-theme=winter]{--mtrl-sys-color-primary: #406374;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #c1e8fc;--mtrl-sys-color-on-primary-container: #001f29;--mtrl-sys-color-secondary: #4a626e;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #cde6f5;--mtrl-sys-color-on-secondary-container: #061e28;--mtrl-sys-color-tertiary: #5d5b7d;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #e2dfff;--mtrl-sys-color-on-tertiary-container: #191836;--mtrl-sys-color-surface: #fafcff;--mtrl-sys-color-surface-dim: #dae4e9;--mtrl-sys-color-surface-bright: #fafcff;--mtrl-sys-color-surface-container-lowest: #ffffff;--mtrl-sys-color-surface-container-low: #f5f8fb;--mtrl-sys-color-surface-container: #eff3f6;--mtrl-sys-color-surface-container-high: #e9edf0;--mtrl-sys-color-surface-container-highest: #e3e7ea;--mtrl-sys-color-on-surface: #191c1e;--mtrl-sys-color-on-surface-variant: #40484c;--mtrl-sys-color-outline: #70787d;--mtrl-sys-color-outline-variant: #c0c8cc;--mtrl-sys-color-surface-rgb: 25, 28, 30;--mtrl-sys-color-error: #B3261E;--mtrl-sys-color-error-rgb: 179, 38, 30;--mtrl-sys-color-on-error: #FFFFFF;--mtrl-sys-color-on-error-rgb: 255, 255, 255;--mtrl-sys-color-error-container: #F9DEDC;--mtrl-sys-color-error-container-rgb: 249, 222, 220;--mtrl-sys-color-on-error-container: #410E0B;--mtrl-sys-color-on-error-container-rgb: 65, 14, 11;--mtrl-sys-color-success: #007B5A;--mtrl-sys-color-success-rgb: 0, 123, 90;--mtrl-sys-color-on-success: #FFFFFF;--mtrl-sys-color-on-success-rgb: 255, 255, 255;--mtrl-sys-color-warning: #DD6D06;--mtrl-sys-color-warning-rgb: 221, 109, 6;--mtrl-sys-color-on-warning: #FFFFFF;--mtrl-sys-color-on-warning-rgb: 255, 255, 255;--mtrl-sys-color-info: #0061A4;--mtrl-sys-color-info-rgb: 0, 97, 164;--mtrl-sys-color-on-info: #FFFFFF;--mtrl-sys-color-on-info-rgb: 255, 255, 255}[data-theme=winter][data-theme-mode=dark]{--mtrl-sys-color-primary: #73d0ee;--mtrl-sys-color-on-primary: #003545;--mtrl-sys-color-primary-container: #224c5b;--mtrl-sys-color-on-primary-container: #c1e8fc;--mtrl-sys-color-secondary: #b1cad9;--mtrl-sys-color-on-secondary: #1d343f;--mtrl-sys-color-secondary-container: #334b56;--mtrl-sys-color-on-secondary-container: #cde6f5;--mtrl-sys-color-tertiary: #c6c3eb;--mtrl-sys-color-on-tertiary: #2e2d4d;--mtrl-sys-color-tertiary-container: #454364;--mtrl-sys-color-on-tertiary-container: #e2dfff;--mtrl-sys-color-surface: #191c1e;--mtrl-sys-color-surface-dim: #101416;--mtrl-sys-color-surface-bright: #35393c;--mtrl-sys-color-surface-container-lowest: #0d0e10;--mtrl-sys-color-surface-container-low: #191c1e;--mtrl-sys-color-surface-container: #1d2022;--mtrl-sys-color-surface-container-high: #272a2d;--mtrl-sys-color-surface-container-highest: #323539;--mtrl-sys-color-on-surface: #e1e3e5;--mtrl-sys-color-on-surface-variant: #c0c8cc;--mtrl-sys-color-outline: #8a9297;--mtrl-sys-color-outline-variant: #40484c;--mtrl-sys-color-error: #F2B8B5;--mtrl-sys-color-error-rgb: 242, 184, 181;--mtrl-sys-color-on-error: #601410;--mtrl-sys-color-on-error-rgb: 96, 20, 16;--mtrl-sys-color-error-container: #8C1D18;--mtrl-sys-color-error-container-rgb: 140, 29, 24;--mtrl-sys-color-on-error-container: #F9DEDC;--mtrl-sys-color-on-error-container-rgb: 249, 222, 220;--mtrl-sys-color-success: #85CFA9;--mtrl-sys-color-success-rgb: 133, 207, 169;--mtrl-sys-color-on-success: #00392D;--mtrl-sys-color-on-success-rgb: 0, 57, 45;--mtrl-sys-color-warning: #FFB95C;--mtrl-sys-color-warning-rgb: 255, 185, 92;--mtrl-sys-color-on-warning: #3F2200;--mtrl-sys-color-on-warning-rgb: 63, 34, 0;--mtrl-sys-color-info: #99CBFF;--mtrl-sys-color-info-rgb: 153, 203, 255;--mtrl-sys-color-on-info: #003060;--mtrl-sys-color-on-info-rgb: 0, 48, 96}
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "mtrl",
3
- "version": "0.8.0-next.9",
3
+ "version": "0.9.0",
4
4
  "description": "A functional TypeScript/JavaScript component library with composable architecture based on Material Design 3",
5
5
  "author": "floor",
6
- "license": "MIT License",
6
+ "license": "MIT",
7
7
  "keywords": [
8
8
  "component",
9
9
  "library",
@@ -19,7 +19,11 @@
19
19
  "tested",
20
20
  "type-safe"
21
21
  ],
22
- "sideEffects": false,
22
+ "sideEffects": [
23
+ "**/*.css",
24
+ "**/*.scss",
25
+ "**/styles/*.js"
26
+ ],
23
27
  "type": "module",
24
28
  "main": "./dist/index.cjs",
25
29
  "module": "./dist/index.js",
@@ -30,7 +34,28 @@
30
34
  "import": "./dist/index.js",
31
35
  "require": "./dist/index.cjs"
32
36
  },
33
- "./styles": "./dist/styles.css"
37
+ "./styles": "./dist/styles.css",
38
+ "./components/*/constants": {
39
+ "types": "./dist/components/*/constants.d.ts",
40
+ "import": "./dist/components/*/constants.js"
41
+ },
42
+ "./components/*": {
43
+ "types": "./dist/components/*/index.d.ts",
44
+ "import": "./dist/components/*/index.js"
45
+ },
46
+ "./core": {
47
+ "types": "./dist/core/index.d.ts",
48
+ "import": "./dist/core/index.js"
49
+ },
50
+ "./core/*": {
51
+ "types": "./dist/core/*/index.d.ts",
52
+ "import": "./dist/core/*/index.js"
53
+ },
54
+ "./styles/*": {
55
+ "types": "./dist/styles/*.d.ts",
56
+ "import": "./dist/styles/*.js"
57
+ },
58
+ "./themes/*": "./dist/themes/*.css"
34
59
  },
35
60
  "files": [
36
61
  "dist",
@@ -52,27 +77,39 @@
52
77
  "test:ui": "bun test --watch --ui",
53
78
  "docs": "typedoc --skipErrorChecking",
54
79
  "docs:js": "typedoc --options typedoc.simple.json",
55
- "docs:alt": "bun generate-docs.js",
56
80
  "docs:serve": "bun run --bun serve docs",
57
81
  "docs:fix-errors": "tsc --noEmit --allowJs --skipLibCheck",
58
82
  "ts:check": "tsc --noEmit --skipLibCheck",
59
83
  "ts:next-error": "bun scripts/next-ts-error.ts",
60
84
  "ts:fix": "bun scripts/fix-typescript.ts",
61
85
  "ts:fix-file": "bun scripts/fix-typescript.ts",
62
- "ts:fix-next": "bun scripts/fix-next-error.ts"
86
+ "ts:fix-next": "bun scripts/fix-next-error.ts",
87
+ "size:check": "bun run scripts/check-package-size.ts",
88
+ "consumer:check": "bun run scripts/check-consumer.ts",
89
+ "slider:check": "bun run scripts/check-slider.ts",
90
+ "drawer:check": "bun run scripts/check-drawer.ts",
91
+ "navigation-rail:check": "bun run scripts/check-navigation-rail.ts",
92
+ "core:check": "bun run scripts/check-core.ts",
93
+ "tooling:check": "tsc --project tsconfig.tools.json --noEmit && tsc --project tsconfig.types.json --noEmit"
63
94
  },
64
95
  "repository": {
65
96
  "type": "git",
66
97
  "url": "git+https://github.com/floor/mtrl.git"
67
98
  },
99
+ "homepage": "https://mtrl.app",
100
+ "bugs": {
101
+ "url": "https://github.com/floor/mtrl/issues"
102
+ },
68
103
  "devDependencies": {
104
+ "@types/bun": "latest",
69
105
  "@types/jsdom": "^21.1.7",
70
106
  "@typescript-eslint/eslint-plugin": "^8.33.1",
71
107
  "eslint": "8",
72
108
  "jsdom": "^26.0.0",
109
+ "playwright": "^1.63.0",
73
110
  "sass": "^1.85.1",
74
111
  "typedoc": "^0.27.9",
75
112
  "typescript": "^5.8.2",
76
- "@types/bun": "latest"
113
+ "vite": "^8.2.2"
77
114
  }
78
115
  }
package/src/styles/abstract/_mixins.scss CHANGED
@@ -302,7 +302,11 @@ $icons: (
302
302
  &::after {
303
303
  content: '';
304
304
  position: absolute;
305
- inset: 50%;
305
+ // Not `inset: 50%`: with width and height also set that box is over-constrained,
306
+ // and the ignored offset is the inline-start one under RTL, which anchors the
307
+ // target off-centre. Two offsets plus the translate say it unambiguously.
308
+ top: 50%;
309
+ inset-inline-start: 50%;
306
310
  width: $size;
307
311
  height: $size;
308
312
  transform: translate(-50%, -50%);
package/src/styles/abstract/_variables.scss CHANGED
@@ -119,7 +119,7 @@ $typescale: (
119
119
  'font-size': 22px,
120
120
  'line-height': 28px,
121
121
  'letter-spacing': 0,
122
- 'font-weight': 500
122
+ 'font-weight': 400
123
123
  ),
124
124
  'title-medium': (
125
125
  'font-family': ('Roboto', sans-serif),
@@ -187,6 +187,9 @@ $shape: (
187
187
  'small': 8px,
188
188
  'medium': 12px,
189
189
  'large': 16px,
190
+ // Compose ShapeTokens.CornerValueLargeIncreased, used by the split
191
+ // button's inner corners when hovered or pressed
192
+ 'large-increased': 20px,
190
193
  'extra-large': 28px,
191
194
  'full': 9999px,
192
195
  'pill': 100px
@@ -202,6 +205,7 @@ $breakpoints: (
202
205
 
203
206
  $z-index: (
204
207
  'modal': 1000,
208
+ 'snackbar': 950,
205
209
  'popover': 900,
206
210
  'drawer': 800,
207
211
  'dialog': 700,
@@ -245,7 +249,6 @@ $button: (
245
249
  'padding-horizontal': 16px,
246
250
  'padding-horizontal-small': 12px, // text button (ButtonDefaults.TextButtonContentPadding)
247
251
  'padding-icon': 12px, // small button leading space next to an icon (pointer devices)
248
- 'border-radius': map.get($shape, 'full'),
249
252
  'transition-duration': map.get($motion, 'duration-short2'),
250
253
  'transition-easing': map.get($motion, 'easing-standard'),
251
254
  // Container height per size
@@ -284,6 +287,19 @@ $button: (
284
287
  'shape-square-m': map.get($shape, 'large'),
285
288
  'shape-square-l': map.get($shape, 'extra-large'),
286
289
  'shape-square-xl': map.get($shape, 'extra-large'),
290
+ // Round container shape per size: exactly half the container height.
291
+ //
292
+ // A pill needs the real radius, not merely a large one. border-radius
293
+ // animates on the number in the stylesheet, not on the corner you see, so a
294
+ // 9999px pill morphing to a 12px pressed shape spends almost the whole
295
+ // transition above half the height, paints as a pill throughout, and then
296
+ // snaps square at the very end. Half the height interpolates linearly and
297
+ // the morph reads as a morph.
298
+ 'shape-round-xs': 16px,
299
+ 'shape-round-s': 20px,
300
+ 'shape-round-m': 28px,
301
+ 'shape-round-l': 48px,
302
+ 'shape-round-xl': 68px,
287
303
  // Pressed container shape per size (round and square)
288
304
  'shape-pressed-xs': map.get($shape, 'small'),
289
305
  'shape-pressed-s': map.get($shape, 'small'),
package/src/styles/base/_document.scss ADDED
@@ -0,0 +1,54 @@
1
+ @use "../abstract/base";
2
+ @use "../abstract/mixins" as m;
3
+
4
+ // Base styles
5
+ body {
6
+ margin: 0;
7
+ padding: 0;
8
+ background-color: var(--#{base.$prefix}-sys-color-surface);
9
+ color: var(--#{base.$prefix}-sys-color-on-surface);
10
+ font-family: var(--#{base.$prefix}-sys-typescale-body-medium-font);
11
+ font-size: var(--#{base.$prefix}-sys-typescale-body-medium-font-size);
12
+ line-height: var(--#{base.$prefix}-sys-typescale-body-medium-line-height);
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+
16
+ @include m.motion-transition(background-color, color);
17
+ }
18
+
19
+ // // Ensure links have the correct contrast
20
+ // a {
21
+ // color: var(--#{base.$prefix}-sys-color-primary);
22
+ // text-decoration: none;
23
+
24
+ // &:hover {
25
+ // text-decoration: underline;
26
+ // }
27
+
28
+ // // &:focus-visible {
29
+ // // outline: 2px solid var(--#{base.$prefix}-sys-color-primary);
30
+ // // outline-offset: 2px;
31
+ // // }
32
+ // }
33
+
34
+ // // Focus styles for keyboard navigation
35
+ // // :focus-visible {
36
+ // // outline: 2px solid var(--#{base.$prefix}-sys-color-primary);
37
+ // // outline-offset: 2px;
38
+ // // }
39
+
40
+ // // Use smooth scrolling for the page
41
+ html {
42
+ scroll-behavior: smooth;
43
+
44
+ @include m.reduced-motion {
45
+ scroll-behavior: auto;
46
+ }
47
+ }
48
+
49
+ // Set box-sizing for all elements
50
+ *,
51
+ *::before,
52
+ *::after {
53
+ box-sizing: border-box;
54
+ }
package/src/styles/components/_bottom-sheet.scss ADDED
@@ -0,0 +1,167 @@
1
+ // src/styles/components/_bottom-sheet.scss
2
+ @use "../abstract/base" as base;
3
+ @use "../abstract/variables" as v;
4
+ @use "../abstract/mixins" as m;
5
+ @use "../abstract/theme" as t;
6
+
7
+ $component: "#{base.$prefix}-bottom-sheet";
8
+
9
+ // -----------------------------------------------------------------------------
10
+ // Bottom sheet (Compose SheetBottomTokens and BottomSheetDefaults)
11
+ //
12
+ // A surface anchored to the bottom edge: surface-container-low, extra-large
13
+ // corners on the top two only, elevation level 1, and a 32x4dp handle that says
14
+ // it can be dragged. It stops growing at 640dp and centres itself, so it does
15
+ // not stretch across a desktop window.
16
+ // -----------------------------------------------------------------------------
17
+ .#{$component} {
18
+ position: fixed;
19
+ inset: 0;
20
+ z-index: v.z-index("modal");
21
+ display: flex;
22
+ align-items: flex-end;
23
+ justify-content: center;
24
+
25
+ // A standard sheet leaves the page usable, so the layer itself must not
26
+ // swallow clicks meant for what is behind it
27
+ pointer-events: none;
28
+
29
+ &--scrim-visible,
30
+ &--partial,
31
+ &--expanded {
32
+ pointer-events: auto;
33
+ }
34
+
35
+ // The scrim, on modal sheets only (ScrimTokens.ContainerOpacity)
36
+ &-scrim {
37
+ position: absolute;
38
+ inset: 0;
39
+ background-color: t.alpha("scrim", 0.32);
40
+ opacity: 0;
41
+ visibility: hidden;
42
+ transition:
43
+ opacity v.motion("duration-medium1") v.motion("easing-emphasized"),
44
+ visibility v.motion("duration-medium1") v.motion("easing-emphasized");
45
+ }
46
+
47
+ // The sheet itself
48
+ &-container {
49
+ position: relative;
50
+ width: 100%;
51
+ max-width: 640px; // BottomSheetDefaults.SheetMaxWidth
52
+ max-height: 100%;
53
+ display: flex;
54
+ flex-direction: column;
55
+ box-sizing: border-box;
56
+ pointer-events: auto;
57
+
58
+ background-color: t.color("surface-container-low"); // DockedContainerColor
59
+ color: t.color("on-surface");
60
+
61
+ // CornerExtraLargeTop: the bottom edge meets the screen, so it is square
62
+ border-start-start-radius: v.shape("extra-large");
63
+ border-start-end-radius: v.shape("extra-large");
64
+ @include m.elevation(1); // DockedStandardContainerElevation
65
+
66
+ // Hidden by default: translated fully out of view
67
+ transform: translateY(100%);
68
+ transition: transform v.motion("duration-medium2") v.motion("easing-emphasized");
69
+
70
+ &:focus {
71
+ outline: none;
72
+ }
73
+
74
+ // Focus ring uses the secondary role (FocusIndicatorColor)
75
+ &:focus-visible {
76
+ outline: 3px solid t.color("secondary");
77
+ outline-offset: -3px;
78
+ }
79
+ }
80
+
81
+ // The 32x4dp bar (DockedDragHandleWidth / DockedDragHandleHeight)
82
+ &-handle {
83
+ flex: 0 0 auto;
84
+ width: 32px;
85
+ height: 4px;
86
+ margin: 16px auto;
87
+ border-radius: v.shape("extra-large"); // BottomSheetDefaults.DragHandle shape
88
+ background-color: t.color("on-surface-variant"); // DockedDragHandleColor
89
+ cursor: grab;
90
+ touch-action: none; // the sheet handles the gesture, not the browser
91
+
92
+ &:active {
93
+ cursor: grabbing;
94
+ }
95
+ }
96
+
97
+ &-header {
98
+ flex: 0 0 auto;
99
+ padding: 0 24px 16px;
100
+ }
101
+
102
+ &-title {
103
+ margin: 0;
104
+ color: t.color("on-surface");
105
+ @include m.typography("headline-small");
106
+ }
107
+
108
+ &-content {
109
+ flex: 1 1 auto;
110
+ min-height: 0;
111
+ overflow-y: auto;
112
+ padding: 0 24px 24px;
113
+ @include m.typography("body-medium");
114
+ color: t.color("on-surface-variant");
115
+ }
116
+
117
+ // ---------------------------------------------------------------------
118
+ // States
119
+ // ---------------------------------------------------------------------
120
+ &--partial {
121
+ .#{$component}-container {
122
+ // the peek height, showing what the sheet holds without covering
123
+ // the page (BottomSheetDefaults.SheetPeekHeight and its content)
124
+ transform: translateY(0);
125
+ max-height: 50%;
126
+ }
127
+
128
+ .#{$component}-scrim {
129
+ opacity: 1;
130
+ visibility: visible;
131
+ }
132
+ }
133
+
134
+ &--expanded {
135
+ .#{$component}-container {
136
+ transform: translateY(0);
137
+ max-height: 100%;
138
+ // level with the top of the screen, the corners square off
139
+ // (DockedMinimizedContainerShape is CornerNone)
140
+ &:where(.#{$component}--full-height *) {
141
+ border-start-start-radius: 0;
142
+ border-start-end-radius: 0;
143
+ }
144
+ }
145
+
146
+ .#{$component}-scrim {
147
+ opacity: 1;
148
+ visibility: visible;
149
+ }
150
+ }
151
+
152
+ // A standard sheet has no scrim and does not block the page
153
+ &--standard {
154
+ pointer-events: none;
155
+
156
+ .#{$component}-container {
157
+ pointer-events: auto;
158
+ }
159
+ }
160
+
161
+ @include m.reduced-motion {
162
+ .#{$component}-container,
163
+ .#{$component}-scrim {
164
+ transition: none;
165
+ }
166
+ }
167
+ }