mtrl 0.8.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/dist/components/badge/config.d.ts +2 -2
  2. package/dist/components/bottom-sheet/bottom-sheet.js +1 -1
  3. package/dist/components/bottom-sheet/config.d.ts +2 -2
  4. package/dist/components/bottom-sheet/features/drag.d.ts +2 -2
  5. package/dist/components/bottom-sheet/features/drag.js +1 -1
  6. package/dist/components/button/api.d.ts +3 -3
  7. package/dist/components/button/button.d.ts +1 -1
  8. package/dist/components/button/config.d.ts +2 -2
  9. package/dist/components/button/features/progress.d.ts +17 -5
  10. package/dist/components/button-group/config.d.ts +20 -0
  11. package/dist/components/card/api.d.ts +10 -1
  12. package/dist/components/card/api.js +6 -1
  13. package/dist/components/card/card.js +1 -1
  14. package/dist/components/card/config.d.ts +15 -9
  15. package/dist/components/card/content.js +5 -2
  16. package/dist/components/card/features.d.ts +2 -1
  17. package/dist/components/card/types.d.ts +5 -4
  18. package/dist/components/carousel/config.d.ts +2 -2
  19. package/dist/components/carousel/features/slides.js +3 -2
  20. package/dist/components/checkbox/config.d.ts +2 -2
  21. package/dist/components/checkbox/types.d.ts +15 -16
  22. package/dist/components/chips/api.d.ts +6 -6
  23. package/dist/components/chips/chip/api.d.ts +2 -2
  24. package/dist/components/chips/chip/config.d.ts +6 -7
  25. package/dist/components/chips/config.d.ts +2 -2
  26. package/dist/components/chips/features/dom.js +0 -1
  27. package/dist/components/chips/types.d.ts +12 -1
  28. package/dist/components/datepicker/api.d.ts +5 -2
  29. package/dist/components/datepicker/config.d.ts +16 -13
  30. package/dist/components/datepicker/datepicker.js +10 -4
  31. package/dist/components/datepicker/render.d.ts +14 -6
  32. package/dist/components/datepicker/render.js +1 -1
  33. package/dist/components/datepicker/types.d.ts +51 -3
  34. package/dist/components/dialog/api.d.ts +1 -1
  35. package/dist/components/dialog/config.d.ts +3 -4
  36. package/dist/components/dialog/config.js +1 -1
  37. package/dist/components/dialog/features.js +1 -1
  38. package/dist/components/dialog/types.d.ts +1 -1
  39. package/dist/components/divider/features.js +2 -0
  40. package/dist/components/drawer/api.d.ts +3 -3
  41. package/dist/components/drawer/config.d.ts +2 -2
  42. package/dist/components/drawer/drawer.d.ts +1 -1
  43. package/dist/components/drawer/features/headline.d.ts +12 -2
  44. package/dist/components/drawer/features/items.d.ts +17 -3
  45. package/dist/components/drawer/features/state.d.ts +14 -2
  46. package/dist/components/extended-fab/api.d.ts +12 -4
  47. package/dist/components/extended-fab/api.js +12 -0
  48. package/dist/components/extended-fab/config.d.ts +10 -10
  49. package/dist/components/extended-fab/types.d.ts +4 -2
  50. package/dist/components/fab/api.d.ts +9 -2
  51. package/dist/components/fab/api.js +12 -0
  52. package/dist/components/fab/config.d.ts +8 -8
  53. package/dist/components/fab/types.d.ts +2 -1
  54. package/dist/components/icon-button/config.d.ts +2 -2
  55. package/dist/components/icon-button/features/toggle.d.ts +1 -5
  56. package/dist/components/icon-button/types.d.ts +6 -0
  57. package/dist/components/list/api.d.ts +18 -18
  58. package/dist/components/list/config.d.ts +6 -3
  59. package/dist/components/list/config.js +6 -7
  60. package/dist/components/list/features/renderer.js +2 -2
  61. package/dist/components/list/list.d.ts +20 -1
  62. package/dist/components/list/types.d.ts +32 -32
  63. package/dist/components/loading-indicator/config.d.ts +2 -2
  64. package/dist/components/loading-indicator/types.d.ts +3 -1
  65. package/dist/components/menu/api.d.ts +6 -5
  66. package/dist/components/menu/config.d.ts +2 -2
  67. package/dist/components/menu/features/keyboard.d.ts +19 -9
  68. package/dist/components/menu/types.d.ts +25 -9
  69. package/dist/components/navigation/config.d.ts +2 -2
  70. package/dist/components/navigation/features/controller.d.ts +1 -3
  71. package/dist/components/navigation/features/items.d.ts +1 -2
  72. package/dist/components/navigation/system/core.d.ts +6 -6
  73. package/dist/components/navigation/system/events.d.ts +3 -3
  74. package/dist/components/navigation/system/mobile.d.ts +6 -6
  75. package/dist/components/navigation/system/state.d.ts +3 -3
  76. package/dist/components/navigation/system/types.d.ts +43 -11
  77. package/dist/components/navigation/types.d.ts +15 -6
  78. package/dist/components/navigation-rail/navigation-rail.js +2 -1
  79. package/dist/components/progress/api.js +0 -1
  80. package/dist/components/progress/config.d.ts +2 -2
  81. package/dist/components/progress/features/canvas.d.ts +14 -5
  82. package/dist/components/progress/features/state.d.ts +1 -2
  83. package/dist/components/progress/types.d.ts +1 -1
  84. package/dist/components/radios/config.d.ts +2 -2
  85. package/dist/components/search/api.js +4 -4
  86. package/dist/components/search/config.d.ts +2 -2
  87. package/dist/components/search/features/suggestions.d.ts +1 -3
  88. package/dist/components/search/features/suggestions.js +16 -15
  89. package/dist/components/search/search.js +1 -1
  90. package/dist/components/segmented-button/config.d.ts +1 -5
  91. package/dist/components/segmented-button/config.js +1 -1
  92. package/dist/components/select/api.d.ts +2 -2
  93. package/dist/components/select/features.d.ts +2 -2
  94. package/dist/components/select/features.js +2 -1
  95. package/dist/components/select/types.d.ts +38 -21
  96. package/dist/components/side-sheet/config.d.ts +2 -2
  97. package/dist/components/slider/api.d.ts +6 -6
  98. package/dist/components/slider/config.d.ts +2 -2
  99. package/dist/components/slider/types.d.ts +2 -2
  100. package/dist/components/snackbar/config.d.ts +2 -2
  101. package/dist/components/snackbar/features.d.ts +3 -3
  102. package/dist/components/snackbar/position.d.ts +1 -1
  103. package/dist/components/snackbar/types.d.ts +5 -6
  104. package/dist/components/split-button/api.js +1 -3
  105. package/dist/components/split-button/config.d.ts +2 -2
  106. package/dist/components/split-button/features/buttons.d.ts +3 -2
  107. package/dist/components/split-button/features/menu.d.ts +3 -2
  108. package/dist/components/split-button/types.d.ts +13 -2
  109. package/dist/components/switch/config.d.ts +2 -2
  110. package/dist/components/switch/types.d.ts +0 -1
  111. package/dist/components/tabs/api.d.ts +8 -5
  112. package/dist/components/tabs/config.d.ts +9 -1
  113. package/dist/components/tabs/features.d.ts +7 -11
  114. package/dist/components/tabs/features.js +2 -1
  115. package/dist/components/tabs/indicator.js +4 -2
  116. package/dist/components/tabs/responsive.js +2 -1
  117. package/dist/components/tabs/tab-api.d.ts +11 -5
  118. package/dist/components/tabs/tab-api.js +1 -1
  119. package/dist/components/tabs/tab.js +9 -1
  120. package/dist/components/tabs/types.d.ts +9 -2
  121. package/dist/components/tabs/utils.d.ts +14 -3
  122. package/dist/components/textfield/api.d.ts +1 -1
  123. package/dist/components/textfield/config.d.ts +2 -2
  124. package/dist/components/textfield/features/error.d.ts +1 -2
  125. package/dist/components/textfield/features/leading-icon.d.ts +1 -2
  126. package/dist/components/textfield/features/prefix-text.d.ts +1 -2
  127. package/dist/components/textfield/features/suffix-text.d.ts +1 -2
  128. package/dist/components/textfield/features/supporting-text.d.ts +1 -2
  129. package/dist/components/textfield/features/trailing-icon.d.ts +1 -2
  130. package/dist/components/textfield/types.d.ts +0 -2
  131. package/dist/components/timepicker/api.d.ts +5 -4
  132. package/dist/components/timepicker/config.d.ts +14 -11
  133. package/dist/components/tooltip/config.d.ts +2 -2
  134. package/dist/components/tooltip/tooltip.d.ts +1 -1
  135. package/dist/core/compose/base.d.ts +2 -2
  136. package/dist/core/compose/base.js +1 -1
  137. package/dist/core/compose/component.d.ts +13 -4
  138. package/dist/core/compose/component.js +1 -1
  139. package/dist/core/compose/features/badge.d.ts +3 -4
  140. package/dist/core/compose/features/badge.js +1 -1
  141. package/dist/core/compose/features/checkable.d.ts +3 -4
  142. package/dist/core/compose/features/debounce.d.ts +2 -3
  143. package/dist/core/compose/features/disabled.d.ts +1 -2
  144. package/dist/core/compose/features/events.d.ts +4 -3
  145. package/dist/core/compose/features/icon.d.ts +1 -5
  146. package/dist/core/compose/features/input.d.ts +2 -3
  147. package/dist/core/compose/features/lifecycle.d.ts +2 -2
  148. package/dist/core/compose/features/lifecycle.js +3 -3
  149. package/dist/core/compose/features/position.d.ts +1 -2
  150. package/dist/core/compose/features/ripple.d.ts +1 -2
  151. package/dist/core/compose/features/size.d.ts +1 -2
  152. package/dist/core/compose/features/style.d.ts +1 -2
  153. package/dist/core/compose/features/text.d.ts +1 -5
  154. package/dist/core/compose/features/textinput.d.ts +2 -3
  155. package/dist/core/compose/features/textlabel.d.ts +1 -2
  156. package/dist/core/compose/features/throttle.d.ts +1 -2
  157. package/dist/core/compose/features/track.d.ts +0 -1
  158. package/dist/core/compose/features/variant.d.ts +1 -2
  159. package/dist/core/compose/index.d.ts +1 -1
  160. package/dist/core/compose/pipe.d.ts +43 -3
  161. package/dist/core/compose/pipe.js +6 -2
  162. package/dist/core/compose/utils/type-guards.d.ts +4 -4
  163. package/dist/core/compose/utils/type-guards.js +1 -1
  164. package/dist/core/config/component.d.ts +12 -9
  165. package/dist/core/config/global.d.ts +12 -8
  166. package/dist/core/config.d.ts +1 -1
  167. package/dist/core/dom/attributes.d.ts +6 -6
  168. package/dist/core/dom/attributes.js +8 -5
  169. package/dist/core/dom/create.d.ts +27 -10
  170. package/dist/core/dom/create.js +5 -26
  171. package/dist/core/dom/utils.d.ts +1 -1
  172. package/dist/core/dom/utils.js +4 -1
  173. package/dist/core/state/emitter.d.ts +2 -2
  174. package/dist/core/state/events.d.ts +3 -3
  175. package/dist/core/state/lifecycle.d.ts +0 -1
  176. package/dist/core/state/store.d.ts +3 -3
  177. package/dist/core/utils/index.d.ts +1 -0
  178. package/dist/core/utils/index.js +1 -0
  179. package/dist/core/utils/object.d.ts +2 -2
  180. package/dist/core/utils/performance.d.ts +3 -3
  181. package/dist/core/utils/url.d.ts +20 -0
  182. package/dist/core/utils/url.js +0 -0
  183. package/dist/core/utils/validate.d.ts +6 -6
  184. package/dist/core/utils/validate.js +13 -12
  185. package/dist/index.cjs +0 -0
  186. package/dist/package.json +1 -1
  187. package/dist/styles/badge.css +2 -2
  188. package/dist/styles/base.css +2 -2
  189. package/dist/styles/bottom-app-bar.css +2 -2
  190. package/dist/styles/bottom-sheet.css +2 -2
  191. package/dist/styles/button-group.css +2 -2
  192. package/dist/styles/button.css +2 -2
  193. package/dist/styles/card.css +2 -2
  194. package/dist/styles/carousel.css +2 -2
  195. package/dist/styles/checkbox.css +2 -2
  196. package/dist/styles/chips.css +2 -2
  197. package/dist/styles/dialog.css +2 -2
  198. package/dist/styles/divider.css +2 -2
  199. package/dist/styles/drawer.css +2 -2
  200. package/dist/styles/extended-fab.css +2 -2
  201. package/dist/styles/fab.css +2 -2
  202. package/dist/styles/icon-button.css +2 -2
  203. package/dist/styles/list.css +2 -2
  204. package/dist/styles/loading-indicator.css +2 -2
  205. package/dist/styles/menu.css +2 -2
  206. package/dist/styles/navigation-rail.css +2 -2
  207. package/dist/styles/navigation.css +2 -2
  208. package/dist/styles/progress.css +2 -2
  209. package/dist/styles/radios.css +2 -2
  210. package/dist/styles/search.css +2 -2
  211. package/dist/styles/segmented-button.css +2 -2
  212. package/dist/styles/select.css +2 -2
  213. package/dist/styles/side-sheet.css +2 -2
  214. package/dist/styles/slider.css +2 -2
  215. package/dist/styles/snackbar.css +2 -2
  216. package/dist/styles/split-button.css +2 -2
  217. package/dist/styles/switch.css +2 -2
  218. package/dist/styles/tabs.css +2 -2
  219. package/dist/styles/textfield.css +2 -2
  220. package/dist/styles/timepicker.css +2 -2
  221. package/dist/styles/tooltip.css +2 -0
  222. package/dist/styles/tooltip.d.ts +1 -0
  223. package/dist/styles/tooltip.js +2 -0
  224. package/dist/styles/top-app-bar.css +2 -2
  225. package/dist/styles/utilities.css +2 -2
  226. package/dist/styles.css +2 -2
  227. package/dist/themes/autumn.css +1 -1
  228. package/dist/themes/baseline.css +1 -1
  229. package/dist/themes/brownbeige.css +1 -1
  230. package/dist/themes/browngreen.css +1 -1
  231. package/dist/themes/desert.css +1 -1
  232. package/dist/themes/forest.css +1 -1
  233. package/dist/themes/highcontrast.css +1 -1
  234. package/dist/themes/legacy.css +1 -1
  235. package/dist/themes/material.css +1 -1
  236. package/dist/themes/ocean.css +1 -1
  237. package/dist/themes/sageivory.css +1 -1
  238. package/dist/themes/spring.css +1 -1
  239. package/dist/themes/summer.css +1 -1
  240. package/dist/themes/sunset.css +1 -1
  241. package/dist/themes/tealcaramel.css +1 -1
  242. package/dist/themes/winter.css +1 -1
  243. package/package.json +2 -2
  244. package/src/styles/abstract/_mixins.scss +5 -1
  245. package/src/styles/components/_checkbox.scss +27 -7
  246. package/src/styles/components/_chips.scss +13 -13
  247. package/src/styles/components/_datepicker.scss +5 -5
  248. package/src/styles/components/_dialog.scss +2 -2
  249. package/src/styles/components/_radios.scss +30 -30
  250. package/src/styles/components/_switch.scss +36 -26
  251. package/src/styles/components/_tabs.scss +59 -58
  252. package/src/styles/components/_timepicker.scss +3 -3
  253. package/src/styles/main.scss +1 -0
package/dist/themes/autumn.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
2
  [data-theme=ocean]{--mtrl-sys-color-primary: #006493;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #cce5ff;--mtrl-sys-color-on-primary-container: #001e30;--mtrl-sys-color-secondary: #4f616e;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d2e5f5;--mtrl-sys-color-on-secondary-container: #0b1d29;--mtrl-sys-color-tertiary: #625b71;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #e9defa;--mtrl-sys-color-on-tertiary-container: #1e192c;--mtrl-sys-color-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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
2
  [data-theme=spring]{--mtrl-sys-color-primary: #006e2b;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #95f99a;--mtrl-sys-color-on-primary-container: #002108;--mtrl-sys-color-secondary: #526350;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #d5e8cf;--mtrl-sys-color-on-secondary-container: #101f10;--mtrl-sys-color-tertiary: #386667;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #bbecee;--mtrl-sys-color-on-tertiary-container: #002021;--mtrl-sys-color-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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
2
  [data-theme=sunset]{--mtrl-sys-color-primary: #b34700;--mtrl-sys-color-on-primary: #ffffff;--mtrl-sys-color-primary-container: #ffdbc8;--mtrl-sys-color-on-primary-container: #3a1500;--mtrl-sys-color-secondary: #775648;--mtrl-sys-color-on-secondary: #ffffff;--mtrl-sys-color-secondary-container: #ffdbd0;--mtrl-sys-color-on-secondary-container: #2c160c;--mtrl-sys-color-tertiary: #705c2e;--mtrl-sys-color-on-tertiary: #ffffff;--mtrl-sys-color-tertiary-container: #fcdfaa;--mtrl-sys-color-on-tertiary-container: #261a00;--mtrl-sys-color-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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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 CHANGED
@@ -1,2 +1,2 @@
1
- /*! mtrl v0.8.0 | MIT */
1
+ /*! mtrl v0.9.1 | MIT */
2
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,6 +1,6 @@
1
1
  {
2
2
  "name": "mtrl",
3
- "version": "0.8.0",
3
+ "version": "0.9.1",
4
4
  "description": "A functional TypeScript/JavaScript component library with composable architecture based on Material Design 3",
5
5
  "author": "floor",
6
6
  "license": "MIT",
@@ -90,7 +90,7 @@
90
90
  "drawer:check": "bun run scripts/check-drawer.ts",
91
91
  "navigation-rail:check": "bun run scripts/check-navigation-rail.ts",
92
92
  "core:check": "bun run scripts/check-core.ts",
93
- "tooling:check": "tsc --project tsconfig.tools.json --noEmit"
93
+ "tooling:check": "tsc --project tsconfig.tools.json --noEmit && tsc --project tsconfig.types.json --noEmit"
94
94
  },
95
95
  "repository": {
96
96
  "type": "git",
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/components/_checkbox.scss CHANGED
@@ -12,7 +12,12 @@ $component: '#{base.$prefix}-checkbox';
12
12
  display: inline-flex;
13
13
  align-items: center;
14
14
  position: relative;
15
- min-height: 40px;
15
+ // 48dp minimum interactive size: MDC minTouchTargetSize, Compose
16
+ // minimumInteractiveComponentSize(). Compose has no checkbox token for it. The input
17
+ // below is absolute at 100%/100%, so the hit area follows this box; min-width covers
18
+ // the unlabelled case, where the content is only the 18px icon.
19
+ min-height: 48px;
20
+ min-width: 48px;
16
21
  padding: 4px 0;
17
22
  user-select: none;
18
23
 
@@ -135,13 +140,28 @@ $component: '#{base.$prefix}-checkbox';
135
140
  }
136
141
  }
137
142
 
138
- // Disabled state
143
+ // Disabled state. Per role, not a blanket opacity: CheckboxTokens gives the
144
+ // unselected outline and the selected container OnSurface at 0.38, and the selected
145
+ // checkmark Surface at full opacity.
139
146
  &--disabled {
140
- opacity: 0.38;
141
-
142
147
  .#{$component}-input {
143
148
  cursor: not-allowed;
144
149
  }
150
+
151
+ .#{$component}-icon {
152
+ background-color: transparent;
153
+ border-color: t.alpha('on-surface', 0.38);
154
+ }
155
+
156
+ .#{$component}-input:checked ~ .#{$component}-icon {
157
+ background-color: t.alpha('on-surface', 0.38);
158
+ border-color: t.alpha('on-surface', 0.38);
159
+ color: t.color('surface');
160
+ }
161
+
162
+ .#{$component}-label {
163
+ color: t.alpha('on-surface', 0.38);
164
+ }
145
165
  }
146
166
 
147
167
  // Outlined variant
@@ -180,7 +200,7 @@ $component: '#{base.$prefix}-checkbox';
180
200
  border-radius: 50%;
181
201
  background-color: t.color('on-surface');
182
202
  }
183
-
203
+
184
204
  // Hover state
185
205
  .#{$component}-input:hover ~ .#{$component}-icon::before {
186
206
  opacity: v.state('hover-state-layer-opacity');
@@ -212,7 +232,7 @@ $component: '#{base.$prefix}-checkbox';
212
232
  border-width: 2px;
213
233
  }
214
234
  }
215
-
235
+
216
236
  // Touch target
217
237
  // @include m.touch-target;
218
238
  }
@@ -222,7 +242,7 @@ $component: '#{base.$prefix}-checkbox';
222
242
  display: flex;
223
243
  flex-direction: column;
224
244
  gap: 8px;
225
-
245
+
226
246
  &--horizontal {
227
247
  flex-direction: row;
228
248
  gap: 16px;
package/src/styles/components/_chips.scss CHANGED
@@ -144,7 +144,7 @@ $container: "#{base.$prefix}-chips";
144
144
  position: absolute;
145
145
  inset: 0;
146
146
  background-color: t.color("on-surface");
147
- opacity: 0.12;
147
+ opacity: v.state('pressed-state-layer-opacity');
148
148
  pointer-events: none;
149
149
  border-radius: inherit;
150
150
  }
@@ -169,7 +169,7 @@ $container: "#{base.$prefix}-chips";
169
169
  position: absolute;
170
170
  inset: 0;
171
171
  background-color: t.color("on-secondary-container");
172
- opacity: 0.12;
172
+ opacity: v.state('pressed-state-layer-opacity');
173
173
  pointer-events: none;
174
174
  border-radius: inherit;
175
175
  }
@@ -204,7 +204,7 @@ $container: "#{base.$prefix}-chips";
204
204
  position: absolute;
205
205
  inset: 0;
206
206
  background-color: t.color("on-surface");
207
- opacity: 0.12;
207
+ opacity: v.state('focus-state-layer-opacity');
208
208
  pointer-events: none;
209
209
  border-radius: inherit;
210
210
  }
@@ -230,7 +230,7 @@ $container: "#{base.$prefix}-chips";
230
230
  position: absolute;
231
231
  inset: 0;
232
232
  background-color: t.color("on-secondary-container");
233
- opacity: 0.12;
233
+ opacity: v.state('pressed-state-layer-opacity');
234
234
  pointer-events: none;
235
235
  border-radius: inherit;
236
236
  }
@@ -259,7 +259,7 @@ $container: "#{base.$prefix}-chips";
259
259
  position: absolute;
260
260
  inset: 0;
261
261
  background-color: t.color("on-surface");
262
- opacity: 0.12;
262
+ opacity: v.state('pressed-state-layer-opacity');
263
263
  pointer-events: none;
264
264
  border-radius: inherit;
265
265
  }
@@ -284,7 +284,7 @@ $container: "#{base.$prefix}-chips";
284
284
  position: absolute;
285
285
  inset: 0;
286
286
  background-color: t.color("on-secondary-container");
287
- opacity: 0.12;
287
+ opacity: v.state('pressed-state-layer-opacity');
288
288
  pointer-events: none;
289
289
  border-radius: inherit;
290
290
  }
@@ -314,7 +314,7 @@ $container: "#{base.$prefix}-chips";
314
314
  position: absolute;
315
315
  inset: 0;
316
316
  background-color: t.color("on-surface");
317
- opacity: 0.12;
317
+ opacity: v.state('pressed-state-layer-opacity');
318
318
  pointer-events: none;
319
319
  border-radius: calc(v.chip("border-radius") - 1px);
320
320
  }
@@ -368,7 +368,7 @@ $container: "#{base.$prefix}-chips";
368
368
  position: absolute;
369
369
  inset: 0;
370
370
  background-color: t.color("on-secondary-container");
371
- opacity: 0.12;
371
+ opacity: v.state('pressed-state-layer-opacity');
372
372
  pointer-events: none;
373
373
  border-radius: calc(v.chip("border-radius") - 1px);
374
374
  }
@@ -400,7 +400,7 @@ $container: "#{base.$prefix}-chips";
400
400
  position: absolute;
401
401
  inset: 0;
402
402
  background-color: t.color("on-surface");
403
- opacity: 0.12;
403
+ opacity: v.state('pressed-state-layer-opacity');
404
404
  pointer-events: none;
405
405
  border-radius: v.chip("border-radius");
406
406
  }
@@ -429,7 +429,7 @@ $container: "#{base.$prefix}-chips";
429
429
  position: absolute;
430
430
  inset: 0;
431
431
  background-color: t.color("on-secondary-container");
432
- opacity: 0.12;
432
+ opacity: v.state('pressed-state-layer-opacity');
433
433
  pointer-events: none;
434
434
  border-radius: inherit;
435
435
  }
@@ -466,7 +466,7 @@ $container: "#{base.$prefix}-chips";
466
466
  position: absolute;
467
467
  inset: 0;
468
468
  background-color: t.color("on-surface");
469
- opacity: 0.12;
469
+ opacity: v.state('pressed-state-layer-opacity');
470
470
  pointer-events: none;
471
471
  border-radius: inherit;
472
472
  }
@@ -504,7 +504,7 @@ $container: "#{base.$prefix}-chips";
504
504
  position: absolute;
505
505
  inset: 0;
506
506
  background-color: t.color("on-surface");
507
- opacity: 0.12;
507
+ opacity: v.state('pressed-state-layer-opacity');
508
508
  pointer-events: none;
509
509
  border-radius: inherit;
510
510
  }
@@ -529,7 +529,7 @@ $container: "#{base.$prefix}-chips";
529
529
  position: absolute;
530
530
  inset: 0;
531
531
  background-color: t.color("on-secondary-container");
532
- opacity: 0.12;
532
+ opacity: v.state('pressed-state-layer-opacity');
533
533
  pointer-events: none;
534
534
  border-radius: inherit;
535
535
  }
package/src/styles/components/_datepicker.scss CHANGED
@@ -59,7 +59,7 @@ $component: '#{base.$prefix}-datepicker';
59
59
  margin-top: 8px;
60
60
  background-color: t.color('surface-container-high');
61
61
  border-radius: v.shape('large');
62
- box-shadow: v.elevation('level3');
62
+ box-shadow: v.elevation('level-3');
63
63
  overflow: hidden;
64
64
 
65
65
  &-content {
@@ -92,7 +92,7 @@ $component: '#{base.$prefix}-datepicker';
92
92
 
93
93
  &:focus {
94
94
  outline: none;
95
- background-color: t.alpha('on-surface', 0.12);
95
+ background-color: t.alpha('on-surface', v.state('focus-state-layer-opacity'));
96
96
  }
97
97
  }
98
98
 
@@ -120,7 +120,7 @@ $component: '#{base.$prefix}-datepicker';
120
120
 
121
121
  &:focus {
122
122
  outline: none;
123
- background-color: t.alpha('on-surface', 0.12);
123
+ background-color: t.alpha('on-surface', v.state('focus-state-layer-opacity'));
124
124
  }
125
125
 
126
126
  svg {
@@ -170,7 +170,7 @@ $component: '#{base.$prefix}-datepicker';
170
170
 
171
171
  &:focus {
172
172
  outline: none;
173
- background-color: t.alpha('on-surface', 0.12);
173
+ background-color: t.alpha('on-surface', v.state('focus-state-layer-opacity'));
174
174
  }
175
175
 
176
176
  &.outside-month {
@@ -242,7 +242,7 @@ $component: '#{base.$prefix}-datepicker';
242
242
 
243
243
  &:focus {
244
244
  outline: none;
245
- background-color: t.alpha('on-surface', 0.12);
245
+ background-color: t.alpha('on-surface', v.state('focus-state-layer-opacity'));
246
246
  }
247
247
 
248
248
  &.selected {
package/src/styles/components/_dialog.scss CHANGED
@@ -227,7 +227,7 @@ $component: "#{base.$prefix}-dialog";
227
227
 
228
228
  &:focus {
229
229
  outline: none;
230
- background-color: t.alpha("on-surface", 0.12);
230
+ background-color: t.alpha("on-surface", v.state("focus-state-layer-opacity"));
231
231
  }
232
232
 
233
233
  &:focus-visible {
@@ -236,7 +236,7 @@ $component: "#{base.$prefix}-dialog";
236
236
  }
237
237
 
238
238
  &:active {
239
- background-color: t.alpha("on-surface", 0.12);
239
+ background-color: t.alpha("on-surface", v.state("pressed-state-layer-opacity"));
240
240
  }
241
241
 
242
242
  svg {