@material/web 2.4.1 → 2.4.2-nightly.067f9cd.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (452) hide show
  1. package/button/internal/button.d.ts +2 -21
  2. package/button/internal/button.js +4 -43
  3. package/button/internal/button.js.map +1 -1
  4. package/button/internal/elevated-styles.d.ts +2 -0
  5. package/button/internal/elevated-styles.js +1 -0
  6. package/button/internal/elevated-styles.js.map +1 -1
  7. package/button/internal/filled-styles.d.ts +2 -0
  8. package/button/internal/filled-styles.js +1 -0
  9. package/button/internal/filled-styles.js.map +1 -1
  10. package/button/internal/filled-tonal-styles.d.ts +2 -0
  11. package/button/internal/filled-tonal-styles.js +1 -0
  12. package/button/internal/filled-tonal-styles.js.map +1 -1
  13. package/button/internal/outlined-styles.d.ts +2 -0
  14. package/button/internal/outlined-styles.js +1 -0
  15. package/button/internal/outlined-styles.js.map +1 -1
  16. package/button/internal/shared-elevation-styles.d.ts +2 -0
  17. package/button/internal/shared-elevation-styles.js +1 -0
  18. package/button/internal/shared-elevation-styles.js.map +1 -1
  19. package/button/internal/shared-styles.d.ts +2 -0
  20. package/button/internal/shared-styles.js +1 -0
  21. package/button/internal/shared-styles.js.map +1 -1
  22. package/button/internal/text-styles.d.ts +2 -0
  23. package/button/internal/text-styles.js +1 -0
  24. package/button/internal/text-styles.js.map +1 -1
  25. package/checkbox/internal/checkbox-styles.d.ts +2 -0
  26. package/checkbox/internal/checkbox-styles.js +1 -0
  27. package/checkbox/internal/checkbox-styles.js.map +1 -1
  28. package/chips/internal/assist-styles.d.ts +2 -0
  29. package/chips/internal/assist-styles.js +1 -0
  30. package/chips/internal/assist-styles.js.map +1 -1
  31. package/chips/internal/chip-set-styles.d.ts +2 -0
  32. package/chips/internal/chip-set-styles.js +1 -0
  33. package/chips/internal/chip-set-styles.js.map +1 -1
  34. package/chips/internal/elevated-styles.d.ts +2 -0
  35. package/chips/internal/elevated-styles.js +1 -0
  36. package/chips/internal/elevated-styles.js.map +1 -1
  37. package/chips/internal/filter-styles.d.ts +2 -0
  38. package/chips/internal/filter-styles.js +1 -0
  39. package/chips/internal/filter-styles.js.map +1 -1
  40. package/chips/internal/input-styles.d.ts +2 -0
  41. package/chips/internal/input-styles.js +1 -0
  42. package/chips/internal/input-styles.js.map +1 -1
  43. package/chips/internal/selectable-styles.d.ts +2 -0
  44. package/chips/internal/selectable-styles.js +1 -0
  45. package/chips/internal/selectable-styles.js.map +1 -1
  46. package/chips/internal/shared-styles.d.ts +2 -0
  47. package/chips/internal/shared-styles.js +1 -0
  48. package/chips/internal/shared-styles.js.map +1 -1
  49. package/chips/internal/suggestion-styles.d.ts +2 -0
  50. package/chips/internal/suggestion-styles.js +1 -0
  51. package/chips/internal/suggestion-styles.js.map +1 -1
  52. package/chips/internal/trailing-icon-styles.d.ts +2 -0
  53. package/chips/internal/trailing-icon-styles.js +1 -0
  54. package/chips/internal/trailing-icon-styles.js.map +1 -1
  55. package/dialog/internal/dialog-styles.d.ts +2 -0
  56. package/dialog/internal/dialog-styles.js +1 -0
  57. package/dialog/internal/dialog-styles.js.map +1 -1
  58. package/divider/internal/divider-styles.d.ts +2 -0
  59. package/divider/internal/divider-styles.js +1 -0
  60. package/divider/internal/divider-styles.js.map +1 -1
  61. package/elevation/internal/elevation-styles.d.ts +2 -0
  62. package/elevation/internal/elevation-styles.js +1 -0
  63. package/elevation/internal/elevation-styles.js.map +1 -1
  64. package/fab/internal/fab-branded-styles.d.ts +2 -0
  65. package/fab/internal/fab-branded-styles.js +1 -0
  66. package/fab/internal/fab-branded-styles.js.map +1 -1
  67. package/fab/internal/fab-styles.d.ts +2 -0
  68. package/fab/internal/fab-styles.js +1 -0
  69. package/fab/internal/fab-styles.js.map +1 -1
  70. package/fab/internal/forced-colors-styles.d.ts +2 -0
  71. package/fab/internal/forced-colors-styles.js +1 -0
  72. package/fab/internal/forced-colors-styles.js.map +1 -1
  73. package/fab/internal/shared-styles.d.ts +2 -0
  74. package/fab/internal/shared-styles.js +1 -0
  75. package/fab/internal/shared-styles.js.map +1 -1
  76. package/field/internal/field.js +12 -1
  77. package/field/internal/field.js.map +1 -1
  78. package/field/internal/filled-styles.d.ts +2 -0
  79. package/field/internal/filled-styles.js +1 -0
  80. package/field/internal/filled-styles.js.map +1 -1
  81. package/field/internal/outlined-styles.d.ts +2 -0
  82. package/field/internal/outlined-styles.js +1 -0
  83. package/field/internal/outlined-styles.js.map +1 -1
  84. package/field/internal/shared-styles.d.ts +2 -0
  85. package/field/internal/shared-styles.js +1 -0
  86. package/field/internal/shared-styles.js.map +1 -1
  87. package/focus/internal/focus-ring-styles.d.ts +2 -0
  88. package/focus/internal/focus-ring-styles.js +1 -0
  89. package/focus/internal/focus-ring-styles.js.map +1 -1
  90. package/icon/internal/icon-styles.d.ts +2 -0
  91. package/icon/internal/icon-styles.js +1 -0
  92. package/icon/internal/icon-styles.js.map +1 -1
  93. package/iconbutton/internal/filled-styles.d.ts +2 -0
  94. package/iconbutton/internal/filled-styles.js +1 -0
  95. package/iconbutton/internal/filled-styles.js.map +1 -1
  96. package/iconbutton/internal/filled-tonal-styles.d.ts +2 -0
  97. package/iconbutton/internal/filled-tonal-styles.js +1 -0
  98. package/iconbutton/internal/filled-tonal-styles.js.map +1 -1
  99. package/iconbutton/internal/icon-button.d.ts +2 -32
  100. package/iconbutton/internal/icon-button.js +33 -84
  101. package/iconbutton/internal/icon-button.js.map +1 -1
  102. package/iconbutton/internal/outlined-styles.d.ts +2 -0
  103. package/iconbutton/internal/outlined-styles.js +1 -0
  104. package/iconbutton/internal/outlined-styles.js.map +1 -1
  105. package/iconbutton/internal/shared-styles.d.ts +2 -0
  106. package/iconbutton/internal/shared-styles.js +1 -0
  107. package/iconbutton/internal/shared-styles.js.map +1 -1
  108. package/iconbutton/internal/standard-styles.d.ts +2 -0
  109. package/iconbutton/internal/standard-styles.js +1 -0
  110. package/iconbutton/internal/standard-styles.js.map +1 -1
  111. package/internal/events/dispatch-hooks.js +10 -1
  112. package/internal/events/dispatch-hooks.js.map +1 -1
  113. package/labs/badge/internal/badge-styles.d.ts +2 -0
  114. package/labs/badge/internal/badge-styles.js +1 -0
  115. package/labs/badge/internal/badge-styles.js.map +1 -1
  116. package/labs/behaviors/form-associated.d.ts +10 -8
  117. package/labs/behaviors/form-associated.js +4 -4
  118. package/labs/behaviors/form-associated.js.map +1 -1
  119. package/{internal/controller → labs/behaviors}/form-submitter.d.ts +11 -17
  120. package/labs/behaviors/form-submitter.js +87 -0
  121. package/labs/behaviors/form-submitter.js.map +1 -0
  122. package/labs/card/internal/elevated-styles.d.ts +2 -0
  123. package/labs/card/internal/elevated-styles.js +1 -0
  124. package/labs/card/internal/elevated-styles.js.map +1 -1
  125. package/labs/card/internal/filled-styles.d.ts +2 -0
  126. package/labs/card/internal/filled-styles.js +1 -0
  127. package/labs/card/internal/filled-styles.js.map +1 -1
  128. package/labs/card/internal/outlined-styles.d.ts +2 -0
  129. package/labs/card/internal/outlined-styles.js +1 -0
  130. package/labs/card/internal/outlined-styles.js.map +1 -1
  131. package/labs/card/internal/shared-styles.d.ts +2 -0
  132. package/labs/card/internal/shared-styles.js +1 -0
  133. package/labs/card/internal/shared-styles.js.map +1 -1
  134. package/labs/item/internal/item-styles.d.ts +2 -0
  135. package/labs/item/internal/item-styles.js +1 -0
  136. package/labs/item/internal/item-styles.js.map +1 -1
  137. package/labs/navigationbar/internal/navigation-bar-styles.d.ts +2 -0
  138. package/labs/navigationbar/internal/navigation-bar-styles.js +1 -0
  139. package/labs/navigationbar/internal/navigation-bar-styles.js.map +1 -1
  140. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.d.ts +2 -0
  141. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.js +1 -0
  142. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.js.map +1 -1
  143. package/labs/navigationdrawer/internal/navigation-drawer-styles.d.ts +2 -0
  144. package/labs/navigationdrawer/internal/navigation-drawer-styles.js +1 -0
  145. package/labs/navigationdrawer/internal/navigation-drawer-styles.js.map +1 -1
  146. package/labs/navigationdrawer/internal/shared-styles.d.ts +2 -0
  147. package/labs/navigationdrawer/internal/shared-styles.js +1 -0
  148. package/labs/navigationdrawer/internal/shared-styles.js.map +1 -1
  149. package/labs/navigationtab/internal/navigation-tab-styles.d.ts +2 -0
  150. package/labs/navigationtab/internal/navigation-tab-styles.js +1 -0
  151. package/labs/navigationtab/internal/navigation-tab-styles.js.map +1 -1
  152. package/labs/segmentedbutton/internal/outlined-styles.d.ts +2 -0
  153. package/labs/segmentedbutton/internal/outlined-styles.js +1 -0
  154. package/labs/segmentedbutton/internal/outlined-styles.js.map +1 -1
  155. package/labs/segmentedbutton/internal/shared-styles.d.ts +2 -0
  156. package/labs/segmentedbutton/internal/shared-styles.js +1 -0
  157. package/labs/segmentedbutton/internal/shared-styles.js.map +1 -1
  158. package/labs/segmentedbuttonset/internal/outlined-styles.d.ts +2 -0
  159. package/labs/segmentedbuttonset/internal/outlined-styles.js +1 -0
  160. package/labs/segmentedbuttonset/internal/outlined-styles.js.map +1 -1
  161. package/labs/segmentedbuttonset/internal/shared-styles.d.ts +2 -0
  162. package/labs/segmentedbuttonset/internal/shared-styles.js +1 -0
  163. package/labs/segmentedbuttonset/internal/shared-styles.js.map +1 -1
  164. package/list/internal/list-styles.d.ts +2 -0
  165. package/list/internal/list-styles.js +1 -0
  166. package/list/internal/list-styles.js.map +1 -1
  167. package/list/internal/listitem/_list-item.scss +3 -0
  168. package/list/internal/listitem/list-item-styles.css +1 -1
  169. package/list/internal/listitem/list-item-styles.css.map +1 -1
  170. package/list/internal/listitem/list-item-styles.d.ts +2 -0
  171. package/list/internal/listitem/list-item-styles.js +2 -1
  172. package/list/internal/listitem/list-item-styles.js.map +1 -1
  173. package/menu/internal/menu-styles.d.ts +2 -0
  174. package/menu/internal/menu-styles.js +1 -0
  175. package/menu/internal/menu-styles.js.map +1 -1
  176. package/menu/internal/menuitem/_menu-item.scss +3 -0
  177. package/menu/internal/menuitem/menu-item-styles.css +1 -1
  178. package/menu/internal/menuitem/menu-item-styles.css.map +1 -1
  179. package/menu/internal/menuitem/menu-item-styles.d.ts +2 -0
  180. package/menu/internal/menuitem/menu-item-styles.js +2 -1
  181. package/menu/internal/menuitem/menu-item-styles.js.map +1 -1
  182. package/menu/internal/submenu/sub-menu-styles.d.ts +2 -0
  183. package/menu/internal/submenu/sub-menu-styles.js +1 -0
  184. package/menu/internal/submenu/sub-menu-styles.js.map +1 -1
  185. package/package.json +24 -2
  186. package/progress/internal/circular-progress-styles.d.ts +2 -0
  187. package/progress/internal/circular-progress-styles.js +1 -0
  188. package/progress/internal/circular-progress-styles.js.map +1 -1
  189. package/progress/internal/linear-progress-styles.d.ts +2 -0
  190. package/progress/internal/linear-progress-styles.js +1 -0
  191. package/progress/internal/linear-progress-styles.js.map +1 -1
  192. package/radio/internal/radio-styles.d.ts +2 -0
  193. package/radio/internal/radio-styles.js +1 -0
  194. package/radio/internal/radio-styles.js.map +1 -1
  195. package/ripple/internal/ripple-styles.d.ts +2 -0
  196. package/ripple/internal/ripple-styles.js +1 -0
  197. package/ripple/internal/ripple-styles.js.map +1 -1
  198. package/sass/ext/_assert.scss +82 -0
  199. package/sass/ext/_list_ext.scss +114 -0
  200. package/sass/ext/_map_ext.scss +222 -0
  201. package/sass/ext/_string_ext.scss +153 -0
  202. package/sass/ext/_throw.scss +83 -0
  203. package/sass/ext/_type.scss +66 -0
  204. package/{internal/sass → sass/ext}/_var.scss +86 -96
  205. package/sass/ext/tests.css +1 -0
  206. package/sass/ext/tests.css.map +1 -0
  207. package/sass/ext/tests.scss +18 -0
  208. package/select/internal/filled-select-styles.d.ts +2 -0
  209. package/select/internal/filled-select-styles.js +1 -0
  210. package/select/internal/filled-select-styles.js.map +1 -1
  211. package/select/internal/outlined-select-styles.d.ts +2 -0
  212. package/select/internal/outlined-select-styles.js +1 -0
  213. package/select/internal/outlined-select-styles.js.map +1 -1
  214. package/select/internal/select.js +2 -0
  215. package/select/internal/select.js.map +1 -1
  216. package/select/internal/shared-styles.d.ts +2 -0
  217. package/select/internal/shared-styles.js +1 -0
  218. package/select/internal/shared-styles.js.map +1 -1
  219. package/slider/internal/_slider.scss +1 -0
  220. package/slider/internal/forced-colors-styles.d.ts +2 -0
  221. package/slider/internal/forced-colors-styles.js +1 -0
  222. package/slider/internal/forced-colors-styles.js.map +1 -1
  223. package/slider/internal/slider-styles.css +1 -1
  224. package/slider/internal/slider-styles.css.map +1 -1
  225. package/slider/internal/slider-styles.d.ts +2 -0
  226. package/slider/internal/slider-styles.js +2 -1
  227. package/slider/internal/slider-styles.js.map +1 -1
  228. package/switch/internal/switch-styles.d.ts +2 -0
  229. package/switch/internal/switch-styles.js +1 -0
  230. package/switch/internal/switch-styles.js.map +1 -1
  231. package/tabs/internal/_tab.scss +0 -1
  232. package/tabs/internal/primary-tab-styles.d.ts +2 -0
  233. package/tabs/internal/primary-tab-styles.js +1 -0
  234. package/tabs/internal/primary-tab-styles.js.map +1 -1
  235. package/tabs/internal/secondary-tab-styles.d.ts +2 -0
  236. package/tabs/internal/secondary-tab-styles.js +1 -0
  237. package/tabs/internal/secondary-tab-styles.js.map +1 -1
  238. package/tabs/internal/tab-styles.css.map +1 -1
  239. package/tabs/internal/tab-styles.d.ts +2 -0
  240. package/tabs/internal/tab-styles.js +1 -0
  241. package/tabs/internal/tab-styles.js.map +1 -1
  242. package/tabs/internal/tabs-styles.d.ts +2 -0
  243. package/tabs/internal/tabs-styles.js +1 -0
  244. package/tabs/internal/tabs-styles.js.map +1 -1
  245. package/textfield/internal/filled-styles.d.ts +2 -0
  246. package/textfield/internal/filled-styles.js +1 -0
  247. package/textfield/internal/filled-styles.js.map +1 -1
  248. package/textfield/internal/outlined-styles.d.ts +2 -0
  249. package/textfield/internal/outlined-styles.js +1 -0
  250. package/textfield/internal/outlined-styles.js.map +1 -1
  251. package/textfield/internal/shared-styles.d.ts +2 -0
  252. package/textfield/internal/shared-styles.js +1 -0
  253. package/textfield/internal/shared-styles.js.map +1 -1
  254. package/tokens/versions/v30_0/sass/_index.scss +239 -0
  255. package/tokens/versions/v30_0/sass/_md-comp-app-bar-large-flexible.scss +31 -0
  256. package/tokens/versions/v30_0/sass/_md-comp-app-bar-large.scss +35 -0
  257. package/tokens/versions/v30_0/sass/_md-comp-app-bar-medium-flexible.scss +31 -0
  258. package/tokens/versions/v30_0/sass/_md-comp-app-bar-medium.scss +35 -0
  259. package/tokens/versions/v30_0/sass/_md-comp-app-bar-small.scss +42 -0
  260. package/tokens/versions/v30_0/sass/_md-comp-app-bar.scss +59 -0
  261. package/tokens/versions/v30_0/sass/_md-comp-assist-chip.scss +134 -0
  262. package/tokens/versions/v30_0/sass/_md-comp-badge.scss +53 -0
  263. package/tokens/versions/v30_0/sass/_md-comp-banner.scss +147 -0
  264. package/tokens/versions/v30_0/sass/_md-comp-banners-basic.scss +86 -0
  265. package/tokens/versions/v30_0/sass/_md-comp-banners-rich.scss +89 -0
  266. package/tokens/versions/v30_0/sass/_md-comp-banners.scss +43 -0
  267. package/tokens/versions/v30_0/sass/_md-comp-bottom-app-bar.scss +37 -0
  268. package/tokens/versions/v30_0/sass/_md-comp-button-elevated.scss +125 -0
  269. package/tokens/versions/v30_0/sass/_md-comp-button-filled.scss +125 -0
  270. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-large.scss +31 -0
  271. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-medium.scss +31 -0
  272. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-small.scss +31 -0
  273. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xlarge.scss +31 -0
  274. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xsmall.scss +31 -0
  275. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-large.scss +29 -0
  276. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-medium.scss +29 -0
  277. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-small.scss +29 -0
  278. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xlarge.scss +29 -0
  279. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xsmall.scss +29 -0
  280. package/tokens/versions/v30_0/sass/_md-comp-button-large.scss +51 -0
  281. package/tokens/versions/v30_0/sass/_md-comp-button-medium.scss +51 -0
  282. package/tokens/versions/v30_0/sass/_md-comp-button-outlined.scss +124 -0
  283. package/tokens/versions/v30_0/sass/_md-comp-button-small.scss +51 -0
  284. package/tokens/versions/v30_0/sass/_md-comp-button-text.scss +60 -0
  285. package/tokens/versions/v30_0/sass/_md-comp-button-tonal.scss +125 -0
  286. package/tokens/versions/v30_0/sass/_md-comp-button-xlarge.scss +51 -0
  287. package/tokens/versions/v30_0/sass/_md-comp-button-xsmall.scss +51 -0
  288. package/tokens/versions/v30_0/sass/_md-comp-button.scss +163 -0
  289. package/tokens/versions/v30_0/sass/_md-comp-carousel-item.scss +79 -0
  290. package/tokens/versions/v30_0/sass/_md-comp-checkbox.scss +216 -0
  291. package/tokens/versions/v30_0/sass/_md-comp-circular-progress-indicator.scss +52 -0
  292. package/tokens/versions/v30_0/sass/_md-comp-data-table.scss +110 -0
  293. package/tokens/versions/v30_0/sass/_md-comp-date-input-modal.scss +80 -0
  294. package/tokens/versions/v30_0/sass/_md-comp-date-picker-docked.scss +241 -0
  295. package/tokens/versions/v30_0/sass/_md-comp-date-picker-modal.scss +295 -0
  296. package/tokens/versions/v30_0/sass/_md-comp-dialog.scss +157 -0
  297. package/tokens/versions/v30_0/sass/_md-comp-divider.scss +23 -0
  298. package/tokens/versions/v30_0/sass/_md-comp-drag-handle.scss +54 -0
  299. package/tokens/versions/v30_0/sass/_md-comp-elevated-button.scss +112 -0
  300. package/tokens/versions/v30_0/sass/_md-comp-elevated-card.scss +75 -0
  301. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-branded.scss +100 -0
  302. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-large.scss +36 -0
  303. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-medium.scss +36 -0
  304. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary-container.scss +61 -0
  305. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary.scss +174 -0
  306. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary-container.scss +61 -0
  307. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary.scss +174 -0
  308. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-small.scss +36 -0
  309. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-surface.scss +108 -0
  310. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary-container.scss +61 -0
  311. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary.scss +174 -0
  312. package/tokens/versions/v30_0/sass/_md-comp-extended-fab.scss +36 -0
  313. package/tokens/versions/v30_0/sass/_md-comp-fab-branded-large.scss +79 -0
  314. package/tokens/versions/v30_0/sass/_md-comp-fab-branded.scss +75 -0
  315. package/tokens/versions/v30_0/sass/_md-comp-fab-large.scss +27 -0
  316. package/tokens/versions/v30_0/sass/_md-comp-fab-medium.scss +27 -0
  317. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-close-button.scss +51 -0
  318. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-container.scss +59 -0
  319. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-close-button.scss +51 -0
  320. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-container.scss +59 -0
  321. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-close-button.scss +51 -0
  322. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-container.scss +59 -0
  323. package/tokens/versions/v30_0/sass/_md-comp-fab-menu.scss +53 -0
  324. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-container.scss +53 -0
  325. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-large.scss +77 -0
  326. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-small.scss +77 -0
  327. package/tokens/versions/v30_0/sass/_md-comp-fab-primary.scss +131 -0
  328. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-container.scss +53 -0
  329. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-large.scss +77 -0
  330. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-small.scss +77 -0
  331. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary.scss +131 -0
  332. package/tokens/versions/v30_0/sass/_md-comp-fab-small.scss +27 -0
  333. package/tokens/versions/v30_0/sass/_md-comp-fab-surface-large.scss +83 -0
  334. package/tokens/versions/v30_0/sass/_md-comp-fab-surface.scss +83 -0
  335. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-container.scss +53 -0
  336. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-large.scss +77 -0
  337. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-small.scss +77 -0
  338. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary.scss +131 -0
  339. package/tokens/versions/v30_0/sass/_md-comp-fab.scss +27 -0
  340. package/tokens/versions/v30_0/sass/_md-comp-filled-autocomplete.scss +279 -0
  341. package/tokens/versions/v30_0/sass/_md-comp-filled-button.scss +128 -0
  342. package/tokens/versions/v30_0/sass/_md-comp-filled-card.scss +75 -0
  343. package/tokens/versions/v30_0/sass/_md-comp-filled-icon-button.scss +102 -0
  344. package/tokens/versions/v30_0/sass/_md-comp-filled-menu-button.scss +118 -0
  345. package/tokens/versions/v30_0/sass/_md-comp-filled-select.scss +269 -0
  346. package/tokens/versions/v30_0/sass/_md-comp-filled-text-field.scss +221 -0
  347. package/tokens/versions/v30_0/sass/_md-comp-filled-tonal-button.scss +108 -0
  348. package/tokens/versions/v30_0/sass/_md-comp-filled-tonal-icon-button.scss +102 -0
  349. package/tokens/versions/v30_0/sass/_md-comp-filter-chip.scss +276 -0
  350. package/tokens/versions/v30_0/sass/_md-comp-full-screen-dialog.scss +199 -0
  351. package/tokens/versions/v30_0/sass/_md-comp-icon-button-filled.scss +82 -0
  352. package/tokens/versions/v30_0/sass/_md-comp-icon-button-large.scss +52 -0
  353. package/tokens/versions/v30_0/sass/_md-comp-icon-button-medium.scss +52 -0
  354. package/tokens/versions/v30_0/sass/_md-comp-icon-button-outlined.scss +86 -0
  355. package/tokens/versions/v30_0/sass/_md-comp-icon-button-small.scss +52 -0
  356. package/tokens/versions/v30_0/sass/_md-comp-icon-button-standard.scss +72 -0
  357. package/tokens/versions/v30_0/sass/_md-comp-icon-button-tonal.scss +82 -0
  358. package/tokens/versions/v30_0/sass/_md-comp-icon-button-xlarge.scss +52 -0
  359. package/tokens/versions/v30_0/sass/_md-comp-icon-button-xsmall.scss +52 -0
  360. package/tokens/versions/v30_0/sass/_md-comp-icon-button.scss +193 -0
  361. package/tokens/versions/v30_0/sass/_md-comp-input-chip.scss +300 -0
  362. package/tokens/versions/v30_0/sass/_md-comp-linear-progress-indicator.scss +60 -0
  363. package/tokens/versions/v30_0/sass/_md-comp-list-expand.scss +36 -0
  364. package/tokens/versions/v30_0/sass/_md-comp-list-reorder.scss +45 -0
  365. package/tokens/versions/v30_0/sass/_md-comp-list-reveal.scss +50 -0
  366. package/tokens/versions/v30_0/sass/_md-comp-list.scss +408 -0
  367. package/tokens/versions/v30_0/sass/_md-comp-loading-indicator.scss +38 -0
  368. package/tokens/versions/v30_0/sass/_md-comp-menu.scss +218 -0
  369. package/tokens/versions/v30_0/sass/_md-comp-menus-standard.scss +188 -0
  370. package/tokens/versions/v30_0/sass/_md-comp-menus-vibrant.scss +160 -0
  371. package/tokens/versions/v30_0/sass/_md-comp-menus.scss +141 -0
  372. package/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-horizontal.scss +31 -0
  373. package/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-vertical.scss +31 -0
  374. package/tokens/versions/v30_0/sass/_md-comp-nav-bar.scss +68 -0
  375. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-collapsed.scss +35 -0
  376. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-expanded.scss +47 -0
  377. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-horizontal.scss +31 -0
  378. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-vertical.scss +33 -0
  379. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item.scss +39 -0
  380. package/tokens/versions/v30_0/sass/_md-comp-nav-rail.scss +48 -0
  381. package/tokens/versions/v30_0/sass/_md-comp-navigation-bar.scss +150 -0
  382. package/tokens/versions/v30_0/sass/_md-comp-navigation-drawer.scss +187 -0
  383. package/tokens/versions/v30_0/sass/_md-comp-navigation-rail.scss +233 -0
  384. package/tokens/versions/v30_0/sass/_md-comp-outlined-autocomplete.scss +275 -0
  385. package/tokens/versions/v30_0/sass/_md-comp-outlined-button.scss +108 -0
  386. package/tokens/versions/v30_0/sass/_md-comp-outlined-card.scss +87 -0
  387. package/tokens/versions/v30_0/sass/_md-comp-outlined-menu-button.scss +117 -0
  388. package/tokens/versions/v30_0/sass/_md-comp-outlined-segmented-button.scss +121 -0
  389. package/tokens/versions/v30_0/sass/_md-comp-outlined-select.scss +266 -0
  390. package/tokens/versions/v30_0/sass/_md-comp-outlined-text-field.scss +216 -0
  391. package/tokens/versions/v30_0/sass/_md-comp-plain-tooltip.scss +45 -0
  392. package/tokens/versions/v30_0/sass/_md-comp-primary-navigation-tab.scss +130 -0
  393. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator-circular.scss +47 -0
  394. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator-linear.scss +65 -0
  395. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator.scss +48 -0
  396. package/tokens/versions/v30_0/sass/_md-comp-radio-button.scss +72 -0
  397. package/tokens/versions/v30_0/sass/_md-comp-rich-tooltip.scss +113 -0
  398. package/tokens/versions/v30_0/sass/_md-comp-scrim.scss +23 -0
  399. package/tokens/versions/v30_0/sass/_md-comp-search-bar.scss +102 -0
  400. package/tokens/versions/v30_0/sass/_md-comp-search-view.scss +84 -0
  401. package/tokens/versions/v30_0/sass/_md-comp-secondary-navigation-tab.scss +104 -0
  402. package/tokens/versions/v30_0/sass/_md-comp-sheet-bottom.scss +52 -0
  403. package/tokens/versions/v30_0/sass/_md-comp-sheet-floating.scss +31 -0
  404. package/tokens/versions/v30_0/sass/_md-comp-sheet-side.scss +96 -0
  405. package/tokens/versions/v30_0/sass/_md-comp-slider-large.scss +31 -0
  406. package/tokens/versions/v30_0/sass/_md-comp-slider-medium.scss +31 -0
  407. package/tokens/versions/v30_0/sass/_md-comp-slider-small.scss +27 -0
  408. package/tokens/versions/v30_0/sass/_md-comp-slider-xlarge.scss +31 -0
  409. package/tokens/versions/v30_0/sass/_md-comp-slider-xsmall.scss +27 -0
  410. package/tokens/versions/v30_0/sass/_md-comp-slider.scss +307 -0
  411. package/tokens/versions/v30_0/sass/_md-comp-snackbar.scss +115 -0
  412. package/tokens/versions/v30_0/sass/_md-comp-split-button-large.scss +43 -0
  413. package/tokens/versions/v30_0/sass/_md-comp-split-button-medium.scss +43 -0
  414. package/tokens/versions/v30_0/sass/_md-comp-split-button-small.scss +43 -0
  415. package/tokens/versions/v30_0/sass/_md-comp-split-button-xlarge.scss +43 -0
  416. package/tokens/versions/v30_0/sass/_md-comp-split-button-xsmall.scss +45 -0
  417. package/tokens/versions/v30_0/sass/_md-comp-standard-menu-button.scss +103 -0
  418. package/tokens/versions/v30_0/sass/_md-comp-suggestion-chip.scss +134 -0
  419. package/tokens/versions/v30_0/sass/_md-comp-switch.scss +191 -0
  420. package/tokens/versions/v30_0/sass/_md-comp-text-button.scss +94 -0
  421. package/tokens/versions/v30_0/sass/_md-comp-time-input.scss +206 -0
  422. package/tokens/versions/v30_0/sass/_md-comp-time-picker.scss +257 -0
  423. package/tokens/versions/v30_0/sass/_md-comp-toolbar-docked.scss +36 -0
  424. package/tokens/versions/v30_0/sass/_md-comp-toolbar-floating-fab.scss +51 -0
  425. package/tokens/versions/v30_0/sass/_md-comp-toolbar-floating.scss +75 -0
  426. package/tokens/versions/v30_0/sass/_md-comp-toolbar-standard.scss +87 -0
  427. package/tokens/versions/v30_0/sass/_md-comp-toolbar-vibrant.scss +87 -0
  428. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-large.scss +62 -0
  429. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-medium.scss +62 -0
  430. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small-centered.scss +72 -0
  431. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small.scss +70 -0
  432. package/tokens/versions/v30_0/sass/_md-ref-palette.scss +495 -0
  433. package/tokens/versions/v30_0/sass/_md-ref-typeface.scss +27 -0
  434. package/tokens/versions/v30_0/sass/_md-sys-color.scss +209 -0
  435. package/tokens/versions/v30_0/sass/_md-sys-color__dark.scss +209 -0
  436. package/tokens/versions/v30_0/sass/_md-sys-color__dark__high-contrast.scss +209 -0
  437. package/tokens/versions/v30_0/sass/_md-sys-color__dark__medium-contrast.scss +209 -0
  438. package/tokens/versions/v30_0/sass/_md-sys-color__high-contrast.scss +209 -0
  439. package/tokens/versions/v30_0/sass/_md-sys-color__medium-contrast.scss +209 -0
  440. package/tokens/versions/v30_0/sass/_md-sys-elevation.scss +35 -0
  441. package/tokens/versions/v30_0/sass/_md-sys-motion.scss +107 -0
  442. package/tokens/versions/v30_0/sass/_md-sys-shape.scss +67 -0
  443. package/tokens/versions/v30_0/sass/_md-sys-state-focus-indicator.scss +23 -0
  444. package/tokens/versions/v30_0/sass/_md-sys-state.scss +27 -0
  445. package/tokens/versions/v30_0/sass/_md-sys-typescale-emphasized.scss +559 -0
  446. package/tokens/versions/v30_0/sass/_md-sys-typescale.scss +571 -0
  447. package/typography/md-typescale-styles.d.ts +2 -0
  448. package/typography/md-typescale-styles.js +1 -0
  449. package/typography/md-typescale-styles.js.map +1 -1
  450. package/internal/controller/form-submitter.js +0 -69
  451. package/internal/controller/form-submitter.js.map +0 -1
  452. package/internal/sass/_string-ext.scss +0 -195
@@ -0,0 +1,495 @@
1
+ //
2
+ // Copyright 2026 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+ // AUTOGENERATED. DO NOT MODIFY.
6
+ // To modify this file, update the source template,
7
+ // or run the compiler: go/carbon-service-code-gen-mwtc.
8
+ // Source template: sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 30.0.14
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ /// md.ref.palette.black (Static palette / Static – Black white)
19
+ $black: #000;
20
+ /// md.ref.palette.blue-variant0 (Static palette / Static – Blue variant)
21
+ $blue-variant0: #000;
22
+ /// md.ref.palette.blue-variant10 (Static palette / Static – Blue variant)
23
+ $blue-variant10: #001f2d;
24
+ /// md.ref.palette.blue-variant100 (Static palette / Static – Blue variant)
25
+ $blue-variant100: #fff;
26
+ /// md.ref.palette.blue-variant20 (Static palette / Static – Blue variant)
27
+ $blue-variant20: #003549;
28
+ /// md.ref.palette.blue-variant30 (Static palette / Static – Blue variant)
29
+ $blue-variant30: #004d68;
30
+ /// md.ref.palette.blue-variant40 (Static palette / Static – Blue variant)
31
+ $blue-variant40: #006788;
32
+ /// md.ref.palette.blue-variant50 (Static palette / Static – Blue variant)
33
+ $blue-variant50: #0081a8;
34
+ /// md.ref.palette.blue-variant60 (Static palette / Static – Blue variant)
35
+ $blue-variant60: #009dc9;
36
+ /// md.ref.palette.blue-variant70 (Static palette / Static – Blue variant)
37
+ $blue-variant70: #00bbea;
38
+ /// md.ref.palette.blue-variant80 (Static palette / Static – Blue variant)
39
+ $blue-variant80: #67d4ff;
40
+ /// md.ref.palette.blue-variant90 (Static palette / Static – Blue variant)
41
+ $blue-variant90: #bde9ff;
42
+ /// md.ref.palette.blue-variant95 (Static palette / Static – Blue variant)
43
+ $blue-variant95: #e0f4ff;
44
+ /// md.ref.palette.blue-variant98 (Static palette / Static – Blue variant)
45
+ $blue-variant98: #f4faff;
46
+ /// md.ref.palette.blue0 (Static palette / Static – Blue)
47
+ $blue0: #000;
48
+ /// md.ref.palette.blue10 (Static palette / Static – Blue)
49
+ $blue10: #001944;
50
+ /// md.ref.palette.blue100 (Static palette / Static – Blue)
51
+ $blue100: #fff;
52
+ /// md.ref.palette.blue20 (Static palette / Static – Blue)
53
+ $blue20: #012c6f;
54
+ /// md.ref.palette.blue30 (Static palette / Static – Blue)
55
+ $blue30: #04409f;
56
+ /// md.ref.palette.blue40 (Static palette / Static – Blue)
57
+ $blue40: #1157ce;
58
+ /// md.ref.palette.blue50 (Static palette / Static – Blue)
59
+ $blue50: #3271ea;
60
+ /// md.ref.palette.blue60 (Static palette / Static – Blue)
61
+ $blue60: #4e8ff8;
62
+ /// md.ref.palette.blue70 (Static palette / Static – Blue)
63
+ $blue70: #76acff;
64
+ /// md.ref.palette.blue80 (Static palette / Static – Blue)
65
+ $blue80: #a1c9ff;
66
+ /// md.ref.palette.blue90 (Static palette / Static – Blue)
67
+ $blue90: #d0e4ff;
68
+ /// md.ref.palette.blue95 (Static palette / Static – Blue)
69
+ $blue95: #e7f2ff;
70
+ /// md.ref.palette.blue98 (Static palette / Static – Blue)
71
+ $blue98: #f5faff;
72
+ /// md.ref.palette.cyan0 (Static palette / Static – Cyan)
73
+ $cyan0: #000;
74
+ /// md.ref.palette.cyan10 (Static palette / Static – Cyan)
75
+ $cyan10: #001f26;
76
+ /// md.ref.palette.cyan100 (Static palette / Static – Cyan)
77
+ $cyan100: #fff;
78
+ /// md.ref.palette.cyan20 (Static palette / Static – Cyan)
79
+ $cyan20: #003641;
80
+ /// md.ref.palette.cyan30 (Static palette / Static – Cyan)
81
+ $cyan30: #004e5d;
82
+ /// md.ref.palette.cyan40 (Static palette / Static – Cyan)
83
+ $cyan40: #00687c;
84
+ /// md.ref.palette.cyan50 (Static palette / Static – Cyan)
85
+ $cyan50: #00839b;
86
+ /// md.ref.palette.cyan60 (Static palette / Static – Cyan)
87
+ $cyan60: #009ebb;
88
+ /// md.ref.palette.cyan70 (Static palette / Static – Cyan)
89
+ $cyan70: #00bbdf;
90
+ /// md.ref.palette.cyan80 (Static palette / Static – Cyan)
91
+ $cyan80: #60d5f3;
92
+ /// md.ref.palette.cyan90 (Static palette / Static – Cyan)
93
+ $cyan90: #acedff;
94
+ /// md.ref.palette.cyan95 (Static palette / Static – Cyan)
95
+ $cyan95: #d8f6ff;
96
+ /// md.ref.palette.cyan98 (Static palette / Static – Cyan)
97
+ $cyan98: #f0fbff;
98
+ /// md.ref.palette.error0 (Baseline palette / Baseline – Error)
99
+ $error0: #000;
100
+ /// md.ref.palette.error10 (Baseline palette / Baseline – Error)
101
+ $error10: #410e0b;
102
+ /// md.ref.palette.error100 (Baseline palette / Baseline – Error)
103
+ $error100: #fff;
104
+ /// md.ref.palette.error20 (Baseline palette / Baseline – Error)
105
+ $error20: #601410;
106
+ /// md.ref.palette.error30 (Baseline palette / Baseline – Error)
107
+ $error30: #8c1d18;
108
+ /// md.ref.palette.error40 (Baseline palette / Baseline – Error)
109
+ $error40: #b3261e;
110
+ /// md.ref.palette.error50 (Baseline palette / Baseline – Error)
111
+ $error50: #dc362e;
112
+ /// md.ref.palette.error60 (Baseline palette / Baseline – Error)
113
+ $error60: #e46962;
114
+ /// md.ref.palette.error70 (Baseline palette / Baseline – Error)
115
+ $error70: #ec928e;
116
+ /// md.ref.palette.error80 (Baseline palette / Baseline – Error)
117
+ $error80: #f2b8b5;
118
+ /// md.ref.palette.error90 (Baseline palette / Baseline – Error)
119
+ $error90: #f9dedc;
120
+ /// md.ref.palette.error95 (Baseline palette / Baseline – Error)
121
+ $error95: #fceeee;
122
+ /// md.ref.palette.error98 (Baseline palette / Baseline – Error)
123
+ $error98: #fff8f7;
124
+ /// md.ref.palette.error99 (Baseline palette / Baseline – Error)
125
+ $error99: #fffbf9;
126
+ /// md.ref.palette.green0 (Static palette / Static – Green)
127
+ $green0: #000;
128
+ /// md.ref.palette.green10 (Static palette / Static – Green)
129
+ $green10: #002110;
130
+ /// md.ref.palette.green100 (Static palette / Static – Green)
131
+ $green100: #fff;
132
+ /// md.ref.palette.green20 (Static palette / Static – Green)
133
+ $green20: #00381f;
134
+ /// md.ref.palette.green30 (Static palette / Static – Green)
135
+ $green30: #00522c;
136
+ /// md.ref.palette.green40 (Static palette / Static – Green)
137
+ $green40: #006c35;
138
+ /// md.ref.palette.green50 (Static palette / Static – Green)
139
+ $green50: #128937;
140
+ /// md.ref.palette.green60 (Static palette / Static – Green)
141
+ $green60: #1aa64a;
142
+ /// md.ref.palette.green70 (Static palette / Static – Green)
143
+ $green70: #44c265;
144
+ /// md.ref.palette.green80 (Static palette / Static – Green)
145
+ $green80: #80da88;
146
+ /// md.ref.palette.green90 (Static palette / Static – Green)
147
+ $green90: #beefbb;
148
+ /// md.ref.palette.green95 (Static palette / Static – Green)
149
+ $green95: #ddf8d8;
150
+ /// md.ref.palette.green98 (Static palette / Static – Green)
151
+ $green98: #f2fcef;
152
+ /// md.ref.palette.grey-variant0 (Static palette / Static – Grey variant)
153
+ $grey-variant0: #000;
154
+ /// md.ref.palette.grey-variant10 (Static palette / Static – Grey variant)
155
+ $grey-variant10: #191d1c;
156
+ /// md.ref.palette.grey-variant100 (Static palette / Static – Grey variant)
157
+ $grey-variant100: #fff;
158
+ /// md.ref.palette.grey-variant20 (Static palette / Static – Grey variant)
159
+ $grey-variant20: #2d312f;
160
+ /// md.ref.palette.grey-variant30 (Static palette / Static – Grey variant)
161
+ $grey-variant30: #444746;
162
+ /// md.ref.palette.grey-variant40 (Static palette / Static – Grey variant)
163
+ $grey-variant40: #5c5f5e;
164
+ /// md.ref.palette.grey-variant50 (Static palette / Static – Grey variant)
165
+ $grey-variant50: #747775;
166
+ /// md.ref.palette.grey-variant60 (Static palette / Static – Grey variant)
167
+ $grey-variant60: #8e918f;
168
+ /// md.ref.palette.grey-variant70 (Static palette / Static – Grey variant)
169
+ $grey-variant70: #a9acaa;
170
+ /// md.ref.palette.grey-variant80 (Static palette / Static – Grey variant)
171
+ $grey-variant80: #c4c7c5;
172
+ /// md.ref.palette.grey-variant90 (Static palette / Static – Grey variant)
173
+ $grey-variant90: #e1e3e1;
174
+ /// md.ref.palette.grey-variant95 (Static palette / Static – Grey variant)
175
+ $grey-variant95: #eff2ef;
176
+ /// md.ref.palette.grey-variant98 (Static palette / Static – Grey variant)
177
+ $grey-variant98: #f7faf7;
178
+ /// md.ref.palette.grey0 (Static palette / Static – Grey)
179
+ $grey0: #000;
180
+ /// md.ref.palette.grey10 (Static palette / Static – Grey)
181
+ $grey10: #1b1b1c;
182
+ /// md.ref.palette.grey100 (Static palette / Static – Grey)
183
+ $grey100: #fff;
184
+ /// md.ref.palette.grey20 (Static palette / Static – Grey)
185
+ $grey20: #303030;
186
+ /// md.ref.palette.grey30 (Static palette / Static – Grey)
187
+ $grey30: #474747;
188
+ /// md.ref.palette.grey40 (Static palette / Static – Grey)
189
+ $grey40: #5e5e5e;
190
+ /// md.ref.palette.grey50 (Static palette / Static – Grey)
191
+ $grey50: #777;
192
+ /// md.ref.palette.grey60 (Static palette / Static – Grey)
193
+ $grey60: #919191;
194
+ /// md.ref.palette.grey70 (Static palette / Static – Grey)
195
+ $grey70: #ababab;
196
+ /// md.ref.palette.grey80 (Static palette / Static – Grey)
197
+ $grey80: #c7c7c7;
198
+ /// md.ref.palette.grey90 (Static palette / Static – Grey)
199
+ $grey90: #e3e3e3;
200
+ /// md.ref.palette.grey95 (Static palette / Static – Grey)
201
+ $grey95: #f2f2f2;
202
+ /// md.ref.palette.grey98 (Static palette / Static – Grey)
203
+ $grey98: #f9f9f9;
204
+ /// md.ref.palette.neutral-variant0 (Baseline palette / Baseline – Neutral variant)
205
+ $neutral-variant0: #000;
206
+ /// md.ref.palette.neutral-variant10 (Baseline palette / Baseline – Neutral variant)
207
+ $neutral-variant10: #1d1a22;
208
+ /// md.ref.palette.neutral-variant100 (Baseline palette / Baseline – Neutral variant)
209
+ $neutral-variant100: #fff;
210
+ /// md.ref.palette.neutral-variant20 (Baseline palette / Baseline – Neutral variant)
211
+ $neutral-variant20: #322f37;
212
+ /// md.ref.palette.neutral-variant30 (Baseline palette / Baseline – Neutral variant)
213
+ $neutral-variant30: #49454f;
214
+ /// md.ref.palette.neutral-variant40 (Baseline palette / Baseline – Neutral variant)
215
+ $neutral-variant40: #605d66;
216
+ /// md.ref.palette.neutral-variant50 (Baseline palette / Baseline – Neutral variant)
217
+ $neutral-variant50: #79747e;
218
+ /// md.ref.palette.neutral-variant60 (Baseline palette / Baseline – Neutral variant)
219
+ $neutral-variant60: #938f99;
220
+ /// md.ref.palette.neutral-variant70 (Baseline palette / Baseline – Neutral variant)
221
+ $neutral-variant70: #aea9b4;
222
+ /// md.ref.palette.neutral-variant80 (Baseline palette / Baseline – Neutral variant)
223
+ $neutral-variant80: #cac4d0;
224
+ /// md.ref.palette.neutral-variant90 (Baseline palette / Baseline – Neutral variant)
225
+ $neutral-variant90: #e7e0ec;
226
+ /// md.ref.palette.neutral-variant95 (Baseline palette / Baseline – Neutral variant)
227
+ $neutral-variant95: #f5eefa;
228
+ /// md.ref.palette.neutral-variant98 (Baseline palette / Baseline – Neutral variant)
229
+ $neutral-variant98: #fdf7ff;
230
+ /// md.ref.palette.neutral-variant99 (Baseline palette / Baseline – Neutral variant)
231
+ $neutral-variant99: #fffbfe;
232
+ /// md.ref.palette.neutral0 (Baseline palette / Baseline – Neutral)
233
+ $neutral0: #000;
234
+ /// md.ref.palette.neutral10 (Baseline palette / Baseline – Neutral)
235
+ $neutral10: #1d1b20;
236
+ /// md.ref.palette.neutral100 (Baseline palette / Baseline – Neutral)
237
+ $neutral100: #fff;
238
+ /// md.ref.palette.neutral12 (Baseline palette / Baseline – Neutral)
239
+ $neutral12: #211f26;
240
+ /// md.ref.palette.neutral17 (Baseline palette / Baseline – Neutral)
241
+ $neutral17: #2b2930;
242
+ /// md.ref.palette.neutral20 (Baseline palette / Baseline – Neutral)
243
+ $neutral20: #322f35;
244
+ /// md.ref.palette.neutral22 (Baseline palette / Baseline – Neutral)
245
+ $neutral22: #36343b;
246
+ /// md.ref.palette.neutral24 (Baseline palette / Baseline – Neutral)
247
+ $neutral24: #3b383e;
248
+ /// md.ref.palette.neutral30 (Baseline palette / Baseline – Neutral)
249
+ $neutral30: #48464c;
250
+ /// md.ref.palette.neutral4 (Baseline palette / Baseline – Neutral)
251
+ $neutral4: #0f0d13;
252
+ /// md.ref.palette.neutral40 (Baseline palette / Baseline – Neutral)
253
+ $neutral40: #605d64;
254
+ /// md.ref.palette.neutral50 (Baseline palette / Baseline – Neutral)
255
+ $neutral50: #79767d;
256
+ /// md.ref.palette.neutral6 (Baseline palette / Baseline – Neutral)
257
+ $neutral6: #141218;
258
+ /// md.ref.palette.neutral60 (Baseline palette / Baseline – Neutral)
259
+ $neutral60: #938f96;
260
+ /// md.ref.palette.neutral70 (Baseline palette / Baseline – Neutral)
261
+ $neutral70: #aea9b1;
262
+ /// md.ref.palette.neutral80 (Baseline palette / Baseline – Neutral)
263
+ $neutral80: #cac5cd;
264
+ /// md.ref.palette.neutral87 (Baseline palette / Baseline – Neutral)
265
+ $neutral87: #ded8e1;
266
+ /// md.ref.palette.neutral90 (Baseline palette / Baseline – Neutral)
267
+ $neutral90: #e6e0e9;
268
+ /// md.ref.palette.neutral92 (Baseline palette / Baseline – Neutral)
269
+ $neutral92: #ece6f0;
270
+ /// md.ref.palette.neutral94 (Baseline palette / Baseline – Neutral)
271
+ $neutral94: #f3edf7;
272
+ /// md.ref.palette.neutral95 (Baseline palette / Baseline – Neutral)
273
+ $neutral95: #f5eff7;
274
+ /// md.ref.palette.neutral96 (Baseline palette / Baseline – Neutral)
275
+ $neutral96: #f7f2fa;
276
+ /// md.ref.palette.neutral98 (Baseline palette / Baseline – Neutral)
277
+ $neutral98: #fef7ff;
278
+ /// md.ref.palette.neutral99 (Baseline palette / Baseline – Neutral)
279
+ $neutral99: #fffbff;
280
+ /// md.ref.palette.orange0 (Static palette / Static – Orange)
281
+ $orange0: #000;
282
+ /// md.ref.palette.orange10 (Static palette / Static – Orange)
283
+ $orange10: #321200;
284
+ /// md.ref.palette.orange100 (Static palette / Static – Orange)
285
+ $orange100: #fff;
286
+ /// md.ref.palette.orange20 (Static palette / Static – Orange)
287
+ $orange20: #522302;
288
+ /// md.ref.palette.orange30 (Static palette / Static – Orange)
289
+ $orange30: #753403;
290
+ /// md.ref.palette.orange40 (Static palette / Static – Orange)
291
+ $orange40: #9a4600;
292
+ /// md.ref.palette.orange50 (Static palette / Static – Orange)
293
+ $orange50: #c05a01;
294
+ /// md.ref.palette.orange60 (Static palette / Static – Orange)
295
+ $orange60: #e86e00;
296
+ /// md.ref.palette.orange70 (Static palette / Static – Orange)
297
+ $orange70: #ff8d41;
298
+ /// md.ref.palette.orange80 (Static palette / Static – Orange)
299
+ $orange80: #ffb683;
300
+ /// md.ref.palette.orange90 (Static palette / Static – Orange)
301
+ $orange90: #ffdcc3;
302
+ /// md.ref.palette.orange95 (Static palette / Static – Orange)
303
+ $orange95: #ffede1;
304
+ /// md.ref.palette.orange98 (Static palette / Static – Orange)
305
+ $orange98: #fff8f4;
306
+ /// md.ref.palette.pink0 (Static palette / Static – Pink)
307
+ $pink0: #000;
308
+ /// md.ref.palette.pink10 (Static palette / Static – Pink)
309
+ $pink10: #3d0023;
310
+ /// md.ref.palette.pink100 (Static palette / Static – Pink)
311
+ $pink100: #fff;
312
+ /// md.ref.palette.pink20 (Static palette / Static – Pink)
313
+ $pink20: #620438;
314
+ /// md.ref.palette.pink30 (Static palette / Static – Pink)
315
+ $pink30: #8d0053;
316
+ /// md.ref.palette.pink40 (Static palette / Static – Pink)
317
+ $pink40: #b60d6e;
318
+ /// md.ref.palette.pink50 (Static palette / Static – Pink)
319
+ $pink50: #dc258d;
320
+ /// md.ref.palette.pink60 (Static palette / Static – Pink)
321
+ $pink60: #f94aab;
322
+ /// md.ref.palette.pink70 (Static palette / Static – Pink)
323
+ $pink70: #ff7dd2;
324
+ /// md.ref.palette.pink80 (Static palette / Static – Pink)
325
+ $pink80: #ffaee4;
326
+ /// md.ref.palette.pink90 (Static palette / Static – Pink)
327
+ $pink90: #ffd8ef;
328
+ /// md.ref.palette.pink95 (Static palette / Static – Pink)
329
+ $pink95: #ffecf6;
330
+ /// md.ref.palette.pink98 (Static palette / Static – Pink)
331
+ $pink98: #fff7fc;
332
+ /// md.ref.palette.primary0 (Baseline palette / Baseline – Primary)
333
+ $primary0: #000;
334
+ /// md.ref.palette.primary10 (Baseline palette / Baseline – Primary)
335
+ $primary10: #21005d;
336
+ /// md.ref.palette.primary100 (Baseline palette / Baseline – Primary)
337
+ $primary100: #fff;
338
+ /// md.ref.palette.primary20 (Baseline palette / Baseline – Primary)
339
+ $primary20: #381e72;
340
+ /// md.ref.palette.primary30 (Baseline palette / Baseline – Primary)
341
+ $primary30: #4f378b;
342
+ /// md.ref.palette.primary40 (Baseline palette / Baseline – Primary)
343
+ $primary40: #6750a4;
344
+ /// md.ref.palette.primary50 (Baseline palette / Baseline – Primary)
345
+ $primary50: #7f67be;
346
+ /// md.ref.palette.primary60 (Baseline palette / Baseline – Primary)
347
+ $primary60: #9a82db;
348
+ /// md.ref.palette.primary70 (Baseline palette / Baseline – Primary)
349
+ $primary70: #b69df8;
350
+ /// md.ref.palette.primary80 (Baseline palette / Baseline – Primary)
351
+ $primary80: #d0bcff;
352
+ /// md.ref.palette.primary90 (Baseline palette / Baseline – Primary)
353
+ $primary90: #eaddff;
354
+ /// md.ref.palette.primary95 (Baseline palette / Baseline – Primary)
355
+ $primary95: #f6edff;
356
+ /// md.ref.palette.primary98 (Baseline palette / Baseline – Primary)
357
+ $primary98: #fef7ff;
358
+ /// md.ref.palette.primary99 (Baseline palette / Baseline – Primary)
359
+ $primary99: #fffbfe;
360
+ /// md.ref.palette.purple0 (Static palette / Static – Purple)
361
+ $purple0: #000;
362
+ /// md.ref.palette.purple10 (Static palette / Static – Purple)
363
+ $purple10: #280255;
364
+ /// md.ref.palette.purple100 (Static palette / Static – Purple)
365
+ $purple100: #fff;
366
+ /// md.ref.palette.purple20 (Static palette / Static – Purple)
367
+ $purple20: #400b84;
368
+ /// md.ref.palette.purple30 (Static palette / Static – Purple)
369
+ $purple30: #5629a4;
370
+ /// md.ref.palette.purple40 (Static palette / Static – Purple)
371
+ $purple40: #7438d2;
372
+ /// md.ref.palette.purple50 (Static palette / Static – Purple)
373
+ $purple50: #9254ea;
374
+ /// md.ref.palette.purple60 (Static palette / Static – Purple)
375
+ $purple60: #ad72ff;
376
+ /// md.ref.palette.purple70 (Static palette / Static – Purple)
377
+ $purple70: #c597ff;
378
+ /// md.ref.palette.purple80 (Static palette / Static – Purple)
379
+ $purple80: #d9bafd;
380
+ /// md.ref.palette.purple90 (Static palette / Static – Purple)
381
+ $purple90: #eedcfe;
382
+ /// md.ref.palette.purple95 (Static palette / Static – Purple)
383
+ $purple95: #f7ecfe;
384
+ /// md.ref.palette.purple98 (Static palette / Static – Purple)
385
+ $purple98: #fdf8ff;
386
+ /// md.ref.palette.red0 (Static palette / Static – Red)
387
+ $red0: #000;
388
+ /// md.ref.palette.red10 (Static palette / Static – Red)
389
+ $red10: #3a0907;
390
+ /// md.ref.palette.red100 (Static palette / Static – Red)
391
+ $red100: #fff;
392
+ /// md.ref.palette.red20 (Static palette / Static – Red)
393
+ $red20: #60150f;
394
+ /// md.ref.palette.red30 (Static palette / Static – Red)
395
+ $red30: #8a1a16;
396
+ /// md.ref.palette.red40 (Static palette / Static – Red)
397
+ $red40: #b3251e;
398
+ /// md.ref.palette.red50 (Static palette / Static – Red)
399
+ $red50: #db372d;
400
+ /// md.ref.palette.red60 (Static palette / Static – Red)
401
+ $red60: #f55e57;
402
+ /// md.ref.palette.red70 (Static palette / Static – Red)
403
+ $red70: #ff8983;
404
+ /// md.ref.palette.red80 (Static palette / Static – Red)
405
+ $red80: #ffb3ae;
406
+ /// md.ref.palette.red90 (Static palette / Static – Red)
407
+ $red90: #ffdadc;
408
+ /// md.ref.palette.red95 (Static palette / Static – Red)
409
+ $red95: #ffecee;
410
+ /// md.ref.palette.red98 (Static palette / Static – Red)
411
+ $red98: #fff8f8;
412
+ /// md.ref.palette.secondary0 (Baseline palette / Baseline – Secondary)
413
+ $secondary0: #000;
414
+ /// md.ref.palette.secondary10 (Baseline palette / Baseline – Secondary)
415
+ $secondary10: #1d192b;
416
+ /// md.ref.palette.secondary100 (Baseline palette / Baseline – Secondary)
417
+ $secondary100: #fff;
418
+ /// md.ref.palette.secondary20 (Baseline palette / Baseline – Secondary)
419
+ $secondary20: #332d41;
420
+ /// md.ref.palette.secondary30 (Baseline palette / Baseline – Secondary)
421
+ $secondary30: #4a4458;
422
+ /// md.ref.palette.secondary40 (Baseline palette / Baseline – Secondary)
423
+ $secondary40: #625b71;
424
+ /// md.ref.palette.secondary50 (Baseline palette / Baseline – Secondary)
425
+ $secondary50: #7a7289;
426
+ /// md.ref.palette.secondary60 (Baseline palette / Baseline – Secondary)
427
+ $secondary60: #958da5;
428
+ /// md.ref.palette.secondary70 (Baseline palette / Baseline – Secondary)
429
+ $secondary70: #b0a7c0;
430
+ /// md.ref.palette.secondary80 (Baseline palette / Baseline – Secondary)
431
+ $secondary80: #ccc2dc;
432
+ /// md.ref.palette.secondary90 (Baseline palette / Baseline – Secondary)
433
+ $secondary90: #e8def8;
434
+ /// md.ref.palette.secondary95 (Baseline palette / Baseline – Secondary)
435
+ $secondary95: #f6edff;
436
+ /// md.ref.palette.secondary98 (Baseline palette / Baseline – Secondary)
437
+ $secondary98: #fef7ff;
438
+ /// md.ref.palette.secondary99 (Baseline palette / Baseline – Secondary)
439
+ $secondary99: #fffbfe;
440
+ /// md.ref.palette.tertiary0 (Baseline palette / Baseline – Tertiary)
441
+ $tertiary0: #000;
442
+ /// md.ref.palette.tertiary10 (Baseline palette / Baseline – Tertiary)
443
+ $tertiary10: #31111d;
444
+ /// md.ref.palette.tertiary100 (Baseline palette / Baseline – Tertiary)
445
+ $tertiary100: #fff;
446
+ /// md.ref.palette.tertiary20 (Baseline palette / Baseline – Tertiary)
447
+ $tertiary20: #492532;
448
+ /// md.ref.palette.tertiary30 (Baseline palette / Baseline – Tertiary)
449
+ $tertiary30: #633b48;
450
+ /// md.ref.palette.tertiary40 (Baseline palette / Baseline – Tertiary)
451
+ $tertiary40: #7d5260;
452
+ /// md.ref.palette.tertiary50 (Baseline palette / Baseline – Tertiary)
453
+ $tertiary50: #986977;
454
+ /// md.ref.palette.tertiary60 (Baseline palette / Baseline – Tertiary)
455
+ $tertiary60: #b58392;
456
+ /// md.ref.palette.tertiary70 (Baseline palette / Baseline – Tertiary)
457
+ $tertiary70: #d29dac;
458
+ /// md.ref.palette.tertiary80 (Baseline palette / Baseline – Tertiary)
459
+ $tertiary80: #efb8c8;
460
+ /// md.ref.palette.tertiary90 (Baseline palette / Baseline – Tertiary)
461
+ $tertiary90: #ffd8e4;
462
+ /// md.ref.palette.tertiary95 (Baseline palette / Baseline – Tertiary)
463
+ $tertiary95: #ffecf1;
464
+ /// md.ref.palette.tertiary98 (Baseline palette / Baseline – Tertiary)
465
+ $tertiary98: #fff8f8;
466
+ /// md.ref.palette.tertiary99 (Baseline palette / Baseline – Tertiary)
467
+ $tertiary99: #fffbfa;
468
+ /// md.ref.palette.white (Static palette / Static – Black white)
469
+ $white: #fff;
470
+ /// md.ref.palette.yellow0 (Static palette / Static – Yellow)
471
+ $yellow0: #000;
472
+ /// md.ref.palette.yellow10 (Static palette / Static – Yellow)
473
+ $yellow10: #2f1400;
474
+ /// md.ref.palette.yellow100 (Static palette / Static – Yellow)
475
+ $yellow100: #fff;
476
+ /// md.ref.palette.yellow20 (Static palette / Static – Yellow)
477
+ $yellow20: #4d2600;
478
+ /// md.ref.palette.yellow30 (Static palette / Static – Yellow)
479
+ $yellow30: #6d3a01;
480
+ /// md.ref.palette.yellow40 (Static palette / Static – Yellow)
481
+ $yellow40: #8f4e06;
482
+ /// md.ref.palette.yellow50 (Static palette / Static – Yellow)
483
+ $yellow50: #b16300;
484
+ /// md.ref.palette.yellow60 (Static palette / Static – Yellow)
485
+ $yellow60: #d37b00;
486
+ /// md.ref.palette.yellow70 (Static palette / Static – Yellow)
487
+ $yellow70: #ef9800;
488
+ /// md.ref.palette.yellow80 (Static palette / Static – Yellow)
489
+ $yellow80: #fcbd00;
490
+ /// md.ref.palette.yellow90 (Static palette / Static – Yellow)
491
+ $yellow90: #ffe07c;
492
+ /// md.ref.palette.yellow95 (Static palette / Static – Yellow)
493
+ $yellow95: #fff2b4;
494
+ /// md.ref.palette.yellow98 (Static palette / Static – Yellow)
495
+ $yellow98: #fffade;
@@ -0,0 +1,27 @@
1
+ //
2
+ // Copyright 2026 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+ // AUTOGENERATED. DO NOT MODIFY.
6
+ // To modify this file, update the source template,
7
+ // or run the compiler: go/carbon-service-code-gen-mwtc.
8
+ // Source template: sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 30.0.14
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ /// md.ref.typeface.brand (Brand)
19
+ $brand: Roboto;
20
+ /// md.ref.typeface.plain (Plain)
21
+ $plain: Roboto;
22
+ /// md.ref.typeface.weight-bold (Weight)
23
+ $weight-bold: 700;
24
+ /// md.ref.typeface.weight-medium (Weight)
25
+ $weight-medium: 500;
26
+ /// md.ref.typeface.weight-regular (Weight)
27
+ $weight-regular: 400;