@maicol07/material-web 2.3.0 → 2.5.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 (503) hide show
  1. package/button/internal/_shared.scss +2 -2
  2. package/button/internal/_touch-target.scss +1 -1
  3. package/labs/gb/components/appbar/_app-bar-tokens.scss +136 -0
  4. package/labs/gb/components/appbar/app-bar.scss +167 -0
  5. package/labs/gb/components/badge/_badge-tokens.scss +18 -0
  6. package/labs/gb/components/badge/badge.scss +49 -0
  7. package/labs/gb/components/button/_button-tokens.scss +200 -0
  8. package/labs/gb/components/button/button.scss +130 -0
  9. package/labs/gb/components/card/_card-tokens.scss +56 -0
  10. package/labs/gb/components/card/card.scss +74 -0
  11. package/labs/gb/components/checkbox/_checkbox-tokens.scss +66 -0
  12. package/labs/gb/components/checkbox/checkbox.scss +105 -0
  13. package/labs/gb/components/chip/_chip-tokens.scss +167 -0
  14. package/labs/gb/components/chip/chip.scss +99 -0
  15. package/labs/gb/components/divider/_divider-tokens.scss +11 -0
  16. package/labs/gb/components/divider/divider.scss +31 -0
  17. package/labs/gb/components/fab/_fab-tokens.scss +89 -0
  18. package/labs/gb/components/fab/fab.scss +78 -0
  19. package/labs/gb/components/focus/focus-ring.scss +91 -0
  20. package/labs/gb/components/iconbutton/_icon-button-tokens.scss +213 -0
  21. package/labs/gb/components/iconbutton/icon-button.scss +160 -0
  22. package/labs/gb/components/list/_list-tokens.scss +103 -0
  23. package/labs/gb/components/list/list.scss +217 -0
  24. package/labs/gb/components/menu/_menu-tokens.scss +161 -0
  25. package/labs/gb/components/menu/menu.scss +174 -0
  26. package/labs/gb/components/radio/_radio-tokens.scss +39 -0
  27. package/labs/gb/components/radio/radio.scss +74 -0
  28. package/labs/gb/components/ripple/ripple.scss +103 -0
  29. package/labs/gb/components/splitbutton/_split-button-tokens.scss +139 -0
  30. package/labs/gb/components/splitbutton/split-button.scss +164 -0
  31. package/labs/gb/components/switch/_switch-tokens.scss +58 -0
  32. package/labs/gb/components/switch/switch.scss +109 -0
  33. package/labs/gb/styles/color/internal/_color-tokens.scss +95 -0
  34. package/labs/gb/styles/color/md-color-tokens-full.scss +17 -0
  35. package/labs/gb/styles/color/md-color-tokens.scss +15 -0
  36. package/labs/gb/styles/elevation/md-elevation-tokens.scss +25 -0
  37. package/labs/gb/styles/icon/md-icon.scss +63 -0
  38. package/labs/gb/styles/m3.scss +14 -0
  39. package/labs/gb/styles/motion/md-motion-tokens-easing.scss +35 -0
  40. package/labs/gb/styles/shape/md-shape-tokens.scss +23 -0
  41. package/labs/gb/styles/space/md-space-tokens.scss +28 -0
  42. package/labs/gb/styles/tailwind.scss +349 -0
  43. package/labs/gb/styles/typography/internal/_typography-tokens.scss +149 -0
  44. package/labs/gb/styles/typography/md-typography-tokens.scss +14 -0
  45. package/list/internal/listitem/_list-item.scss +3 -0
  46. package/menu/internal/menuitem/_menu-item.scss +4 -1
  47. package/package.json +102 -21
  48. package/sass/ext/_assert.scss +82 -0
  49. package/sass/ext/_list_ext.scss +114 -0
  50. package/sass/ext/_map_ext.scss +222 -0
  51. package/sass/ext/_string_ext.scss +153 -0
  52. package/sass/ext/_throw.scss +83 -0
  53. package/sass/ext/_type.scss +66 -0
  54. package/{internal/sass → sass/ext}/_var.scss +86 -96
  55. package/sass/ext/tests.scss +18 -0
  56. package/slider/internal/_slider.scss +1 -0
  57. package/switch/internal/_switch.scss +1 -0
  58. package/tabs/internal/_tab.scss +0 -1
  59. package/tokens/_index.scss +57 -57
  60. package/tokens/_md-comp-assist-chip.scss +8 -8
  61. package/tokens/_md-comp-badge.scss +4 -4
  62. package/tokens/_md-comp-checkbox.scss +6 -6
  63. package/tokens/_md-comp-circular-progress.scss +4 -4
  64. package/tokens/_md-comp-dialog.scss +8 -8
  65. package/tokens/_md-comp-divider.scss +3 -3
  66. package/tokens/_md-comp-elevated-button.scss +8 -8
  67. package/tokens/_md-comp-elevated-card.scss +6 -6
  68. package/tokens/_md-comp-elevation.scss +3 -3
  69. package/tokens/_md-comp-fab-branded.scss +10 -10
  70. package/tokens/_md-comp-fab.scss +17 -17
  71. package/tokens/_md-comp-filled-button.scss +8 -8
  72. package/tokens/_md-comp-filled-card.scss +6 -6
  73. package/tokens/_md-comp-filled-field.scss +7 -7
  74. package/tokens/_md-comp-filled-icon-button.scss +6 -6
  75. package/tokens/_md-comp-filled-select.scss +8 -8
  76. package/tokens/_md-comp-filled-text-field.scss +7 -7
  77. package/tokens/_md-comp-filled-tonal-button.scss +8 -8
  78. package/tokens/_md-comp-filled-tonal-icon-button.scss +6 -6
  79. package/tokens/_md-comp-filter-chip.scss +8 -8
  80. package/tokens/_md-comp-focus-ring.scss +5 -5
  81. package/tokens/_md-comp-full-screen-dialog.scss +6 -6
  82. package/tokens/_md-comp-icon-button.scss +5 -5
  83. package/tokens/_md-comp-icon.scss +1 -1
  84. package/tokens/_md-comp-input-chip.scss +8 -8
  85. package/tokens/_md-comp-item.scss +4 -4
  86. package/tokens/_md-comp-linear-progress.scss +4 -4
  87. package/tokens/_md-comp-list-item.scss +5 -5
  88. package/tokens/_md-comp-list.scss +3 -3
  89. package/tokens/_md-comp-menu-item.scss +8 -8
  90. package/tokens/_md-comp-menu.scss +5 -5
  91. package/tokens/_md-comp-navigation-bar.scss +6 -6
  92. package/tokens/_md-comp-navigation-drawer.scss +6 -6
  93. package/tokens/_md-comp-outlined-button.scss +7 -7
  94. package/tokens/_md-comp-outlined-card.scss +6 -6
  95. package/tokens/_md-comp-outlined-field.scss +7 -7
  96. package/tokens/_md-comp-outlined-icon-button.scss +6 -6
  97. package/tokens/_md-comp-outlined-segmented-button.scss +7 -7
  98. package/tokens/_md-comp-outlined-select.scss +8 -8
  99. package/tokens/_md-comp-outlined-text-field.scss +6 -6
  100. package/tokens/_md-comp-primary-tab.scss +8 -8
  101. package/tokens/_md-comp-radio.scss +4 -4
  102. package/tokens/_md-comp-ripple.scss +4 -4
  103. package/tokens/_md-comp-secondary-tab.scss +8 -8
  104. package/tokens/_md-comp-slider.scss +7 -7
  105. package/tokens/_md-comp-suggestion-chip.scss +8 -8
  106. package/tokens/_md-comp-switch.scss +6 -6
  107. package/tokens/_md-comp-test-table.scss +2 -2
  108. package/tokens/_md-comp-text-button.scss +7 -7
  109. package/tokens/_md-ref-palette.scss +2 -2
  110. package/tokens/_md-ref-typeface.scss +2 -2
  111. package/tokens/_md-sys-color.scss +3 -3
  112. package/tokens/_md-sys-elevation.scss +1 -1
  113. package/tokens/_md-sys-motion.scss +1 -1
  114. package/tokens/_md-sys-shape.scss +2 -2
  115. package/tokens/_md-sys-state.scss +1 -1
  116. package/tokens/_md-sys-typescale.scss +3 -3
  117. package/tokens/v0_192/_index.scss +3 -102
  118. package/tokens/v0_192/_md-comp-assist-chip.scss +1 -106
  119. package/tokens/v0_192/_md-comp-badge.scss +1 -56
  120. package/tokens/v0_192/_md-comp-banner.scss +1 -71
  121. package/tokens/v0_192/_md-comp-bottom-app-bar.scss +1 -31
  122. package/tokens/v0_192/_md-comp-carousel-item.scss +1 -61
  123. package/tokens/v0_192/_md-comp-checkbox.scss +1 -124
  124. package/tokens/v0_192/_md-comp-circular-progress-indicator.scss +1 -36
  125. package/tokens/v0_192/_md-comp-data-table.scss +1 -94
  126. package/tokens/v0_192/_md-comp-date-input-modal.scss +1 -85
  127. package/tokens/v0_192/_md-comp-date-picker-docked.scss +1 -242
  128. package/tokens/v0_192/_md-comp-date-picker-modal.scss +1 -301
  129. package/tokens/v0_192/_md-comp-dialog.scss +1 -119
  130. package/tokens/v0_192/_md-comp-divider.scss +1 -23
  131. package/tokens/v0_192/_md-comp-elevated-button.scss +1 -87
  132. package/tokens/v0_192/_md-comp-elevated-card.scss +1 -55
  133. package/tokens/v0_192/_md-comp-extended-fab-branded.scss +1 -84
  134. package/tokens/v0_192/_md-comp-extended-fab-primary.scss +1 -92
  135. package/tokens/v0_192/_md-comp-extended-fab-secondary.scss +1 -93
  136. package/tokens/v0_192/_md-comp-extended-fab-surface.scss +1 -88
  137. package/tokens/v0_192/_md-comp-extended-fab-tertiary.scss +1 -93
  138. package/tokens/v0_192/_md-comp-fab-branded-large.scss +1 -58
  139. package/tokens/v0_192/_md-comp-fab-branded.scss +1 -58
  140. package/tokens/v0_192/_md-comp-fab-primary-large.scss +1 -63
  141. package/tokens/v0_192/_md-comp-fab-primary-small.scss +1 -63
  142. package/tokens/v0_192/_md-comp-fab-primary.scss +1 -63
  143. package/tokens/v0_192/_md-comp-fab-secondary-large.scss +1 -64
  144. package/tokens/v0_192/_md-comp-fab-secondary-small.scss +1 -64
  145. package/tokens/v0_192/_md-comp-fab-secondary.scss +1 -64
  146. package/tokens/v0_192/_md-comp-fab-surface-large.scss +1 -62
  147. package/tokens/v0_192/_md-comp-fab-surface-small.scss +1 -62
  148. package/tokens/v0_192/_md-comp-fab-surface.scss +1 -62
  149. package/tokens/v0_192/_md-comp-fab-tertiary-large.scss +1 -64
  150. package/tokens/v0_192/_md-comp-fab-tertiary-small.scss +1 -64
  151. package/tokens/v0_192/_md-comp-fab-tertiary.scss +1 -64
  152. package/tokens/v0_192/_md-comp-filled-autocomplete.scss +1 -234
  153. package/tokens/v0_192/_md-comp-filled-button.scss +1 -87
  154. package/tokens/v0_192/_md-comp-filled-card.scss +1 -57
  155. package/tokens/v0_192/_md-comp-filled-icon-button.scss +1 -78
  156. package/tokens/v0_192/_md-comp-filled-menu-button.scss +1 -96
  157. package/tokens/v0_192/_md-comp-filled-select.scss +1 -268
  158. package/tokens/v0_192/_md-comp-filled-text-field.scss +1 -188
  159. package/tokens/v0_192/_md-comp-filled-tonal-button.scss +1 -97
  160. package/tokens/v0_192/_md-comp-filled-tonal-icon-button.scss +1 -85
  161. package/tokens/v0_192/_md-comp-filter-chip.scss +1 -205
  162. package/tokens/v0_192/_md-comp-full-screen-dialog.scss +1 -109
  163. package/tokens/v0_192/_md-comp-icon-button.scss +1 -69
  164. package/tokens/v0_192/_md-comp-input-chip.scss +1 -182
  165. package/tokens/v0_192/_md-comp-linear-progress-indicator.scss +1 -38
  166. package/tokens/v0_192/_md-comp-list.scss +1 -250
  167. package/tokens/v0_192/_md-comp-menu.scss +1 -39
  168. package/tokens/v0_192/_md-comp-navigation-bar.scss +1 -110
  169. package/tokens/v0_192/_md-comp-navigation-drawer.scss +1 -160
  170. package/tokens/v0_192/_md-comp-navigation-rail.scss +1 -114
  171. package/tokens/v0_192/_md-comp-outlined-autocomplete.scss +1 -224
  172. package/tokens/v0_192/_md-comp-outlined-button.scss +1 -82
  173. package/tokens/v0_192/_md-comp-outlined-card.scss +1 -61
  174. package/tokens/v0_192/_md-comp-outlined-icon-button.scss +1 -78
  175. package/tokens/v0_192/_md-comp-outlined-menu-button.scss +1 -92
  176. package/tokens/v0_192/_md-comp-outlined-segmented-button.scss +1 -110
  177. package/tokens/v0_192/_md-comp-outlined-select.scss +1 -258
  178. package/tokens/v0_192/_md-comp-outlined-text-field.scss +1 -169
  179. package/tokens/v0_192/_md-comp-plain-tooltip.scss +1 -53
  180. package/tokens/v0_192/_md-comp-primary-navigation-tab.scss +1 -119
  181. package/tokens/v0_192/_md-comp-radio-button.scss +1 -66
  182. package/tokens/v0_192/_md-comp-rich-tooltip.scss +1 -117
  183. package/tokens/v0_192/_md-comp-scrim.scss +1 -23
  184. package/tokens/v0_192/_md-comp-search-bar.scss +1 -95
  185. package/tokens/v0_192/_md-comp-search-view.scss +1 -89
  186. package/tokens/v0_192/_md-comp-secondary-navigation-tab.scss +1 -82
  187. package/tokens/v0_192/_md-comp-sheet-bottom.scss +1 -41
  188. package/tokens/v0_192/_md-comp-sheet-floating.scss +1 -30
  189. package/tokens/v0_192/_md-comp-sheet-side.scss +1 -89
  190. package/tokens/v0_192/_md-comp-slider.scss +1 -113
  191. package/tokens/v0_192/_md-comp-snackbar.scss +1 -125
  192. package/tokens/v0_192/_md-comp-standard-menu-button.scss +1 -96
  193. package/tokens/v0_192/_md-comp-suggestion-chip.scss +1 -122
  194. package/tokens/v0_192/_md-comp-switch.scss +1 -136
  195. package/tokens/v0_192/_md-comp-text-button.scss +1 -75
  196. package/tokens/v0_192/_md-comp-time-input.scss +1 -215
  197. package/tokens/v0_192/_md-comp-time-picker.scss +1 -262
  198. package/tokens/v0_192/_md-comp-top-app-bar-large.scss +1 -59
  199. package/tokens/v0_192/_md-comp-top-app-bar-medium.scss +1 -59
  200. package/tokens/v0_192/_md-comp-top-app-bar-small-centered.scss +1 -66
  201. package/tokens/v0_192/_md-comp-top-app-bar-small.scss +1 -62
  202. package/tokens/v0_192/_md-ref-palette.scss +1 -104
  203. package/tokens/v0_192/_md-ref-typeface.scss +1 -18
  204. package/tokens/v0_192/_md-sys-color.scss +1 -130
  205. package/tokens/v0_192/_md-sys-elevation.scss +1 -19
  206. package/tokens/v0_192/_md-sys-motion.scss +1 -50
  207. package/tokens/v0_192/_md-sys-shape.scss +1 -28
  208. package/tokens/v0_192/_md-sys-state.scss +1 -17
  209. package/tokens/v0_192/_md-sys-typescale.scss +1 -281
  210. package/tokens/versions/latest/sass/_index.scss +241 -0
  211. package/tokens/versions/latest/sass/_md-comp-app-bar-large-flexible.scss +31 -0
  212. package/tokens/versions/latest/sass/_md-comp-app-bar-large.scss +35 -0
  213. package/tokens/versions/latest/sass/_md-comp-app-bar-medium-flexible.scss +31 -0
  214. package/tokens/versions/latest/sass/_md-comp-app-bar-medium.scss +35 -0
  215. package/tokens/versions/latest/sass/_md-comp-app-bar-small.scss +42 -0
  216. package/tokens/versions/latest/sass/_md-comp-app-bar.scss +59 -0
  217. package/tokens/versions/latest/sass/_md-comp-assist-chip.scss +134 -0
  218. package/tokens/versions/latest/sass/_md-comp-badge.scss +53 -0
  219. package/tokens/versions/latest/sass/_md-comp-banner.scss +147 -0
  220. package/tokens/versions/latest/sass/_md-comp-banners-basic.scss +86 -0
  221. package/tokens/versions/latest/sass/_md-comp-banners-rich.scss +89 -0
  222. package/tokens/versions/latest/sass/_md-comp-banners.scss +43 -0
  223. package/tokens/versions/latest/sass/_md-comp-bottom-app-bar.scss +37 -0
  224. package/tokens/versions/latest/sass/_md-comp-button-elevated.scss +125 -0
  225. package/tokens/versions/latest/sass/_md-comp-button-filled.scss +125 -0
  226. package/tokens/versions/latest/sass/_md-comp-button-group-connected-large.scss +31 -0
  227. package/tokens/versions/latest/sass/_md-comp-button-group-connected-medium.scss +31 -0
  228. package/tokens/versions/latest/sass/_md-comp-button-group-connected-small.scss +31 -0
  229. package/tokens/versions/latest/sass/_md-comp-button-group-connected-xlarge.scss +31 -0
  230. package/tokens/versions/latest/sass/_md-comp-button-group-connected-xsmall.scss +31 -0
  231. package/tokens/versions/latest/sass/_md-comp-button-group-standard-large.scss +29 -0
  232. package/tokens/versions/latest/sass/_md-comp-button-group-standard-medium.scss +29 -0
  233. package/tokens/versions/latest/sass/_md-comp-button-group-standard-small.scss +29 -0
  234. package/tokens/versions/latest/sass/_md-comp-button-group-standard-xlarge.scss +29 -0
  235. package/tokens/versions/latest/sass/_md-comp-button-group-standard-xsmall.scss +29 -0
  236. package/tokens/versions/latest/sass/_md-comp-button-large.scss +51 -0
  237. package/tokens/versions/latest/sass/_md-comp-button-medium.scss +51 -0
  238. package/tokens/versions/latest/sass/_md-comp-button-outlined.scss +124 -0
  239. package/tokens/versions/latest/sass/_md-comp-button-small.scss +51 -0
  240. package/tokens/versions/latest/sass/_md-comp-button-text.scss +60 -0
  241. package/tokens/versions/latest/sass/_md-comp-button-tonal.scss +125 -0
  242. package/tokens/versions/latest/sass/_md-comp-button-xlarge.scss +51 -0
  243. package/tokens/versions/latest/sass/_md-comp-button-xsmall.scss +51 -0
  244. package/tokens/versions/latest/sass/_md-comp-button.scss +163 -0
  245. package/tokens/versions/latest/sass/_md-comp-carousel-item.scss +79 -0
  246. package/tokens/versions/latest/sass/_md-comp-checkbox.scss +216 -0
  247. package/tokens/versions/latest/sass/_md-comp-circular-progress-indicator.scss +52 -0
  248. package/tokens/versions/latest/sass/_md-comp-data-table.scss +110 -0
  249. package/tokens/versions/latest/sass/_md-comp-date-input-modal.scss +80 -0
  250. package/tokens/versions/latest/sass/_md-comp-date-picker-docked.scss +241 -0
  251. package/tokens/versions/latest/sass/_md-comp-date-picker-modal.scss +295 -0
  252. package/tokens/versions/latest/sass/_md-comp-dialog.scss +157 -0
  253. package/tokens/versions/latest/sass/_md-comp-divider.scss +23 -0
  254. package/tokens/versions/latest/sass/_md-comp-drag-handle.scss +54 -0
  255. package/tokens/versions/latest/sass/_md-comp-elevated-button.scss +190 -0
  256. package/tokens/versions/latest/sass/_md-comp-elevated-card.scss +75 -0
  257. package/tokens/versions/latest/sass/_md-comp-extended-fab-branded.scss +100 -0
  258. package/tokens/versions/latest/sass/_md-comp-extended-fab-large.scss +36 -0
  259. package/tokens/versions/latest/sass/_md-comp-extended-fab-medium.scss +36 -0
  260. package/tokens/versions/latest/sass/_md-comp-extended-fab-primary-container.scss +61 -0
  261. package/tokens/versions/latest/sass/_md-comp-extended-fab-primary.scss +174 -0
  262. package/tokens/versions/latest/sass/_md-comp-extended-fab-secondary-container.scss +61 -0
  263. package/tokens/versions/latest/sass/_md-comp-extended-fab-secondary.scss +174 -0
  264. package/tokens/versions/latest/sass/_md-comp-extended-fab-small.scss +36 -0
  265. package/tokens/versions/latest/sass/_md-comp-extended-fab-surface.scss +108 -0
  266. package/tokens/versions/latest/sass/_md-comp-extended-fab-tertiary-container.scss +61 -0
  267. package/tokens/versions/latest/sass/_md-comp-extended-fab-tertiary.scss +174 -0
  268. package/tokens/versions/latest/sass/_md-comp-extended-fab.scss +36 -0
  269. package/tokens/versions/latest/sass/_md-comp-fab-branded-large.scss +127 -0
  270. package/tokens/versions/latest/sass/_md-comp-fab-branded.scss +75 -0
  271. package/tokens/versions/latest/sass/_md-comp-fab-large.scss +27 -0
  272. package/tokens/versions/latest/sass/_md-comp-fab-medium.scss +27 -0
  273. package/tokens/versions/latest/sass/_md-comp-fab-menu-primary-close-button.scss +51 -0
  274. package/tokens/versions/latest/sass/_md-comp-fab-menu-primary-container.scss +59 -0
  275. package/tokens/versions/latest/sass/_md-comp-fab-menu-secondary-close-button.scss +51 -0
  276. package/tokens/versions/latest/sass/_md-comp-fab-menu-secondary-container.scss +59 -0
  277. package/tokens/versions/latest/sass/_md-comp-fab-menu-tertiary-close-button.scss +51 -0
  278. package/tokens/versions/latest/sass/_md-comp-fab-menu-tertiary-container.scss +59 -0
  279. package/tokens/versions/latest/sass/_md-comp-fab-menu.scss +53 -0
  280. package/tokens/versions/latest/sass/_md-comp-fab-primary-container.scss +53 -0
  281. package/tokens/versions/latest/sass/_md-comp-fab-primary-large.scss +131 -0
  282. package/tokens/versions/latest/sass/_md-comp-fab-primary-small.scss +131 -0
  283. package/tokens/versions/latest/sass/_md-comp-fab-primary.scss +131 -0
  284. package/tokens/versions/latest/sass/_md-comp-fab-secondary-container.scss +53 -0
  285. package/tokens/versions/latest/sass/_md-comp-fab-secondary-large.scss +131 -0
  286. package/tokens/versions/latest/sass/_md-comp-fab-secondary-small.scss +131 -0
  287. package/tokens/versions/latest/sass/_md-comp-fab-secondary.scss +131 -0
  288. package/tokens/versions/latest/sass/_md-comp-fab-small.scss +27 -0
  289. package/tokens/versions/latest/sass/_md-comp-fab-surface-large.scss +139 -0
  290. package/tokens/versions/latest/sass/_md-comp-fab-surface.scss +83 -0
  291. package/tokens/versions/latest/sass/_md-comp-fab-tertiary-container.scss +53 -0
  292. package/tokens/versions/latest/sass/_md-comp-fab-tertiary-large.scss +131 -0
  293. package/tokens/versions/latest/sass/_md-comp-fab-tertiary-small.scss +131 -0
  294. package/tokens/versions/latest/sass/_md-comp-fab-tertiary.scss +131 -0
  295. package/tokens/versions/latest/sass/_md-comp-fab.scss +27 -0
  296. package/tokens/versions/latest/sass/_md-comp-filled-autocomplete.scss +279 -0
  297. package/tokens/versions/latest/sass/_md-comp-filled-button.scss +206 -0
  298. package/tokens/versions/latest/sass/_md-comp-filled-card.scss +75 -0
  299. package/tokens/versions/latest/sass/_md-comp-filled-icon-button.scss +178 -0
  300. package/tokens/versions/latest/sass/_md-comp-filled-menu-button.scss +118 -0
  301. package/tokens/versions/latest/sass/_md-comp-filled-select.scss +269 -0
  302. package/tokens/versions/latest/sass/_md-comp-filled-text-field.scss +221 -0
  303. package/tokens/versions/latest/sass/_md-comp-filled-tonal-button.scss +186 -0
  304. package/tokens/versions/latest/sass/_md-comp-filled-tonal-icon-button.scss +178 -0
  305. package/tokens/versions/latest/sass/_md-comp-filter-chip.scss +276 -0
  306. package/tokens/versions/latest/sass/_md-comp-full-screen-dialog.scss +199 -0
  307. package/tokens/versions/latest/sass/_md-comp-icon-button-filled.scss +82 -0
  308. package/tokens/versions/latest/sass/_md-comp-icon-button-large.scss +52 -0
  309. package/tokens/versions/latest/sass/_md-comp-icon-button-medium.scss +52 -0
  310. package/tokens/versions/latest/sass/_md-comp-icon-button-outlined.scss +86 -0
  311. package/tokens/versions/latest/sass/_md-comp-icon-button-small.scss +52 -0
  312. package/tokens/versions/latest/sass/_md-comp-icon-button-standard.scss +72 -0
  313. package/tokens/versions/latest/sass/_md-comp-icon-button-tonal.scss +82 -0
  314. package/tokens/versions/latest/sass/_md-comp-icon-button-xlarge.scss +52 -0
  315. package/tokens/versions/latest/sass/_md-comp-icon-button-xsmall.scss +52 -0
  316. package/tokens/versions/latest/sass/_md-comp-icon-button.scss +193 -0
  317. package/tokens/versions/latest/sass/_md-comp-input-chip.scss +300 -0
  318. package/tokens/versions/latest/sass/_md-comp-linear-progress-indicator.scss +60 -0
  319. package/tokens/versions/latest/sass/_md-comp-list-expand.scss +36 -0
  320. package/tokens/versions/latest/sass/_md-comp-list-reorder.scss +45 -0
  321. package/tokens/versions/latest/sass/_md-comp-list-reveal.scss +50 -0
  322. package/tokens/versions/latest/sass/_md-comp-list.scss +408 -0
  323. package/tokens/versions/latest/sass/_md-comp-loading-indicator.scss +38 -0
  324. package/tokens/versions/latest/sass/_md-comp-menu.scss +218 -0
  325. package/tokens/versions/latest/sass/_md-comp-menus-standard.scss +188 -0
  326. package/tokens/versions/latest/sass/_md-comp-menus-vibrant.scss +160 -0
  327. package/tokens/versions/latest/sass/_md-comp-menus.scss +141 -0
  328. package/tokens/versions/latest/sass/_md-comp-nav-bar-item-horizontal.scss +31 -0
  329. package/tokens/versions/latest/sass/_md-comp-nav-bar-item-vertical.scss +31 -0
  330. package/tokens/versions/latest/sass/_md-comp-nav-bar.scss +68 -0
  331. package/tokens/versions/latest/sass/_md-comp-nav-rail-collapsed.scss +35 -0
  332. package/tokens/versions/latest/sass/_md-comp-nav-rail-expanded.scss +47 -0
  333. package/tokens/versions/latest/sass/_md-comp-nav-rail-item-horizontal.scss +31 -0
  334. package/tokens/versions/latest/sass/_md-comp-nav-rail-item-vertical.scss +33 -0
  335. package/tokens/versions/latest/sass/_md-comp-nav-rail-item.scss +39 -0
  336. package/tokens/versions/latest/sass/_md-comp-nav-rail.scss +48 -0
  337. package/tokens/versions/latest/sass/_md-comp-navigation-bar.scss +150 -0
  338. package/tokens/versions/latest/sass/_md-comp-navigation-drawer.scss +187 -0
  339. package/tokens/versions/latest/sass/_md-comp-navigation-rail.scss +233 -0
  340. package/tokens/versions/latest/sass/_md-comp-outlined-autocomplete.scss +275 -0
  341. package/tokens/versions/latest/sass/_md-comp-outlined-button.scss +182 -0
  342. package/tokens/versions/latest/sass/_md-comp-outlined-card.scss +87 -0
  343. package/tokens/versions/latest/sass/_md-comp-outlined-menu-button.scss +117 -0
  344. package/tokens/versions/latest/sass/_md-comp-outlined-segmented-button.scss +121 -0
  345. package/tokens/versions/latest/sass/_md-comp-outlined-select.scss +266 -0
  346. package/tokens/versions/latest/sass/_md-comp-outlined-text-field.scss +216 -0
  347. package/tokens/versions/latest/sass/_md-comp-plain-tooltip.scss +45 -0
  348. package/tokens/versions/latest/sass/_md-comp-primary-navigation-tab.scss +130 -0
  349. package/tokens/versions/latest/sass/_md-comp-progress-indicator-circular.scss +47 -0
  350. package/tokens/versions/latest/sass/_md-comp-progress-indicator-linear.scss +65 -0
  351. package/tokens/versions/latest/sass/_md-comp-progress-indicator.scss +48 -0
  352. package/tokens/versions/latest/sass/_md-comp-radio-button.scss +72 -0
  353. package/tokens/versions/latest/sass/_md-comp-rich-tooltip.scss +113 -0
  354. package/tokens/versions/latest/sass/_md-comp-scrim.scss +23 -0
  355. package/tokens/versions/latest/sass/_md-comp-search-bar.scss +137 -0
  356. package/tokens/versions/latest/sass/_md-comp-search-view.scss +108 -0
  357. package/tokens/versions/latest/sass/_md-comp-secondary-navigation-tab.scss +104 -0
  358. package/tokens/versions/latest/sass/_md-comp-sheet-bottom.scss +52 -0
  359. package/tokens/versions/latest/sass/_md-comp-sheet-floating.scss +31 -0
  360. package/tokens/versions/latest/sass/_md-comp-sheet-side.scss +96 -0
  361. package/tokens/versions/latest/sass/_md-comp-slider-large.scss +31 -0
  362. package/tokens/versions/latest/sass/_md-comp-slider-medium.scss +31 -0
  363. package/tokens/versions/latest/sass/_md-comp-slider-small.scss +27 -0
  364. package/tokens/versions/latest/sass/_md-comp-slider-xlarge.scss +31 -0
  365. package/tokens/versions/latest/sass/_md-comp-slider-xsmall.scss +27 -0
  366. package/tokens/versions/latest/sass/_md-comp-slider.scss +307 -0
  367. package/tokens/versions/latest/sass/_md-comp-snackbar.scss +115 -0
  368. package/tokens/versions/latest/sass/_md-comp-split-button-large.scss +43 -0
  369. package/tokens/versions/latest/sass/_md-comp-split-button-medium.scss +43 -0
  370. package/tokens/versions/latest/sass/_md-comp-split-button-small.scss +43 -0
  371. package/tokens/versions/latest/sass/_md-comp-split-button-xlarge.scss +43 -0
  372. package/tokens/versions/latest/sass/_md-comp-split-button-xsmall.scss +45 -0
  373. package/tokens/versions/latest/sass/_md-comp-standard-menu-button.scss +103 -0
  374. package/tokens/versions/latest/sass/_md-comp-suggestion-chip.scss +134 -0
  375. package/tokens/versions/latest/sass/_md-comp-switch.scss +191 -0
  376. package/tokens/versions/latest/sass/_md-comp-text-button.scss +154 -0
  377. package/tokens/versions/latest/sass/_md-comp-time-input.scss +206 -0
  378. package/tokens/versions/latest/sass/_md-comp-time-picker.scss +257 -0
  379. package/tokens/versions/latest/sass/_md-comp-toolbar-docked.scss +36 -0
  380. package/tokens/versions/latest/sass/_md-comp-toolbar-floating-fab.scss +51 -0
  381. package/tokens/versions/latest/sass/_md-comp-toolbar-floating.scss +75 -0
  382. package/tokens/versions/latest/sass/_md-comp-toolbar-standard.scss +87 -0
  383. package/tokens/versions/latest/sass/_md-comp-toolbar-vibrant.scss +87 -0
  384. package/tokens/versions/latest/sass/_md-comp-top-app-bar-large.scss +92 -0
  385. package/tokens/versions/latest/sass/_md-comp-top-app-bar-medium.scss +92 -0
  386. package/tokens/versions/latest/sass/_md-comp-top-app-bar-small-centered.scss +112 -0
  387. package/tokens/versions/latest/sass/_md-comp-top-app-bar-small.scss +104 -0
  388. package/tokens/versions/latest/sass/_md-fab-surface-small.scss +139 -0
  389. package/tokens/versions/latest/sass/_md-outlined-icon-button.scss +166 -0
  390. package/tokens/versions/latest/sass/_md-ref-palette.scss +495 -0
  391. package/tokens/versions/latest/sass/_md-ref-typeface.scss +27 -0
  392. package/tokens/versions/latest/sass/_md-sys-color.scss +209 -0
  393. package/tokens/versions/latest/sass/_md-sys-color__dark.scss +209 -0
  394. package/tokens/versions/latest/sass/_md-sys-color__dark__high-contrast.scss +209 -0
  395. package/tokens/versions/latest/sass/_md-sys-color__dark__medium-contrast.scss +209 -0
  396. package/tokens/versions/latest/sass/_md-sys-color__high-contrast.scss +209 -0
  397. package/tokens/versions/latest/sass/_md-sys-color__medium-contrast.scss +209 -0
  398. package/tokens/versions/latest/sass/_md-sys-elevation.scss +35 -0
  399. package/tokens/versions/latest/sass/_md-sys-motion.scss +107 -0
  400. package/tokens/versions/latest/sass/_md-sys-shape.scss +67 -0
  401. package/tokens/versions/latest/sass/_md-sys-state-focus-indicator.scss +23 -0
  402. package/tokens/versions/latest/sass/_md-sys-state.scss +27 -0
  403. package/tokens/versions/latest/sass/_md-sys-typescale-emphasized.scss +559 -0
  404. package/tokens/versions/latest/sass/_md-sys-typescale.scss +571 -0
  405. package/tokens/versions/v0_192/_index.scss +107 -0
  406. package/tokens/versions/v0_192/_md-comp-assist-chip.scss +111 -0
  407. package/tokens/versions/v0_192/_md-comp-badge.scss +61 -0
  408. package/tokens/versions/v0_192/_md-comp-banner.scss +76 -0
  409. package/tokens/versions/v0_192/_md-comp-bottom-app-bar.scss +36 -0
  410. package/tokens/versions/v0_192/_md-comp-carousel-item.scss +66 -0
  411. package/tokens/versions/v0_192/_md-comp-checkbox.scss +129 -0
  412. package/tokens/versions/v0_192/_md-comp-circular-progress-indicator.scss +41 -0
  413. package/tokens/versions/v0_192/_md-comp-data-table.scss +99 -0
  414. package/tokens/versions/v0_192/_md-comp-date-input-modal.scss +90 -0
  415. package/tokens/versions/v0_192/_md-comp-date-picker-docked.scss +247 -0
  416. package/tokens/versions/v0_192/_md-comp-date-picker-modal.scss +306 -0
  417. package/tokens/versions/v0_192/_md-comp-dialog.scss +124 -0
  418. package/tokens/versions/v0_192/_md-comp-divider.scss +28 -0
  419. package/tokens/versions/v0_192/_md-comp-elevated-button.scss +92 -0
  420. package/tokens/versions/v0_192/_md-comp-elevated-card.scss +60 -0
  421. package/tokens/versions/v0_192/_md-comp-extended-fab-branded.scss +89 -0
  422. package/tokens/versions/v0_192/_md-comp-extended-fab-primary.scss +97 -0
  423. package/tokens/versions/v0_192/_md-comp-extended-fab-secondary.scss +98 -0
  424. package/tokens/versions/v0_192/_md-comp-extended-fab-surface.scss +93 -0
  425. package/tokens/versions/v0_192/_md-comp-extended-fab-tertiary.scss +98 -0
  426. package/tokens/versions/v0_192/_md-comp-fab-branded-large.scss +63 -0
  427. package/tokens/versions/v0_192/_md-comp-fab-branded.scss +63 -0
  428. package/tokens/versions/v0_192/_md-comp-fab-primary-large.scss +68 -0
  429. package/tokens/versions/v0_192/_md-comp-fab-primary-small.scss +68 -0
  430. package/tokens/versions/v0_192/_md-comp-fab-primary.scss +68 -0
  431. package/tokens/versions/v0_192/_md-comp-fab-secondary-large.scss +69 -0
  432. package/tokens/versions/v0_192/_md-comp-fab-secondary-small.scss +69 -0
  433. package/tokens/versions/v0_192/_md-comp-fab-secondary.scss +69 -0
  434. package/tokens/versions/v0_192/_md-comp-fab-surface-large.scss +67 -0
  435. package/tokens/versions/v0_192/_md-comp-fab-surface-small.scss +67 -0
  436. package/tokens/versions/v0_192/_md-comp-fab-surface.scss +67 -0
  437. package/tokens/versions/v0_192/_md-comp-fab-tertiary-large.scss +69 -0
  438. package/tokens/versions/v0_192/_md-comp-fab-tertiary-small.scss +69 -0
  439. package/tokens/versions/v0_192/_md-comp-fab-tertiary.scss +69 -0
  440. package/tokens/versions/v0_192/_md-comp-filled-autocomplete.scss +239 -0
  441. package/tokens/versions/v0_192/_md-comp-filled-button.scss +92 -0
  442. package/tokens/versions/v0_192/_md-comp-filled-card.scss +62 -0
  443. package/tokens/versions/v0_192/_md-comp-filled-icon-button.scss +83 -0
  444. package/tokens/versions/v0_192/_md-comp-filled-menu-button.scss +101 -0
  445. package/tokens/versions/v0_192/_md-comp-filled-select.scss +273 -0
  446. package/tokens/versions/v0_192/_md-comp-filled-text-field.scss +193 -0
  447. package/tokens/versions/v0_192/_md-comp-filled-tonal-button.scss +102 -0
  448. package/tokens/versions/v0_192/_md-comp-filled-tonal-icon-button.scss +90 -0
  449. package/tokens/versions/v0_192/_md-comp-filter-chip.scss +210 -0
  450. package/tokens/versions/v0_192/_md-comp-full-screen-dialog.scss +114 -0
  451. package/tokens/versions/v0_192/_md-comp-icon-button.scss +74 -0
  452. package/tokens/versions/v0_192/_md-comp-input-chip.scss +187 -0
  453. package/tokens/versions/v0_192/_md-comp-linear-progress-indicator.scss +43 -0
  454. package/tokens/versions/v0_192/_md-comp-list.scss +255 -0
  455. package/tokens/versions/v0_192/_md-comp-menu.scss +44 -0
  456. package/tokens/versions/v0_192/_md-comp-navigation-bar.scss +115 -0
  457. package/tokens/versions/v0_192/_md-comp-navigation-drawer.scss +165 -0
  458. package/tokens/versions/v0_192/_md-comp-navigation-rail.scss +119 -0
  459. package/tokens/versions/v0_192/_md-comp-outlined-autocomplete.scss +229 -0
  460. package/tokens/versions/v0_192/_md-comp-outlined-button.scss +87 -0
  461. package/tokens/versions/v0_192/_md-comp-outlined-card.scss +66 -0
  462. package/tokens/versions/v0_192/_md-comp-outlined-icon-button.scss +83 -0
  463. package/tokens/versions/v0_192/_md-comp-outlined-menu-button.scss +97 -0
  464. package/tokens/versions/v0_192/_md-comp-outlined-segmented-button.scss +115 -0
  465. package/tokens/versions/v0_192/_md-comp-outlined-select.scss +263 -0
  466. package/tokens/versions/v0_192/_md-comp-outlined-text-field.scss +174 -0
  467. package/tokens/versions/v0_192/_md-comp-plain-tooltip.scss +58 -0
  468. package/tokens/versions/v0_192/_md-comp-primary-navigation-tab.scss +124 -0
  469. package/tokens/versions/v0_192/_md-comp-radio-button.scss +71 -0
  470. package/tokens/versions/v0_192/_md-comp-rich-tooltip.scss +122 -0
  471. package/tokens/versions/v0_192/_md-comp-scrim.scss +28 -0
  472. package/tokens/versions/v0_192/_md-comp-search-bar.scss +100 -0
  473. package/tokens/versions/v0_192/_md-comp-search-view.scss +94 -0
  474. package/tokens/versions/v0_192/_md-comp-secondary-navigation-tab.scss +87 -0
  475. package/tokens/versions/v0_192/_md-comp-sheet-bottom.scss +46 -0
  476. package/tokens/versions/v0_192/_md-comp-sheet-floating.scss +35 -0
  477. package/tokens/versions/v0_192/_md-comp-sheet-side.scss +94 -0
  478. package/tokens/versions/v0_192/_md-comp-slider.scss +118 -0
  479. package/tokens/versions/v0_192/_md-comp-snackbar.scss +130 -0
  480. package/tokens/versions/v0_192/_md-comp-standard-menu-button.scss +101 -0
  481. package/tokens/versions/v0_192/_md-comp-suggestion-chip.scss +127 -0
  482. package/tokens/versions/v0_192/_md-comp-switch.scss +141 -0
  483. package/tokens/versions/v0_192/_md-comp-text-button.scss +80 -0
  484. package/tokens/versions/v0_192/_md-comp-time-input.scss +220 -0
  485. package/tokens/versions/v0_192/_md-comp-time-picker.scss +267 -0
  486. package/tokens/versions/v0_192/_md-comp-top-app-bar-large.scss +64 -0
  487. package/tokens/versions/v0_192/_md-comp-top-app-bar-medium.scss +64 -0
  488. package/tokens/versions/v0_192/_md-comp-top-app-bar-small-centered.scss +71 -0
  489. package/tokens/versions/v0_192/_md-comp-top-app-bar-small.scss +67 -0
  490. package/tokens/versions/v0_192/_md-ref-palette.scss +109 -0
  491. package/tokens/versions/v0_192/_md-ref-typeface.scss +23 -0
  492. package/tokens/versions/v0_192/_md-sys-color.scss +135 -0
  493. package/tokens/versions/v0_192/_md-sys-elevation.scss +24 -0
  494. package/tokens/versions/v0_192/_md-sys-motion.scss +55 -0
  495. package/tokens/versions/v0_192/_md-sys-shape.scss +33 -0
  496. package/tokens/versions/v0_192/_md-sys-state.scss +22 -0
  497. package/tokens/versions/v0_192/_md-sys-typescale.scss +286 -0
  498. package/tokens/versions/v0_192/index.test.scss +584 -0
  499. package/tokens/versions/v0_192/lib.test.scss +663 -0
  500. package/types/command-event.d.ts +22 -0
  501. package/types/css-imports.d.ts +12 -0
  502. package/types/popover.d.ts +22 -0
  503. package/internal/sass/_string-ext.scss +0 -195
@@ -0,0 +1,96 @@
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: formats/sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 34.0.21
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ @use 'md-sys-color';
19
+ @use 'md-sys-elevation';
20
+ @use 'md-sys-shape';
21
+ @use 'md-sys-state';
22
+ @use 'md-sys-state-focus-indicator';
23
+ @use 'md-sys-typescale';
24
+
25
+ /// md.comp.sheet.side.docked.container.height (Enabled / Container)
26
+ $docked-container-height: 100%;
27
+ /// md.comp.sheet.side.docked.container.width (Enabled / Container)
28
+ $docked-container-width: 256px;
29
+ /// md.comp.sheet.side.detached.container.shape (Enabled / Container)
30
+ $detached-container-shape: md-sys-shape.$corner-large;
31
+ /// md.comp.sheet.side.docked.action.focus.label-text.color (Focused / Label text)
32
+ $docked-action-focus-label-text-color: md-sys-color.$primary;
33
+ /// md.comp.sheet.side.docked.action.focus.state-layer.color (Focused / State layer)
34
+ $docked-action-focus-state-layer-color: md-sys-color.$primary;
35
+ /// md.comp.sheet.side.docked.action.focus.state-layer.opacity (Focused / State layer)
36
+ $docked-action-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
37
+ /// md.comp.sheet.side.docked.action.hover.label-text.color (Hovered / Label text)
38
+ $docked-action-hover-label-text-color: md-sys-color.$primary;
39
+ /// md.comp.sheet.side.docked.action.hover.state-layer.color (Hovered / State layer)
40
+ $docked-action-hover-state-layer-color: md-sys-color.$primary;
41
+ /// md.comp.sheet.side.docked.action.hover.state-layer.opacity (Hovered / State layer)
42
+ $docked-action-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
43
+ /// md.comp.sheet.side.docked.action.pressed.label-text.color (Pressed (ripple) / Label text)
44
+ $docked-action-pressed-label-text-color: md-sys-color.$primary;
45
+ /// md.comp.sheet.side.docked.action.pressed.state-layer.color (Pressed (ripple) / State layer)
46
+ $docked-action-pressed-state-layer-color: md-sys-color.$primary;
47
+ /// md.comp.sheet.side.docked.action.pressed.state-layer.opacity (Pressed (ripple) / State layer)
48
+ $docked-action-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
49
+ /// md.comp.sheet.side.docked.container.color (Enabled / Container)
50
+ ///
51
+ /// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Use “md.comp.sheet.side.docked.modal.container.color” or “md.comp.sheet.side.docked.standard.container.color” depending on intended configuration.
52
+ $docked-container-color: md-sys-color.$surface;
53
+ /// md.comp.sheet.side.docked.container.shape (Enabled / Container)
54
+ $docked-container-shape: md-sys-shape.$corner-none;
55
+ /// md.comp.sheet.side.docked.container.surface-tint-layer.color (Enabled / Container)
56
+ ///
57
+ /// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
58
+ $docked-container-surface-tint-layer-color: md-sys-color.$surface-tint;
59
+ /// md.comp.sheet.side.docked.divider.color (Enabled / Divider)
60
+ $docked-divider-color: md-sys-color.$outline;
61
+ /// md.comp.sheet.side.docked.focus.indicator.color (Focused / Focus indicator)
62
+ $docked-focus-indicator-color: md-sys-color.$secondary;
63
+ /// md.comp.sheet.side.docked.focus.indicator.outline.offset (Focused / Focus indicator)
64
+ $docked-focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
65
+ /// md.comp.sheet.side.docked.focus.indicator.thickness (Focused / Focus indicator)
66
+ $docked-focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
67
+ /// md.comp.sheet.side.docked.headline.color (Enabled / Headline)
68
+ $docked-headline-color: md-sys-color.$on-surface-variant;
69
+ /// md.comp.sheet.side.docked.headline.font (Enabled / Headline)
70
+ $docked-headline-font: md-sys-typescale.$title-large-font;
71
+ /// md.comp.sheet.side.docked.headline.line-height (Enabled / Headline)
72
+ $docked-headline-line-height: md-sys-typescale.$title-large-line-height;
73
+ /// md.comp.sheet.side.docked.headline.size (Enabled / Headline)
74
+ $docked-headline-size: md-sys-typescale.$title-large-size;
75
+ /// md.comp.sheet.side.docked.headline.tracking (Enabled / Headline)
76
+ $docked-headline-tracking: md-sys-typescale.$title-large-tracking;
77
+ /// md.comp.sheet.side.docked.headline.weight (Enabled / Headline)
78
+ $docked-headline-weight: md-sys-typescale.$title-large-weight;
79
+ /// md.comp.sheet.side.docked.modal.container.color (Enabled / Container)
80
+ $docked-modal-container-color: md-sys-color.$surface-container-low;
81
+ /// md.comp.sheet.side.docked.modal.container.elevation (Enabled / Container)
82
+ $docked-modal-container-elevation: md-sys-elevation.$level1;
83
+ /// md.comp.sheet.side.docked.modal.container.shape (Enabled / Container)
84
+ $docked-modal-container-shape: md-sys-shape.$corner-large-start;
85
+ /// md.comp.sheet.side.docked.standard.container.color (Enabled / Container)
86
+ $docked-standard-container-color: md-sys-color.$surface;
87
+ /// md.comp.sheet.side.docked.standard.container.elevation (Enabled / Container)
88
+ $docked-standard-container-elevation: md-sys-elevation.$level0;
89
+ /// md.comp.sheet.side.docked.headline.type (Enabled / Headline)
90
+ @mixin docked-headline-type {
91
+ font-family: $docked-headline-font;
92
+ font-size: $docked-headline-size;
93
+ font-weight: $docked-headline-weight;
94
+ letter-spacing: $docked-headline-tracking;
95
+ line-height: $docked-headline-line-height;
96
+ }
@@ -0,0 +1,31 @@
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: formats/sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 34.0.21
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ /// md.comp.slider.large.active.handle.height (Handle)
19
+ $active-handle-height: 68px;
20
+ /// md.comp.slider.large.active.track.height (Active track)
21
+ $active-track-height: 56px;
22
+ /// md.comp.slider.large.active.track.shape.leading (Active track)
23
+ $active-track-shape-leading: 16px;
24
+ /// md.comp.slider.large.icon.padding (Icon)
25
+ $icon-padding: 6px;
26
+ /// md.comp.slider.large.icon.size (Icon)
27
+ $icon-size: 24px;
28
+ /// md.comp.slider.large.inactive.track.height (Inactive track)
29
+ $inactive-track-height: 56px;
30
+ /// md.comp.slider.large.inactive.track.shape.trailing (Inactive track)
31
+ $inactive-track-shape-trailing: 16px;
@@ -0,0 +1,31 @@
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: formats/sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 34.0.21
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ /// md.comp.slider.medium.active.handle.height (Handle)
19
+ $active-handle-height: 44px;
20
+ /// md.comp.slider.medium.active.track.height (Active track)
21
+ $active-track-height: 40px;
22
+ /// md.comp.slider.medium.active.track.shape.leading (Active track)
23
+ $active-track-shape-leading: 12px;
24
+ /// md.comp.slider.medium.icon.padding (Icon)
25
+ $icon-padding: 6px;
26
+ /// md.comp.slider.medium.icon.size (Icon)
27
+ $icon-size: 24px;
28
+ /// md.comp.slider.medium.inactive.track.height (Inactive track)
29
+ $inactive-track-height: 40px;
30
+ /// md.comp.slider.medium.inactive.track.shape.trailing (Inactive track)
31
+ $inactive-track-shape-trailing: 12px;
@@ -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: formats/sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 34.0.21
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ /// md.comp.slider.small.active.handle.height (Handle)
19
+ $active-handle-height: 44px;
20
+ /// md.comp.slider.small.active.track.height (Active track)
21
+ $active-track-height: 24px;
22
+ /// md.comp.slider.small.active.track.shape.leading (Active track)
23
+ $active-track-shape-leading: 8px;
24
+ /// md.comp.slider.small.inactive.track.height (Inactive track)
25
+ $inactive-track-height: 24px;
26
+ /// md.comp.slider.small.inactive.track.shape.trailing (Inactive track)
27
+ $inactive-track-shape-trailing: 8px;
@@ -0,0 +1,31 @@
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: formats/sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 34.0.21
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ /// md.comp.slider.xlarge.active.handle.height (Handle)
19
+ $active-handle-height: 108px;
20
+ /// md.comp.slider.xlarge.active.track.height (Active track)
21
+ $active-track-height: 96px;
22
+ /// md.comp.slider.xlarge.active.track.shape.leading (Active track)
23
+ $active-track-shape-leading: 28px;
24
+ /// md.comp.slider.xlarge.icon.padding (Icon)
25
+ $icon-padding: 8px;
26
+ /// md.comp.slider.xlarge.icon.size (Icon)
27
+ $icon-size: 32px;
28
+ /// md.comp.slider.xlarge.inactive.track.height (Inactive track)
29
+ $inactive-track-height: 96px;
30
+ /// md.comp.slider.xlarge.inactive.track.shape.trailing (Inactive track)
31
+ $inactive-track-shape-trailing: 28px;
@@ -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: formats/sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 34.0.21
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ /// md.comp.slider.xsmall.active.handle.height (Handle)
19
+ $active-handle-height: 44px;
20
+ /// md.comp.slider.xsmall.active.track.height (Active track)
21
+ $active-track-height: 16px;
22
+ /// md.comp.slider.xsmall.active.track.shape.leading (Active track)
23
+ $active-track-shape-leading: 8px;
24
+ /// md.comp.slider.xsmall.inactive.track.height (Inactive track)
25
+ $inactive-track-height: 16px;
26
+ /// md.comp.slider.xsmall.inactive.track.shape.trailing (Inactive track)
27
+ $inactive-track-shape-trailing: 8px;
@@ -0,0 +1,307 @@
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: formats/sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 34.0.21
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ @use 'md-sys-color';
19
+ @use 'md-sys-elevation';
20
+ @use 'md-sys-shape';
21
+ @use 'md-sys-state';
22
+ @use 'md-sys-typescale';
23
+
24
+ /// md.comp.slider.active.container.opacity (Enabled / Container)
25
+ ///
26
+ /// @deprecated Deprecate per NTC update
27
+ $active-container-opacity: 1;
28
+ /// md.comp.slider.active.handle.height (Enabled / Handle)
29
+ $active-handle-height: 44px;
30
+ /// md.comp.slider.active.handle.leading-space (Enabled / Handle)
31
+ $active-handle-leading-space: 6px;
32
+ /// md.comp.slider.active.handle.padding (Enabled / Handle)
33
+ $active-handle-padding: 6px;
34
+ /// md.comp.slider.active.handle.trailing-space (Enabled / Handle)
35
+ $active-handle-trailing-space: 6px;
36
+ /// md.comp.slider.active.handle.width (Enabled / Handle)
37
+ $active-handle-width: 4px;
38
+ /// md.comp.slider.active.stop-indicator.container.opacity (Enabled / Container)
39
+ $active-stop-indicator-container-opacity: 1;
40
+ /// md.comp.slider.active.track.height (Enabled / Track)
41
+ $active-track-height: 16px;
42
+ /// md.comp.slider.active.track.inner-corner.corner-size (Enabled / Track)
43
+ $active-track-inner-corner-corner-size: 0 2px 2px 0;
44
+ /// md.comp.slider.disabled.active.track.opacity (Disabled / Track)
45
+ $disabled-active-track-opacity: 0.38;
46
+ /// md.comp.slider.disabled.handle.opacity (Disabled / Handle)
47
+ $disabled-handle-opacity: 0.38;
48
+ /// md.comp.slider.disabled.handle.width (Disabled / Handle)
49
+ $disabled-handle-width: 4px;
50
+ /// md.comp.slider.disabled.inactive.track.opacity (Disabled / Track)
51
+ $disabled-inactive-track-opacity: 0.12;
52
+ /// md.comp.slider.disabled.stop-indicator.container.opacity (Disabled / [Deprecated] Container)
53
+ ///
54
+ /// @deprecated Replacing with 2 tokens active and inactive stop indicator color
55
+ $disabled-stop-indicator-container-opacity: 0.38;
56
+ /// md.comp.slider.focus.handle.width (Focused / Handle)
57
+ $focus-handle-width: 2px;
58
+ /// md.comp.slider.handle.height (Enabled / Handle)
59
+ $handle-height: 44px;
60
+ /// md.comp.slider.handle.width (Enabled / Handle)
61
+ $handle-width: 4px;
62
+ /// md.comp.slider.hover.handle.width (Hovered / Handle)
63
+ $hover-handle-width: 4px;
64
+ /// md.comp.slider.inactive.container.opacity (Enabled / Container)
65
+ ///
66
+ /// @deprecated Deprecate per NTC update
67
+ $inactive-container-opacity: 1;
68
+ /// md.comp.slider.inactive.stop-indicator.container.opacity (Enabled / Container)
69
+ $inactive-stop-indicator-container-opacity: 1;
70
+ /// md.comp.slider.inactive.track.height (Enabled / Track)
71
+ $inactive-track-height: 16px;
72
+ /// md.comp.slider.label.container.height (Enabled / Container)
73
+ ///
74
+ /// @deprecated Deprecating per b/323475024
75
+ $label-container-height: 28px;
76
+ /// md.comp.slider.pressed.handle.width (Pressed (ripple) / Handle)
77
+ $pressed-handle-width: 2px;
78
+ /// md.comp.slider.state-layer.size (Enabled / [Deprecated] State layer)
79
+ ///
80
+ /// @deprecated Deprecating per b/323475024
81
+ $state-layer-size: 40px;
82
+ /// md.comp.slider.stop-indicator.size (Enabled / Stop indicator)
83
+ $stop-indicator-size: 4px;
84
+ /// md.comp.slider.stop-indicator.trailing-space (Enabled / Stop indicator)
85
+ $stop-indicator-trailing-space: 4px;
86
+ /// md.comp.slider.value-indicator.active.bottom-space (Pressed (ripple) / Value indicator)
87
+ $value-indicator-active-bottom-space: 12px;
88
+ /// md.comp.slider.with-overlap.handle.outline.width (Enabled / Handle)
89
+ ///
90
+ /// @deprecated Deprecating per b/323475024
91
+ $with-overlap-handle-outline-width: 1px;
92
+ /// md.comp.slider.with-tick-marks.active.container.opacity (Enabled / Container)
93
+ ///
94
+ /// @deprecated Deprecated for less confusing token name
95
+ $with-tick-marks-active-container-opacity: 0.38;
96
+ /// md.comp.slider.with-tick-marks.container.size (Enabled / Container)
97
+ ///
98
+ /// @deprecated Deprecating per b/323475024
99
+ $with-tick-marks-container-size: 2px;
100
+ /// md.comp.slider.with-tick-marks.disabled.container.opacity (Disabled / [Deprecated] Container)
101
+ ///
102
+ /// @deprecated Deprecated for new token with less confusion
103
+ $with-tick-marks-disabled-container-opacity: 0.38;
104
+ /// md.comp.slider.with-tick-marks.inactive.container.opacity (Enabled / Container)
105
+ ///
106
+ /// @deprecated Deprecated for less confusing token name
107
+ $with-tick-marks-inactive-container-opacity: 0.38;
108
+ /// md.comp.slider.active.handle.shape (Enabled / Handle)
109
+ $active-handle-shape: md-sys-shape.$corner-full;
110
+ /// md.comp.slider.active.stop-indicator.container.color (Enabled / Container)
111
+ $active-stop-indicator-container-color: md-sys-color.$on-primary;
112
+ /// md.comp.slider.active.track.color (Enabled / Track)
113
+ $active-track-color: md-sys-color.$primary;
114
+ /// md.comp.slider.active.track.outer-corner.corner-size (Enabled / Track)
115
+ $active-track-outer-corner-corner-size: md-sys-shape.$corner-full;
116
+ /// md.comp.slider.active.track.shape (Enabled / Track)
117
+ $active-track-shape: md-sys-shape.$corner-full;
118
+ /// md.comp.slider.disabled.active.stop-indicator.container.color (Disabled / Stop)
119
+ $disabled-active-stop-indicator-container-color: md-sys-color.$inverse-on-surface;
120
+ /// md.comp.slider.disabled.active.track.color (Disabled / Track)
121
+ $disabled-active-track-color: md-sys-color.$on-surface;
122
+ /// md.comp.slider.disabled.handle.color (Disabled / Handle)
123
+ $disabled-handle-color: md-sys-color.$on-surface;
124
+ /// md.comp.slider.disabled.handle.elevation (Disabled / Handle)
125
+ ///
126
+ /// @deprecated Deprecating per b/323475024
127
+ $disabled-handle-elevation: md-sys-elevation.$level0;
128
+ /// md.comp.slider.disabled.inactive.stop-indicator.container.color (Disabled / Stop)
129
+ $disabled-inactive-stop-indicator-container-color: md-sys-color.$on-surface;
130
+ /// md.comp.slider.disabled.inactive.track.color (Disabled / Track)
131
+ $disabled-inactive-track-color: md-sys-color.$on-surface;
132
+ /// md.comp.slider.disabled.stop-indicator.color (Disabled / Stop)
133
+ ///
134
+ /// @deprecated Replacing with: Slider disabled inactive stop indicator container color
135
+ $disabled-stop-indicator-color: md-sys-color.$on-surface;
136
+ /// md.comp.slider.disabled.stop-indicator.color-selected (Disabled / Stop)
137
+ ///
138
+ /// @deprecated Replacing with: Slider disabled active stop indicator container color
139
+ $disabled-stop-indicator-color-selected: md-sys-color.$inverse-on-surface;
140
+ /// md.comp.slider.disabled.stop-indicator.container.color (Disabled / [Deprecated] Container)
141
+ ///
142
+ /// @deprecated Replacing with 2 tokens active and inactive stop indicator color
143
+ $disabled-stop-indicator-container-color: md-sys-color.$on-surface;
144
+ /// md.comp.slider.focus.active.track.color (Focused / Track)
145
+ $focus-active-track-color: md-sys-color.$primary;
146
+ /// md.comp.slider.focus.handle.color (Focused / Handle)
147
+ ///
148
+ /// @deprecated Deprecating per b/323475024
149
+ $focus-handle-color: md-sys-color.$primary;
150
+ /// md.comp.slider.focus.inactive.track.color (Focused / Track)
151
+ $focus-inactive-track-color: md-sys-color.$secondary-container;
152
+ /// md.comp.slider.focus.state-layer.color (Focused / [Deprecated] State layer)
153
+ ///
154
+ /// @deprecated Deprecating per b/323475024
155
+ $focus-state-layer-color: md-sys-color.$primary;
156
+ /// md.comp.slider.focus.state-layer.opacity (Focused / [Deprecated] State layer)
157
+ ///
158
+ /// @deprecated Deprecating per b/323475024
159
+ $focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
160
+ /// md.comp.slider.focus.stop.color (Focused / [Deprecated] Stop)
161
+ ///
162
+ /// @deprecated No longer needed
163
+ $focus-stop-color: md-sys-color.$primary;
164
+ /// md.comp.slider.handle.color (Enabled / Handle)
165
+ $handle-color: md-sys-color.$primary;
166
+ /// md.comp.slider.handle.elevation (Enabled / Handle)
167
+ ///
168
+ /// @deprecated Deprecating per b/323475024
169
+ $handle-elevation: md-sys-elevation.$level1;
170
+ /// md.comp.slider.handle.shadow-color (Enabled / Handle)
171
+ ///
172
+ /// @deprecated Deprecating per b/323475024
173
+ $handle-shadow-color: md-sys-color.$shadow;
174
+ /// md.comp.slider.handle.shape (Enabled / Handle)
175
+ $handle-shape: md-sys-shape.$corner-full;
176
+ /// md.comp.slider.hover.handle.color (Hovered / Handle)
177
+ ///
178
+ /// @deprecated Deprecate per NTC update
179
+ $hover-handle-color: md-sys-color.$primary;
180
+ /// md.comp.slider.hover.state-layer.color (Hovered / [Deprecated] State layer)
181
+ ///
182
+ /// @deprecated Deprecating per b/323475024
183
+ $hover-state-layer-color: md-sys-color.$primary;
184
+ /// md.comp.slider.hover.state-layer.opacity (Hovered / [Deprecated] State layer)
185
+ ///
186
+ /// @deprecated Deprecating per b/323475024
187
+ $hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
188
+ /// md.comp.slider.hover.stop.color (Hovered / [Deprecated] Stop)
189
+ ///
190
+ /// @deprecated Deprecate per NTC update
191
+ $hover-stop-color: md-sys-color.$primary;
192
+ /// md.comp.slider.inactive.stop-indicator.container.color (Enabled / Container)
193
+ $inactive-stop-indicator-container-color: md-sys-color.$on-secondary-container;
194
+ /// md.comp.slider.inactive.track.color (Enabled / Track)
195
+ $inactive-track-color: md-sys-color.$secondary-container;
196
+ /// md.comp.slider.inactive.track.shape (Enabled / Track)
197
+ $inactive-track-shape: md-sys-shape.$corner-full;
198
+ /// md.comp.slider.label.container.color (Enabled / Container)
199
+ ///
200
+ /// @deprecated Deprecate per NTC update
201
+ $label-container-color: md-sys-color.$primary;
202
+ /// md.comp.slider.label.container.elevation (Enabled / Container)
203
+ ///
204
+ /// @deprecated Deprecating per b/323475024
205
+ $label-container-elevation: md-sys-elevation.$level0;
206
+ /// md.comp.slider.label.label-text.color (Enabled / [Deprecated] Label text)
207
+ ///
208
+ /// @deprecated No longer needed
209
+ $label-label-text-color: md-sys-color.$inverse-on-surface;
210
+ /// md.comp.slider.label.label-text.font (Enabled / [Deprecated] Label text)
211
+ ///
212
+ /// @deprecated Deprecating per b/323475024
213
+ $label-label-text-font: md-sys-typescale.$label-medium-font;
214
+ /// md.comp.slider.label.label-text.font-size (Enabled / [Deprecated] Label text)
215
+ ///
216
+ /// @deprecated For consistency, we have standardized on `size` instead of `font-size`. Replace usage with the suggested token.
217
+ $label-label-text-font-size: md-sys-typescale.$label-medium-size;
218
+ /// md.comp.slider.label.label-text.line-height (Enabled / [Deprecated] Label text)
219
+ ///
220
+ /// @deprecated Deprecating per b/323475024
221
+ $label-label-text-line-height: md-sys-typescale.$label-medium-line-height;
222
+ /// md.comp.slider.label.label-text.size (Enabled / [Deprecated] Label text)
223
+ ///
224
+ /// @deprecated Deprecating per b/323475024
225
+ $label-label-text-size: md-sys-typescale.$label-medium-size;
226
+ /// md.comp.slider.label.label-text.tracking (Enabled / [Deprecated] Label text)
227
+ ///
228
+ /// @deprecated Deprecating per b/323475024
229
+ $label-label-text-tracking: md-sys-typescale.$label-medium-tracking;
230
+ /// md.comp.slider.label.label-text.weight (Enabled / [Deprecated] Label text)
231
+ ///
232
+ /// @deprecated Deprecating per b/323475024
233
+ $label-label-text-weight: md-sys-typescale.$label-medium-weight;
234
+ /// md.comp.slider.pressed.active.track.color (Pressed (ripple) / Track)
235
+ $pressed-active-track-color: md-sys-color.$primary;
236
+ /// md.comp.slider.pressed.handle.color (Pressed (ripple) / Handle)
237
+ $pressed-handle-color: md-sys-color.$primary;
238
+ /// md.comp.slider.pressed.inactive.track.color (Pressed (ripple) / Track)
239
+ $pressed-inactive-track-color: md-sys-color.$secondary-container;
240
+ /// md.comp.slider.pressed.state-layer.color (Pressed (ripple) / [Deprecated] State layer)
241
+ ///
242
+ /// @deprecated Deprecating per b/323475024
243
+ $pressed-state-layer-color: md-sys-color.$primary;
244
+ /// md.comp.slider.pressed.state-layer.opacity (Pressed (ripple) / [Deprecated] State layer)
245
+ ///
246
+ /// @deprecated Deprecating per b/323475024
247
+ $pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
248
+ /// md.comp.slider.pressed.stop.color (Pressed (ripple) / [Deprecated] Stop)
249
+ ///
250
+ /// @deprecated Deprecating per NTC update
251
+ $pressed-stop-color: md-sys-color.$primary;
252
+ /// md.comp.slider.slider-active-handle-color (Enabled / Handle)
253
+ $slider-active-handle-color: md-sys-color.$primary;
254
+ /// md.comp.slider.stop-indicator.color (Enabled / Stop indicator)
255
+ $stop-indicator-color: md-sys-color.$on-secondary-container;
256
+ /// md.comp.slider.stop-indicator.color-selected (Enabled / Stop indicator)
257
+ $stop-indicator-color-selected: md-sys-color.$on-primary;
258
+ /// md.comp.slider.stop-indicator.shape (Enabled / Stop indicator)
259
+ $stop-indicator-shape: md-sys-shape.$corner-full;
260
+ /// md.comp.slider.track.elevation (Enabled / Track)
261
+ ///
262
+ /// @deprecated Deprecating per b/323475024
263
+ $track-elevation: md-sys-elevation.$level0;
264
+ /// md.comp.slider.value-indicator.container.color (Pressed (ripple) / Value indicator)
265
+ $value-indicator-container-color: md-sys-color.$inverse-surface;
266
+ /// md.comp.slider.value-indicator.label.label-text.color (Pressed (ripple) / Value indicator)
267
+ $value-indicator-label-label-text-color: md-sys-color.$inverse-on-surface;
268
+ /// md.comp.slider.value-indicator.label.label-text.font (Pressed (ripple) / Value indicator)
269
+ $value-indicator-label-label-text-font: md-sys-typescale.$label-large-font;
270
+ /// md.comp.slider.value-indicator.label.label-text.line-height (Pressed (ripple) / Value indicator)
271
+ $value-indicator-label-label-text-line-height: md-sys-typescale.$label-large-line-height;
272
+ /// md.comp.slider.value-indicator.label.label-text.size (Pressed (ripple) / Value indicator)
273
+ $value-indicator-label-label-text-size: md-sys-typescale.$label-large-size;
274
+ /// md.comp.slider.value-indicator.label.label-text.tracking (Pressed (ripple) / Value indicator)
275
+ $value-indicator-label-label-text-tracking: md-sys-typescale.$body-large-tracking;
276
+ /// md.comp.slider.value-indicator.label.label-text.weight (Pressed (ripple) / Value indicator)
277
+ $value-indicator-label-label-text-weight: md-sys-typescale.$body-large-weight;
278
+ /// md.comp.slider.with-overlap.handle.outline.color (Enabled / Handle)
279
+ ///
280
+ /// @deprecated Deprecating per b/323475024
281
+ $with-overlap-handle-outline-color: md-sys-color.$on-primary;
282
+ /// md.comp.slider.with-tick-marks.active.container.color (Enabled / Container)
283
+ ///
284
+ /// @deprecated Deprecated for less confusing token name
285
+ $with-tick-marks-active-container-color: md-sys-color.$on-primary;
286
+ /// md.comp.slider.with-tick-marks.container.shape (Enabled / Container)
287
+ ///
288
+ /// @deprecated Deprecating per b/323475024
289
+ $with-tick-marks-container-shape: md-sys-shape.$corner-full;
290
+ /// md.comp.slider.with-tick-marks.disabled.container.color (Disabled / [Deprecated] Container)
291
+ ///
292
+ /// @deprecated Deprecated for new token with less confusion
293
+ $with-tick-marks-disabled-container-color: md-sys-color.$on-surface;
294
+ /// md.comp.slider.with-tick-marks.inactive.container.color (Enabled / Container)
295
+ ///
296
+ /// @deprecated Deprecated for less confusing token name
297
+ $with-tick-marks-inactive-container-color: md-sys-color.$on-surface-variant;
298
+ /// md.comp.slider.label.label-text.type (Enabled / [Deprecated] Subhead)
299
+ ///
300
+ /// @deprecated Deprecating per b/298282669
301
+ @mixin label-label-text-type {
302
+ font-family: $label-label-text-font;
303
+ font-size: $label-label-text-size;
304
+ font-weight: $label-label-text-weight;
305
+ letter-spacing: $label-label-text-tracking;
306
+ line-height: $label-label-text-line-height;
307
+ }