@material/web 2.4.1 → 2.4.2-nightly.082faad.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 (450) 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 +10 -16
  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 +23 -1
  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/shared-styles.d.ts +2 -0
  215. package/select/internal/shared-styles.js +1 -0
  216. package/select/internal/shared-styles.js.map +1 -1
  217. package/slider/internal/_slider.scss +1 -0
  218. package/slider/internal/forced-colors-styles.d.ts +2 -0
  219. package/slider/internal/forced-colors-styles.js +1 -0
  220. package/slider/internal/forced-colors-styles.js.map +1 -1
  221. package/slider/internal/slider-styles.css +1 -1
  222. package/slider/internal/slider-styles.css.map +1 -1
  223. package/slider/internal/slider-styles.d.ts +2 -0
  224. package/slider/internal/slider-styles.js +2 -1
  225. package/slider/internal/slider-styles.js.map +1 -1
  226. package/switch/internal/switch-styles.d.ts +2 -0
  227. package/switch/internal/switch-styles.js +1 -0
  228. package/switch/internal/switch-styles.js.map +1 -1
  229. package/tabs/internal/_tab.scss +0 -1
  230. package/tabs/internal/primary-tab-styles.d.ts +2 -0
  231. package/tabs/internal/primary-tab-styles.js +1 -0
  232. package/tabs/internal/primary-tab-styles.js.map +1 -1
  233. package/tabs/internal/secondary-tab-styles.d.ts +2 -0
  234. package/tabs/internal/secondary-tab-styles.js +1 -0
  235. package/tabs/internal/secondary-tab-styles.js.map +1 -1
  236. package/tabs/internal/tab-styles.css.map +1 -1
  237. package/tabs/internal/tab-styles.d.ts +2 -0
  238. package/tabs/internal/tab-styles.js +1 -0
  239. package/tabs/internal/tab-styles.js.map +1 -1
  240. package/tabs/internal/tabs-styles.d.ts +2 -0
  241. package/tabs/internal/tabs-styles.js +1 -0
  242. package/tabs/internal/tabs-styles.js.map +1 -1
  243. package/textfield/internal/filled-styles.d.ts +2 -0
  244. package/textfield/internal/filled-styles.js +1 -0
  245. package/textfield/internal/filled-styles.js.map +1 -1
  246. package/textfield/internal/outlined-styles.d.ts +2 -0
  247. package/textfield/internal/outlined-styles.js +1 -0
  248. package/textfield/internal/outlined-styles.js.map +1 -1
  249. package/textfield/internal/shared-styles.d.ts +2 -0
  250. package/textfield/internal/shared-styles.js +1 -0
  251. package/textfield/internal/shared-styles.js.map +1 -1
  252. package/tokens/versions/v30_0/sass/_index.scss +239 -0
  253. package/tokens/versions/v30_0/sass/_md-comp-app-bar-large-flexible.scss +31 -0
  254. package/tokens/versions/v30_0/sass/_md-comp-app-bar-large.scss +35 -0
  255. package/tokens/versions/v30_0/sass/_md-comp-app-bar-medium-flexible.scss +31 -0
  256. package/tokens/versions/v30_0/sass/_md-comp-app-bar-medium.scss +35 -0
  257. package/tokens/versions/v30_0/sass/_md-comp-app-bar-small.scss +42 -0
  258. package/tokens/versions/v30_0/sass/_md-comp-app-bar.scss +59 -0
  259. package/tokens/versions/v30_0/sass/_md-comp-assist-chip.scss +134 -0
  260. package/tokens/versions/v30_0/sass/_md-comp-badge.scss +53 -0
  261. package/tokens/versions/v30_0/sass/_md-comp-banner.scss +147 -0
  262. package/tokens/versions/v30_0/sass/_md-comp-banners-basic.scss +86 -0
  263. package/tokens/versions/v30_0/sass/_md-comp-banners-rich.scss +89 -0
  264. package/tokens/versions/v30_0/sass/_md-comp-banners.scss +43 -0
  265. package/tokens/versions/v30_0/sass/_md-comp-bottom-app-bar.scss +37 -0
  266. package/tokens/versions/v30_0/sass/_md-comp-button-elevated.scss +125 -0
  267. package/tokens/versions/v30_0/sass/_md-comp-button-filled.scss +125 -0
  268. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-large.scss +31 -0
  269. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-medium.scss +31 -0
  270. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-small.scss +31 -0
  271. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xlarge.scss +31 -0
  272. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xsmall.scss +31 -0
  273. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-large.scss +29 -0
  274. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-medium.scss +29 -0
  275. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-small.scss +29 -0
  276. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xlarge.scss +29 -0
  277. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xsmall.scss +29 -0
  278. package/tokens/versions/v30_0/sass/_md-comp-button-large.scss +51 -0
  279. package/tokens/versions/v30_0/sass/_md-comp-button-medium.scss +51 -0
  280. package/tokens/versions/v30_0/sass/_md-comp-button-outlined.scss +124 -0
  281. package/tokens/versions/v30_0/sass/_md-comp-button-small.scss +51 -0
  282. package/tokens/versions/v30_0/sass/_md-comp-button-text.scss +60 -0
  283. package/tokens/versions/v30_0/sass/_md-comp-button-tonal.scss +125 -0
  284. package/tokens/versions/v30_0/sass/_md-comp-button-xlarge.scss +51 -0
  285. package/tokens/versions/v30_0/sass/_md-comp-button-xsmall.scss +51 -0
  286. package/tokens/versions/v30_0/sass/_md-comp-button.scss +163 -0
  287. package/tokens/versions/v30_0/sass/_md-comp-carousel-item.scss +79 -0
  288. package/tokens/versions/v30_0/sass/_md-comp-checkbox.scss +216 -0
  289. package/tokens/versions/v30_0/sass/_md-comp-circular-progress-indicator.scss +52 -0
  290. package/tokens/versions/v30_0/sass/_md-comp-data-table.scss +110 -0
  291. package/tokens/versions/v30_0/sass/_md-comp-date-input-modal.scss +80 -0
  292. package/tokens/versions/v30_0/sass/_md-comp-date-picker-docked.scss +241 -0
  293. package/tokens/versions/v30_0/sass/_md-comp-date-picker-modal.scss +295 -0
  294. package/tokens/versions/v30_0/sass/_md-comp-dialog.scss +157 -0
  295. package/tokens/versions/v30_0/sass/_md-comp-divider.scss +23 -0
  296. package/tokens/versions/v30_0/sass/_md-comp-drag-handle.scss +54 -0
  297. package/tokens/versions/v30_0/sass/_md-comp-elevated-button.scss +112 -0
  298. package/tokens/versions/v30_0/sass/_md-comp-elevated-card.scss +75 -0
  299. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-branded.scss +100 -0
  300. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-large.scss +36 -0
  301. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-medium.scss +36 -0
  302. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary-container.scss +61 -0
  303. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary.scss +174 -0
  304. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary-container.scss +61 -0
  305. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary.scss +174 -0
  306. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-small.scss +36 -0
  307. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-surface.scss +108 -0
  308. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary-container.scss +61 -0
  309. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary.scss +174 -0
  310. package/tokens/versions/v30_0/sass/_md-comp-extended-fab.scss +36 -0
  311. package/tokens/versions/v30_0/sass/_md-comp-fab-branded-large.scss +79 -0
  312. package/tokens/versions/v30_0/sass/_md-comp-fab-branded.scss +75 -0
  313. package/tokens/versions/v30_0/sass/_md-comp-fab-large.scss +27 -0
  314. package/tokens/versions/v30_0/sass/_md-comp-fab-medium.scss +27 -0
  315. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-close-button.scss +51 -0
  316. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-container.scss +59 -0
  317. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-close-button.scss +51 -0
  318. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-container.scss +59 -0
  319. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-close-button.scss +51 -0
  320. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-container.scss +59 -0
  321. package/tokens/versions/v30_0/sass/_md-comp-fab-menu.scss +53 -0
  322. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-container.scss +53 -0
  323. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-large.scss +77 -0
  324. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-small.scss +77 -0
  325. package/tokens/versions/v30_0/sass/_md-comp-fab-primary.scss +131 -0
  326. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-container.scss +53 -0
  327. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-large.scss +77 -0
  328. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-small.scss +77 -0
  329. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary.scss +131 -0
  330. package/tokens/versions/v30_0/sass/_md-comp-fab-small.scss +27 -0
  331. package/tokens/versions/v30_0/sass/_md-comp-fab-surface-large.scss +83 -0
  332. package/tokens/versions/v30_0/sass/_md-comp-fab-surface.scss +83 -0
  333. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-container.scss +53 -0
  334. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-large.scss +77 -0
  335. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-small.scss +77 -0
  336. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary.scss +131 -0
  337. package/tokens/versions/v30_0/sass/_md-comp-fab.scss +27 -0
  338. package/tokens/versions/v30_0/sass/_md-comp-filled-autocomplete.scss +279 -0
  339. package/tokens/versions/v30_0/sass/_md-comp-filled-button.scss +128 -0
  340. package/tokens/versions/v30_0/sass/_md-comp-filled-card.scss +75 -0
  341. package/tokens/versions/v30_0/sass/_md-comp-filled-icon-button.scss +102 -0
  342. package/tokens/versions/v30_0/sass/_md-comp-filled-menu-button.scss +118 -0
  343. package/tokens/versions/v30_0/sass/_md-comp-filled-select.scss +269 -0
  344. package/tokens/versions/v30_0/sass/_md-comp-filled-text-field.scss +221 -0
  345. package/tokens/versions/v30_0/sass/_md-comp-filled-tonal-button.scss +108 -0
  346. package/tokens/versions/v30_0/sass/_md-comp-filled-tonal-icon-button.scss +102 -0
  347. package/tokens/versions/v30_0/sass/_md-comp-filter-chip.scss +276 -0
  348. package/tokens/versions/v30_0/sass/_md-comp-full-screen-dialog.scss +199 -0
  349. package/tokens/versions/v30_0/sass/_md-comp-icon-button-filled.scss +82 -0
  350. package/tokens/versions/v30_0/sass/_md-comp-icon-button-large.scss +52 -0
  351. package/tokens/versions/v30_0/sass/_md-comp-icon-button-medium.scss +52 -0
  352. package/tokens/versions/v30_0/sass/_md-comp-icon-button-outlined.scss +86 -0
  353. package/tokens/versions/v30_0/sass/_md-comp-icon-button-small.scss +52 -0
  354. package/tokens/versions/v30_0/sass/_md-comp-icon-button-standard.scss +72 -0
  355. package/tokens/versions/v30_0/sass/_md-comp-icon-button-tonal.scss +82 -0
  356. package/tokens/versions/v30_0/sass/_md-comp-icon-button-xlarge.scss +52 -0
  357. package/tokens/versions/v30_0/sass/_md-comp-icon-button-xsmall.scss +52 -0
  358. package/tokens/versions/v30_0/sass/_md-comp-icon-button.scss +193 -0
  359. package/tokens/versions/v30_0/sass/_md-comp-input-chip.scss +300 -0
  360. package/tokens/versions/v30_0/sass/_md-comp-linear-progress-indicator.scss +60 -0
  361. package/tokens/versions/v30_0/sass/_md-comp-list-expand.scss +36 -0
  362. package/tokens/versions/v30_0/sass/_md-comp-list-reorder.scss +45 -0
  363. package/tokens/versions/v30_0/sass/_md-comp-list-reveal.scss +50 -0
  364. package/tokens/versions/v30_0/sass/_md-comp-list.scss +408 -0
  365. package/tokens/versions/v30_0/sass/_md-comp-loading-indicator.scss +38 -0
  366. package/tokens/versions/v30_0/sass/_md-comp-menu.scss +218 -0
  367. package/tokens/versions/v30_0/sass/_md-comp-menus-standard.scss +188 -0
  368. package/tokens/versions/v30_0/sass/_md-comp-menus-vibrant.scss +160 -0
  369. package/tokens/versions/v30_0/sass/_md-comp-menus.scss +141 -0
  370. package/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-horizontal.scss +31 -0
  371. package/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-vertical.scss +31 -0
  372. package/tokens/versions/v30_0/sass/_md-comp-nav-bar.scss +68 -0
  373. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-collapsed.scss +35 -0
  374. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-expanded.scss +47 -0
  375. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-horizontal.scss +31 -0
  376. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-vertical.scss +33 -0
  377. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item.scss +39 -0
  378. package/tokens/versions/v30_0/sass/_md-comp-nav-rail.scss +48 -0
  379. package/tokens/versions/v30_0/sass/_md-comp-navigation-bar.scss +150 -0
  380. package/tokens/versions/v30_0/sass/_md-comp-navigation-drawer.scss +187 -0
  381. package/tokens/versions/v30_0/sass/_md-comp-navigation-rail.scss +233 -0
  382. package/tokens/versions/v30_0/sass/_md-comp-outlined-autocomplete.scss +275 -0
  383. package/tokens/versions/v30_0/sass/_md-comp-outlined-button.scss +108 -0
  384. package/tokens/versions/v30_0/sass/_md-comp-outlined-card.scss +87 -0
  385. package/tokens/versions/v30_0/sass/_md-comp-outlined-menu-button.scss +117 -0
  386. package/tokens/versions/v30_0/sass/_md-comp-outlined-segmented-button.scss +121 -0
  387. package/tokens/versions/v30_0/sass/_md-comp-outlined-select.scss +266 -0
  388. package/tokens/versions/v30_0/sass/_md-comp-outlined-text-field.scss +216 -0
  389. package/tokens/versions/v30_0/sass/_md-comp-plain-tooltip.scss +45 -0
  390. package/tokens/versions/v30_0/sass/_md-comp-primary-navigation-tab.scss +130 -0
  391. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator-circular.scss +47 -0
  392. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator-linear.scss +65 -0
  393. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator.scss +48 -0
  394. package/tokens/versions/v30_0/sass/_md-comp-radio-button.scss +72 -0
  395. package/tokens/versions/v30_0/sass/_md-comp-rich-tooltip.scss +113 -0
  396. package/tokens/versions/v30_0/sass/_md-comp-scrim.scss +23 -0
  397. package/tokens/versions/v30_0/sass/_md-comp-search-bar.scss +102 -0
  398. package/tokens/versions/v30_0/sass/_md-comp-search-view.scss +84 -0
  399. package/tokens/versions/v30_0/sass/_md-comp-secondary-navigation-tab.scss +104 -0
  400. package/tokens/versions/v30_0/sass/_md-comp-sheet-bottom.scss +52 -0
  401. package/tokens/versions/v30_0/sass/_md-comp-sheet-floating.scss +31 -0
  402. package/tokens/versions/v30_0/sass/_md-comp-sheet-side.scss +96 -0
  403. package/tokens/versions/v30_0/sass/_md-comp-slider-large.scss +31 -0
  404. package/tokens/versions/v30_0/sass/_md-comp-slider-medium.scss +31 -0
  405. package/tokens/versions/v30_0/sass/_md-comp-slider-small.scss +27 -0
  406. package/tokens/versions/v30_0/sass/_md-comp-slider-xlarge.scss +31 -0
  407. package/tokens/versions/v30_0/sass/_md-comp-slider-xsmall.scss +27 -0
  408. package/tokens/versions/v30_0/sass/_md-comp-slider.scss +307 -0
  409. package/tokens/versions/v30_0/sass/_md-comp-snackbar.scss +115 -0
  410. package/tokens/versions/v30_0/sass/_md-comp-split-button-large.scss +43 -0
  411. package/tokens/versions/v30_0/sass/_md-comp-split-button-medium.scss +43 -0
  412. package/tokens/versions/v30_0/sass/_md-comp-split-button-small.scss +43 -0
  413. package/tokens/versions/v30_0/sass/_md-comp-split-button-xlarge.scss +43 -0
  414. package/tokens/versions/v30_0/sass/_md-comp-split-button-xsmall.scss +45 -0
  415. package/tokens/versions/v30_0/sass/_md-comp-standard-menu-button.scss +103 -0
  416. package/tokens/versions/v30_0/sass/_md-comp-suggestion-chip.scss +134 -0
  417. package/tokens/versions/v30_0/sass/_md-comp-switch.scss +191 -0
  418. package/tokens/versions/v30_0/sass/_md-comp-text-button.scss +94 -0
  419. package/tokens/versions/v30_0/sass/_md-comp-time-input.scss +206 -0
  420. package/tokens/versions/v30_0/sass/_md-comp-time-picker.scss +257 -0
  421. package/tokens/versions/v30_0/sass/_md-comp-toolbar-docked.scss +36 -0
  422. package/tokens/versions/v30_0/sass/_md-comp-toolbar-floating-fab.scss +51 -0
  423. package/tokens/versions/v30_0/sass/_md-comp-toolbar-floating.scss +75 -0
  424. package/tokens/versions/v30_0/sass/_md-comp-toolbar-standard.scss +87 -0
  425. package/tokens/versions/v30_0/sass/_md-comp-toolbar-vibrant.scss +87 -0
  426. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-large.scss +62 -0
  427. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-medium.scss +62 -0
  428. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small-centered.scss +72 -0
  429. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small.scss +70 -0
  430. package/tokens/versions/v30_0/sass/_md-ref-palette.scss +495 -0
  431. package/tokens/versions/v30_0/sass/_md-ref-typeface.scss +27 -0
  432. package/tokens/versions/v30_0/sass/_md-sys-color.scss +209 -0
  433. package/tokens/versions/v30_0/sass/_md-sys-color__dark.scss +209 -0
  434. package/tokens/versions/v30_0/sass/_md-sys-color__dark__high-contrast.scss +209 -0
  435. package/tokens/versions/v30_0/sass/_md-sys-color__dark__medium-contrast.scss +209 -0
  436. package/tokens/versions/v30_0/sass/_md-sys-color__high-contrast.scss +209 -0
  437. package/tokens/versions/v30_0/sass/_md-sys-color__medium-contrast.scss +209 -0
  438. package/tokens/versions/v30_0/sass/_md-sys-elevation.scss +35 -0
  439. package/tokens/versions/v30_0/sass/_md-sys-motion.scss +107 -0
  440. package/tokens/versions/v30_0/sass/_md-sys-shape.scss +67 -0
  441. package/tokens/versions/v30_0/sass/_md-sys-state-focus-indicator.scss +23 -0
  442. package/tokens/versions/v30_0/sass/_md-sys-state.scss +27 -0
  443. package/tokens/versions/v30_0/sass/_md-sys-typescale-emphasized.scss +559 -0
  444. package/tokens/versions/v30_0/sass/_md-sys-typescale.scss +571 -0
  445. package/typography/md-typescale-styles.d.ts +2 -0
  446. package/typography/md-typescale-styles.js +1 -0
  447. package/typography/md-typescale-styles.js.map +1 -1
  448. package/internal/controller/form-submitter.js +0 -69
  449. package/internal/controller/form-submitter.js.map +0 -1
  450. package/internal/sass/_string-ext.scss +0 -195
package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary-container.scss ADDED
@@ -0,0 +1,61 @@
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
+ @use 'md-sys-color';
19
+ @use 'md-sys-elevation';
20
+ @use 'md-sys-state';
21
+
22
+ /// md.comp.extended-fab.primary-container.container.color (Enabled)
23
+ $container-color: md-sys-color.$primary-container;
24
+ /// md.comp.extended-fab.primary-container.container.elevation (Enabled)
25
+ $container-elevation: md-sys-elevation.$level3;
26
+ /// md.comp.extended-fab.primary-container.container.shadow-color (Enabled)
27
+ $container-shadow-color: md-sys-color.$shadow;
28
+ /// md.comp.extended-fab.primary-container.focused.container.elevation (Focused)
29
+ $focused-container-elevation: md-sys-elevation.$level3;
30
+ /// md.comp.extended-fab.primary-container.focused.icon.color (Focused)
31
+ $focused-icon-color: md-sys-color.$on-primary-container;
32
+ /// md.comp.extended-fab.primary-container.focused.label-text.color (Focused)
33
+ $focused-label-text-color: md-sys-color.$on-primary-container;
34
+ /// md.comp.extended-fab.primary-container.focused.state-layer.color (Focused)
35
+ $focused-state-layer-color: md-sys-color.$on-primary-container;
36
+ /// md.comp.extended-fab.primary-container.focused.state-layer.opacity (Focused)
37
+ $focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
38
+ /// md.comp.extended-fab.primary-container.hovered.container.elevation (Hovered)
39
+ $hovered-container-elevation: md-sys-elevation.$level4;
40
+ /// md.comp.extended-fab.primary-container.hovered.icon.color (Hovered)
41
+ $hovered-icon-color: md-sys-color.$on-primary-container;
42
+ /// md.comp.extended-fab.primary-container.hovered.label-text.color (Hovered)
43
+ $hovered-label-text-color: md-sys-color.$on-primary-container;
44
+ /// md.comp.extended-fab.primary-container.hovered.state-layer.color (Hovered)
45
+ $hovered-state-layer-color: md-sys-color.$on-primary-container;
46
+ /// md.comp.extended-fab.primary-container.hovered.state-layer.opacity (Hovered)
47
+ $hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
48
+ /// md.comp.extended-fab.primary-container.icon.color (Enabled)
49
+ $icon-color: md-sys-color.$on-primary-container;
50
+ /// md.comp.extended-fab.primary-container.label-text.color (Enabled)
51
+ $label-text-color: md-sys-color.$on-primary-container;
52
+ /// md.comp.extended-fab.primary-container.pressed.container.elevation (Pressed)
53
+ $pressed-container-elevation: md-sys-elevation.$level3;
54
+ /// md.comp.extended-fab.primary-container.pressed.icon.color (Pressed)
55
+ $pressed-icon-color: md-sys-color.$on-primary-container;
56
+ /// md.comp.extended-fab.primary-container.pressed.label-text.color (Pressed)
57
+ $pressed-label-text-color: md-sys-color.$on-primary-container;
58
+ /// md.comp.extended-fab.primary-container.pressed.state-layer.color (Pressed)
59
+ $pressed-state-layer-color: md-sys-color.$on-primary-container;
60
+ /// md.comp.extended-fab.primary-container.pressed.state-layer.opacity (Pressed)
61
+ $pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary.scss ADDED
@@ -0,0 +1,174 @@
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
+ @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.extended-fab.primary.container.height ([Deprecated] Enabled / [Deprecated] Container)
26
+ ///
27
+ /// @deprecated Token is deprecated.
28
+ $container-height: 56px;
29
+ /// md.comp.extended-fab.primary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
30
+ ///
31
+ /// @deprecated Token is deprecated.
32
+ $icon-size: 24px;
33
+ /// md.comp.extended-fab.primary.container.color (Enabled)
34
+ $container-color: md-sys-color.$primary;
35
+ /// md.comp.extended-fab.primary.container.elevation (Enabled)
36
+ $container-elevation: md-sys-elevation.$level3;
37
+ /// md.comp.extended-fab.primary.container.shadow-color (Enabled)
38
+ $container-shadow-color: md-sys-color.$shadow;
39
+ /// md.comp.extended-fab.primary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
40
+ ///
41
+ /// @deprecated Token is deprecated.
42
+ $container-shape: md-sys-shape.$corner-large;
43
+ /// md.comp.extended-fab.primary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
44
+ ///
45
+ /// @deprecated Token is deprecated.
46
+ $focus-container-elevation: md-sys-elevation.$level3;
47
+ /// md.comp.extended-fab.primary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
48
+ ///
49
+ /// @deprecated Token is deprecated.
50
+ $focus-icon-color: md-sys-color.$on-primary-container;
51
+ /// md.comp.extended-fab.primary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
52
+ ///
53
+ /// @deprecated Token is deprecated.
54
+ $focus-indicator-color: md-sys-color.$secondary;
55
+ /// md.comp.extended-fab.primary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
56
+ ///
57
+ /// @deprecated Token is deprecated.
58
+ $focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
59
+ /// md.comp.extended-fab.primary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
60
+ ///
61
+ /// @deprecated Token is deprecated.
62
+ $focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
63
+ /// md.comp.extended-fab.primary.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
64
+ ///
65
+ /// @deprecated Token is deprecated.
66
+ $focus-label-text-color: md-sys-color.$on-primary-container;
67
+ /// md.comp.extended-fab.primary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
68
+ ///
69
+ /// @deprecated Token is deprecated.
70
+ $focus-state-layer-color: md-sys-color.$on-primary-container;
71
+ /// md.comp.extended-fab.primary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
72
+ ///
73
+ /// @deprecated Token is deprecated.
74
+ $focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
75
+ /// md.comp.extended-fab.primary.focused.container.elevation (Focused)
76
+ $focused-container-elevation: md-sys-elevation.$level3;
77
+ /// md.comp.extended-fab.primary.focused.icon.color (Focused)
78
+ $focused-icon-color: md-sys-color.$on-primary;
79
+ /// md.comp.extended-fab.primary.focused.label-text.color (Focused)
80
+ $focused-label-text-color: md-sys-color.$on-primary;
81
+ /// md.comp.extended-fab.primary.focused.state-layer.color (Focused)
82
+ $focused-state-layer-color: md-sys-color.$on-primary;
83
+ /// md.comp.extended-fab.primary.focused.state-layer.opacity (Focused)
84
+ $focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
85
+ /// md.comp.extended-fab.primary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
86
+ ///
87
+ /// @deprecated Token is deprecated.
88
+ $hover-container-elevation: md-sys-elevation.$level4;
89
+ /// md.comp.extended-fab.primary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
90
+ ///
91
+ /// @deprecated Token is deprecated.
92
+ $hover-icon-color: md-sys-color.$on-primary-container;
93
+ /// md.comp.extended-fab.primary.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
94
+ ///
95
+ /// @deprecated Token is deprecated.
96
+ $hover-label-text-color: md-sys-color.$on-primary-container;
97
+ /// md.comp.extended-fab.primary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
98
+ ///
99
+ /// @deprecated Token is deprecated.
100
+ $hover-state-layer-color: md-sys-color.$on-primary-container;
101
+ /// md.comp.extended-fab.primary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
102
+ ///
103
+ /// @deprecated Token is deprecated.
104
+ $hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
105
+ /// md.comp.extended-fab.primary.hovered.container.elevation (Hovered)
106
+ $hovered-container-elevation: md-sys-elevation.$level4;
107
+ /// md.comp.extended-fab.primary.hovered.icon.color (Hovered)
108
+ $hovered-icon-color: md-sys-color.$on-primary;
109
+ /// md.comp.extended-fab.primary.hovered.label-text.color (Hovered)
110
+ $hovered-label-text-color: md-sys-color.$on-primary;
111
+ /// md.comp.extended-fab.primary.hovered.state-layer.color (Hovered)
112
+ $hovered-state-layer-color: md-sys-color.$on-primary;
113
+ /// md.comp.extended-fab.primary.hovered.state-layer.opacity (Hovered)
114
+ $hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
115
+ /// md.comp.extended-fab.primary.icon.color (Enabled)
116
+ $icon-color: md-sys-color.$on-primary;
117
+ /// md.comp.extended-fab.primary.label-text.color (Enabled)
118
+ $label-text-color: md-sys-color.$on-primary;
119
+ /// md.comp.extended-fab.primary.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
120
+ ///
121
+ /// @deprecated Token is deprecated.
122
+ $label-text-font: md-sys-typescale.$label-large-font;
123
+ /// md.comp.extended-fab.primary.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
124
+ ///
125
+ /// @deprecated Token is deprecated.
126
+ $label-text-line-height: md-sys-typescale.$label-large-line-height;
127
+ /// md.comp.extended-fab.primary.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
128
+ ///
129
+ /// @deprecated Token is deprecated.
130
+ $label-text-size: md-sys-typescale.$label-large-size;
131
+ /// md.comp.extended-fab.primary.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
132
+ ///
133
+ /// @deprecated Token is deprecated.
134
+ $label-text-tracking: md-sys-typescale.$label-large-tracking;
135
+ /// md.comp.extended-fab.primary.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
136
+ ///
137
+ /// @deprecated Token is deprecated.
138
+ $label-text-weight: md-sys-typescale.$label-large-weight;
139
+ /// md.comp.extended-fab.primary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
140
+ ///
141
+ /// @deprecated Token is deprecated.
142
+ $lowered-container-elevation: md-sys-elevation.$level1;
143
+ /// md.comp.extended-fab.primary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
144
+ ///
145
+ /// @deprecated Token is deprecated.
146
+ $lowered-focus-container-elevation: md-sys-elevation.$level1;
147
+ /// md.comp.extended-fab.primary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
148
+ ///
149
+ /// @deprecated Token is deprecated.
150
+ $lowered-hover-container-elevation: md-sys-elevation.$level2;
151
+ /// md.comp.extended-fab.primary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
152
+ ///
153
+ /// @deprecated Token is deprecated.
154
+ $lowered-pressed-container-elevation: md-sys-elevation.$level1;
155
+ /// md.comp.extended-fab.primary.pressed.container.elevation (Pressed)
156
+ $pressed-container-elevation: md-sys-elevation.$level3;
157
+ /// md.comp.extended-fab.primary.pressed.icon.color (Pressed)
158
+ $pressed-icon-color: md-sys-color.$on-primary;
159
+ /// md.comp.extended-fab.primary.pressed.label-text.color (Pressed)
160
+ $pressed-label-text-color: md-sys-color.$on-primary;
161
+ /// md.comp.extended-fab.primary.pressed.state-layer.color (Pressed)
162
+ $pressed-state-layer-color: md-sys-color.$on-primary;
163
+ /// md.comp.extended-fab.primary.pressed.state-layer.opacity (Pressed)
164
+ $pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
165
+ /// md.comp.extended-fab.primary.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
166
+ ///
167
+ /// @deprecated Token is deprecated.
168
+ @mixin label-text-type {
169
+ font-family: $label-text-font;
170
+ font-size: $label-text-size;
171
+ font-weight: $label-text-weight;
172
+ letter-spacing: $label-text-tracking;
173
+ line-height: $label-text-line-height;
174
+ }
package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary-container.scss ADDED
@@ -0,0 +1,61 @@
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
+ @use 'md-sys-color';
19
+ @use 'md-sys-elevation';
20
+ @use 'md-sys-state';
21
+
22
+ /// md.comp.extended-fab.secondary-container.container.color (Enabled)
23
+ $container-color: md-sys-color.$secondary-container;
24
+ /// md.comp.extended-fab.secondary-container.container.elevation (Enabled)
25
+ $container-elevation: md-sys-elevation.$level3;
26
+ /// md.comp.extended-fab.secondary-container.container.shadow-color (Enabled)
27
+ $container-shadow-color: md-sys-color.$shadow;
28
+ /// md.comp.extended-fab.secondary-container.focused.container.elevation (Focused)
29
+ $focused-container-elevation: md-sys-elevation.$level3;
30
+ /// md.comp.extended-fab.secondary-container.focused.icon.color (Focused)
31
+ $focused-icon-color: md-sys-color.$on-secondary-container;
32
+ /// md.comp.extended-fab.secondary-container.focused.label-text.color (Focused)
33
+ $focused-label-text-color: md-sys-color.$on-secondary-container;
34
+ /// md.comp.extended-fab.secondary-container.focused.state-layer.color (Focused)
35
+ $focused-state-layer-color: md-sys-color.$on-secondary-container;
36
+ /// md.comp.extended-fab.secondary-container.focused.state-layer.opacity (Focused)
37
+ $focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
38
+ /// md.comp.extended-fab.secondary-container.hovered.container.elevation (Hovered)
39
+ $hovered-container-elevation: md-sys-elevation.$level4;
40
+ /// md.comp.extended-fab.secondary-container.hovered.icon.color (Hovered)
41
+ $hovered-icon-color: md-sys-color.$on-secondary-container;
42
+ /// md.comp.extended-fab.secondary-container.hovered.label-text.color (Hovered)
43
+ $hovered-label-text-color: md-sys-color.$on-secondary-container;
44
+ /// md.comp.extended-fab.secondary-container.hovered.state-layer.color (Hovered)
45
+ $hovered-state-layer-color: md-sys-color.$on-secondary-container;
46
+ /// md.comp.extended-fab.secondary-container.hovered.state-layer.opacity (Hovered)
47
+ $hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
48
+ /// md.comp.extended-fab.secondary-container.icon.color (Enabled)
49
+ $icon-color: md-sys-color.$on-secondary-container;
50
+ /// md.comp.extended-fab.secondary-container.label-text.color (Enabled)
51
+ $label-text-color: md-sys-color.$on-secondary-container;
52
+ /// md.comp.extended-fab.secondary-container.pressed.container.elevation (Pressed)
53
+ $pressed-container-elevation: md-sys-elevation.$level3;
54
+ /// md.comp.extended-fab.secondary-container.pressed.icon.color (Pressed)
55
+ $pressed-icon-color: md-sys-color.$on-secondary-container;
56
+ /// md.comp.extended-fab.secondary-container.pressed.label-text.color (Pressed)
57
+ $pressed-label-text-color: md-sys-color.$on-secondary-container;
58
+ /// md.comp.extended-fab.secondary-container.pressed.state-layer.color (Pressed)
59
+ $pressed-state-layer-color: md-sys-color.$on-secondary-container;
60
+ /// md.comp.extended-fab.secondary-container.pressed.state-layer.opacity (Pressed)
61
+ $pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary.scss ADDED
@@ -0,0 +1,174 @@
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
+ @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.extended-fab.secondary.container.height ([Deprecated] Enabled / [Deprecated] Container)
26
+ ///
27
+ /// @deprecated Token is deprecated.
28
+ $container-height: 56px;
29
+ /// md.comp.extended-fab.secondary.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
30
+ ///
31
+ /// @deprecated Token is deprecated.
32
+ $icon-size: 24px;
33
+ /// md.comp.extended-fab.secondary.container.color (Enabled)
34
+ $container-color: md-sys-color.$secondary;
35
+ /// md.comp.extended-fab.secondary.container.elevation (Enabled)
36
+ $container-elevation: md-sys-elevation.$level3;
37
+ /// md.comp.extended-fab.secondary.container.shadow-color (Enabled)
38
+ $container-shadow-color: md-sys-color.$shadow;
39
+ /// md.comp.extended-fab.secondary.container.shape ([Deprecated] Enabled / [Deprecated] Container)
40
+ ///
41
+ /// @deprecated Token is deprecated.
42
+ $container-shape: md-sys-shape.$corner-large;
43
+ /// md.comp.extended-fab.secondary.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
44
+ ///
45
+ /// @deprecated Token is deprecated.
46
+ $focus-container-elevation: md-sys-elevation.$level3;
47
+ /// md.comp.extended-fab.secondary.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
48
+ ///
49
+ /// @deprecated Token is deprecated.
50
+ $focus-icon-color: md-sys-color.$on-secondary-container;
51
+ /// md.comp.extended-fab.secondary.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
52
+ ///
53
+ /// @deprecated Token is deprecated.
54
+ $focus-indicator-color: md-sys-color.$secondary;
55
+ /// md.comp.extended-fab.secondary.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
56
+ ///
57
+ /// @deprecated Token is deprecated.
58
+ $focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
59
+ /// md.comp.extended-fab.secondary.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
60
+ ///
61
+ /// @deprecated Token is deprecated.
62
+ $focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
63
+ /// md.comp.extended-fab.secondary.focus.label-text.color ([Deprecated] Focused / [Deprecated] Label text)
64
+ ///
65
+ /// @deprecated Token is deprecated.
66
+ $focus-label-text-color: md-sys-color.$on-secondary-container;
67
+ /// md.comp.extended-fab.secondary.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
68
+ ///
69
+ /// @deprecated Token is deprecated.
70
+ $focus-state-layer-color: md-sys-color.$on-secondary-container;
71
+ /// md.comp.extended-fab.secondary.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
72
+ ///
73
+ /// @deprecated Token is deprecated.
74
+ $focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
75
+ /// md.comp.extended-fab.secondary.focused.container.elevation (Focused)
76
+ $focused-container-elevation: md-sys-elevation.$level3;
77
+ /// md.comp.extended-fab.secondary.focused.icon.color (Focused)
78
+ $focused-icon-color: md-sys-color.$on-secondary;
79
+ /// md.comp.extended-fab.secondary.focused.label-text.color (Focused)
80
+ $focused-label-text-color: md-sys-color.$on-secondary;
81
+ /// md.comp.extended-fab.secondary.focused.state-layer.color (Focused)
82
+ $focused-state-layer-color: md-sys-color.$on-secondary;
83
+ /// md.comp.extended-fab.secondary.focused.state-layer.opacity (Focused)
84
+ $focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
85
+ /// md.comp.extended-fab.secondary.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
86
+ ///
87
+ /// @deprecated Token is deprecated.
88
+ $hover-container-elevation: md-sys-elevation.$level4;
89
+ /// md.comp.extended-fab.secondary.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
90
+ ///
91
+ /// @deprecated Token is deprecated.
92
+ $hover-icon-color: md-sys-color.$on-secondary-container;
93
+ /// md.comp.extended-fab.secondary.hover.label-text.color ([Deprecated] Hovered / [Deprecated] Label text)
94
+ ///
95
+ /// @deprecated Token is deprecated.
96
+ $hover-label-text-color: md-sys-color.$on-secondary-container;
97
+ /// md.comp.extended-fab.secondary.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
98
+ ///
99
+ /// @deprecated Token is deprecated.
100
+ $hover-state-layer-color: md-sys-color.$on-secondary-container;
101
+ /// md.comp.extended-fab.secondary.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
102
+ ///
103
+ /// @deprecated Token is deprecated.
104
+ $hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
105
+ /// md.comp.extended-fab.secondary.hovered.container.elevation (Hovered)
106
+ $hovered-container-elevation: md-sys-elevation.$level4;
107
+ /// md.comp.extended-fab.secondary.hovered.icon.color (Hovered)
108
+ $hovered-icon-color: md-sys-color.$on-secondary;
109
+ /// md.comp.extended-fab.secondary.hovered.label-text.color (Hovered)
110
+ $hovered-label-text-color: md-sys-color.$on-secondary;
111
+ /// md.comp.extended-fab.secondary.hovered.state-layer.color (Hovered)
112
+ $hovered-state-layer-color: md-sys-color.$on-secondary;
113
+ /// md.comp.extended-fab.secondary.hovered.state-layer.opacity (Hovered)
114
+ $hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
115
+ /// md.comp.extended-fab.secondary.icon.color (Enabled)
116
+ $icon-color: md-sys-color.$on-secondary;
117
+ /// md.comp.extended-fab.secondary.label-text.color (Enabled)
118
+ $label-text-color: md-sys-color.$on-secondary;
119
+ /// md.comp.extended-fab.secondary.label-text.font ([Deprecated] Enabled / [Deprecated] Label text)
120
+ ///
121
+ /// @deprecated Token is deprecated.
122
+ $label-text-font: md-sys-typescale.$label-large-font;
123
+ /// md.comp.extended-fab.secondary.label-text.line-height ([Deprecated] Enabled / [Deprecated] Label text)
124
+ ///
125
+ /// @deprecated Token is deprecated.
126
+ $label-text-line-height: md-sys-typescale.$label-large-line-height;
127
+ /// md.comp.extended-fab.secondary.label-text.size ([Deprecated] Enabled / [Deprecated] Label text)
128
+ ///
129
+ /// @deprecated Token is deprecated.
130
+ $label-text-size: md-sys-typescale.$label-large-size;
131
+ /// md.comp.extended-fab.secondary.label-text.tracking ([Deprecated] Enabled / [Deprecated] Label text)
132
+ ///
133
+ /// @deprecated Token is deprecated.
134
+ $label-text-tracking: md-sys-typescale.$label-large-tracking;
135
+ /// md.comp.extended-fab.secondary.label-text.weight ([Deprecated] Enabled / [Deprecated] Label text)
136
+ ///
137
+ /// @deprecated Token is deprecated.
138
+ $label-text-weight: md-sys-typescale.$label-large-weight;
139
+ /// md.comp.extended-fab.secondary.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
140
+ ///
141
+ /// @deprecated Token is deprecated.
142
+ $lowered-container-elevation: md-sys-elevation.$level1;
143
+ /// md.comp.extended-fab.secondary.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
144
+ ///
145
+ /// @deprecated Token is deprecated.
146
+ $lowered-focus-container-elevation: md-sys-elevation.$level1;
147
+ /// md.comp.extended-fab.secondary.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
148
+ ///
149
+ /// @deprecated Token is deprecated.
150
+ $lowered-hover-container-elevation: md-sys-elevation.$level2;
151
+ /// md.comp.extended-fab.secondary.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
152
+ ///
153
+ /// @deprecated Token is deprecated.
154
+ $lowered-pressed-container-elevation: md-sys-elevation.$level1;
155
+ /// md.comp.extended-fab.secondary.pressed.container.elevation (Pressed)
156
+ $pressed-container-elevation: md-sys-elevation.$level3;
157
+ /// md.comp.extended-fab.secondary.pressed.icon.color (Pressed)
158
+ $pressed-icon-color: md-sys-color.$on-secondary;
159
+ /// md.comp.extended-fab.secondary.pressed.label-text.color (Pressed)
160
+ $pressed-label-text-color: md-sys-color.$on-secondary;
161
+ /// md.comp.extended-fab.secondary.pressed.state-layer.color (Pressed)
162
+ $pressed-state-layer-color: md-sys-color.$on-secondary;
163
+ /// md.comp.extended-fab.secondary.pressed.state-layer.opacity (Pressed)
164
+ $pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
165
+ /// md.comp.extended-fab.secondary.label-text.type ([Deprecated] Enabled / [Deprecated] Label text)
166
+ ///
167
+ /// @deprecated Token is deprecated.
168
+ @mixin label-text-type {
169
+ font-family: $label-text-font;
170
+ font-size: $label-text-size;
171
+ font-weight: $label-text-weight;
172
+ letter-spacing: $label-text-tracking;
173
+ line-height: $label-text-line-height;
174
+ }
package/tokens/versions/v30_0/sass/_md-comp-extended-fab-small.scss ADDED
@@ -0,0 +1,36 @@
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
+ @use 'md-sys-shape';
19
+ @use 'md-sys-typescale';
20
+
21
+ /// md.comp.extended-fab.small.container.height
22
+ $container-height: 56px;
23
+ /// md.comp.extended-fab.small.icon-label-space
24
+ $icon-label-space: 8px;
25
+ /// md.comp.extended-fab.small.icon.size
26
+ $icon-size: 24px;
27
+ /// md.comp.extended-fab.small.leading-space
28
+ $leading-space: 16px;
29
+ /// md.comp.extended-fab.small.trailing-space
30
+ $trailing-space: 16px;
31
+ /// md.comp.extended-fab.small.container.shape
32
+ $container-shape: md-sys-shape.$corner-large;
33
+ /// md.comp.extended-fab.small.label-text
34
+ @mixin label-text {
35
+ @include md-sys-typescale.title-medium;
36
+ }
package/tokens/versions/v30_0/sass/_md-comp-extended-fab-surface.scss ADDED
@@ -0,0 +1,108 @@
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
+ @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.extended-fab.surface.container.height (Enabled / Container)
26
+ $container-height: 56px;
27
+ /// md.comp.extended-fab.surface.icon.size (Enabled / Icon)
28
+ $icon-size: 24px;
29
+ /// md.comp.extended-fab.surface.container.color (Enabled / Container)
30
+ $container-color: md-sys-color.$surface-container-high;
31
+ /// md.comp.extended-fab.surface.container.elevation (Enabled / Container)
32
+ $container-elevation: md-sys-elevation.$level3;
33
+ /// md.comp.extended-fab.surface.container.shadow-color (Enabled / Container)
34
+ $container-shadow-color: md-sys-color.$shadow;
35
+ /// md.comp.extended-fab.surface.container.shape (Enabled / Container)
36
+ $container-shape: md-sys-shape.$corner-large;
37
+ /// md.comp.extended-fab.surface.container.surface-tint-layer.color (Enabled / Container)
38
+ ///
39
+ /// @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.
40
+ $container-surface-tint-layer-color: md-sys-color.$surface-tint;
41
+ /// md.comp.extended-fab.surface.focus.container.elevation (Focused / Container)
42
+ $focus-container-elevation: md-sys-elevation.$level3;
43
+ /// md.comp.extended-fab.surface.focus.icon.color (Focused / Icon)
44
+ $focus-icon-color: md-sys-color.$primary;
45
+ /// md.comp.extended-fab.surface.focus.indicator.color (Focused / Focus indicator)
46
+ $focus-indicator-color: md-sys-color.$secondary;
47
+ /// md.comp.extended-fab.surface.focus.indicator.outline.offset (Focused / Focus indicator)
48
+ $focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
49
+ /// md.comp.extended-fab.surface.focus.indicator.thickness (Focused / Focus indicator)
50
+ $focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
51
+ /// md.comp.extended-fab.surface.focus.label-text.color (Focused / Label text)
52
+ $focus-label-text-color: md-sys-color.$primary;
53
+ /// md.comp.extended-fab.surface.focus.state-layer.color (Focused / State layer)
54
+ $focus-state-layer-color: md-sys-color.$primary;
55
+ /// md.comp.extended-fab.surface.focus.state-layer.opacity (Focused / State layer)
56
+ $focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
57
+ /// md.comp.extended-fab.surface.hover.container.elevation (Hovered / Container)
58
+ $hover-container-elevation: md-sys-elevation.$level4;
59
+ /// md.comp.extended-fab.surface.hover.icon.color (Hovered / Icon)
60
+ $hover-icon-color: md-sys-color.$primary;
61
+ /// md.comp.extended-fab.surface.hover.label-text.color (Hovered / Label text)
62
+ $hover-label-text-color: md-sys-color.$primary;
63
+ /// md.comp.extended-fab.surface.hover.state-layer.color (Hovered / State layer)
64
+ $hover-state-layer-color: md-sys-color.$primary;
65
+ /// md.comp.extended-fab.surface.hover.state-layer.opacity (Hovered / State layer)
66
+ $hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
67
+ /// md.comp.extended-fab.surface.icon.color (Enabled / Icon)
68
+ $icon-color: md-sys-color.$primary;
69
+ /// md.comp.extended-fab.surface.label-text.color (Enabled / Label text)
70
+ $label-text-color: md-sys-color.$primary;
71
+ /// md.comp.extended-fab.surface.label-text.font (Enabled / Label text)
72
+ $label-text-font: md-sys-typescale.$label-large-font;
73
+ /// md.comp.extended-fab.surface.label-text.line-height (Enabled / Label text)
74
+ $label-text-line-height: md-sys-typescale.$label-large-line-height;
75
+ /// md.comp.extended-fab.surface.label-text.size (Enabled / Label text)
76
+ $label-text-size: md-sys-typescale.$label-large-size;
77
+ /// md.comp.extended-fab.surface.label-text.tracking (Enabled / Label text)
78
+ $label-text-tracking: md-sys-typescale.$label-large-tracking;
79
+ /// md.comp.extended-fab.surface.label-text.weight (Enabled / Label text)
80
+ $label-text-weight: md-sys-typescale.$label-large-weight;
81
+ /// md.comp.extended-fab.surface.lowered.container.color (Enabled / Container)
82
+ $lowered-container-color: md-sys-color.$surface-container-low;
83
+ /// md.comp.extended-fab.surface.lowered.container.elevation (Enabled / Container)
84
+ $lowered-container-elevation: md-sys-elevation.$level1;
85
+ /// md.comp.extended-fab.surface.lowered.focus.container.elevation (Focused / Container)
86
+ $lowered-focus-container-elevation: md-sys-elevation.$level1;
87
+ /// md.comp.extended-fab.surface.lowered.hover.container.elevation (Hovered / Container)
88
+ $lowered-hover-container-elevation: md-sys-elevation.$level2;
89
+ /// md.comp.extended-fab.surface.lowered.pressed.container.elevation (Pressed (ripple) / Container)
90
+ $lowered-pressed-container-elevation: md-sys-elevation.$level1;
91
+ /// md.comp.extended-fab.surface.pressed.container.elevation (Pressed (ripple) / Container)
92
+ $pressed-container-elevation: md-sys-elevation.$level3;
93
+ /// md.comp.extended-fab.surface.pressed.icon.color (Pressed (ripple) / Icon)
94
+ $pressed-icon-color: md-sys-color.$primary;
95
+ /// md.comp.extended-fab.surface.pressed.label-text.color (Pressed (ripple) / Label text)
96
+ $pressed-label-text-color: md-sys-color.$primary;
97
+ /// md.comp.extended-fab.surface.pressed.state-layer.color (Pressed (ripple) / State layer)
98
+ $pressed-state-layer-color: md-sys-color.$primary;
99
+ /// md.comp.extended-fab.surface.pressed.state-layer.opacity (Pressed (ripple) / State layer)
100
+ $pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
101
+ /// md.comp.extended-fab.surface.label-text.type (Enabled / Label text)
102
+ @mixin label-text-type {
103
+ font-family: $label-text-font;
104
+ font-size: $label-text-size;
105
+ font-weight: $label-text-weight;
106
+ letter-spacing: $label-text-tracking;
107
+ line-height: $label-text-line-height;
108
+ }