@material/web 1.0.0-pre.15 → 1.0.0-pre.17

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 (381) hide show
  1. package/README.md +26 -21
  2. package/all.d.ts +4 -2
  3. package/all.js +4 -2
  4. package/all.js.map +1 -1
  5. package/button/internal/_elevation.scss +4 -0
  6. package/button/internal/_filled-button.scss +0 -1
  7. package/button/internal/_outlined-button.scss +6 -0
  8. package/button/internal/_shared.scss +12 -2
  9. package/button/internal/button.d.ts +15 -14
  10. package/button/internal/button.js +41 -39
  11. package/button/internal/button.js.map +1 -1
  12. package/button/internal/elevated-styles.css.js +1 -1
  13. package/button/internal/elevated-styles.css.js.map +1 -1
  14. package/button/internal/filled-styles.css.js +1 -1
  15. package/button/internal/filled-styles.css.js.map +1 -1
  16. package/button/internal/filled-tonal-styles.css.js +1 -1
  17. package/button/internal/filled-tonal-styles.css.js.map +1 -1
  18. package/button/internal/outlined-styles.css.js +1 -1
  19. package/button/internal/outlined-styles.css.js.map +1 -1
  20. package/button/internal/shared-elevation-styles.css.js +1 -1
  21. package/button/internal/shared-elevation-styles.css.js.map +1 -1
  22. package/button/internal/shared-styles.css.js +1 -1
  23. package/button/internal/shared-styles.css.js.map +1 -1
  24. package/button/internal/text-styles.css.js +1 -1
  25. package/button/internal/text-styles.css.js.map +1 -1
  26. package/checkbox/internal/_checkbox.scss +2 -1
  27. package/checkbox/internal/checkbox-styles.css.js +1 -1
  28. package/checkbox/internal/checkbox-styles.css.js.map +1 -1
  29. package/checkbox/internal/checkbox.d.ts +2 -2
  30. package/checkbox/internal/checkbox.js +18 -14
  31. package/checkbox/internal/checkbox.js.map +1 -1
  32. package/chips/assist-chip.js +1 -2
  33. package/chips/assist-chip.js.map +1 -1
  34. package/chips/filter-chip.js +1 -3
  35. package/chips/filter-chip.js.map +1 -1
  36. package/chips/input-chip.js +1 -5
  37. package/chips/input-chip.js.map +1 -1
  38. package/chips/internal/_assist-chip.scss +6 -0
  39. package/chips/internal/_elevated.scss +1 -5
  40. package/chips/internal/_filter-chip.scss +6 -0
  41. package/chips/internal/_input-chip.scss +32 -0
  42. package/chips/internal/_selectable.scss +17 -13
  43. package/chips/internal/_shared.scss +27 -11
  44. package/chips/internal/_suggestion-chip.scss +6 -0
  45. package/chips/internal/_trailing-icon.scss +24 -24
  46. package/chips/internal/assist-chip.d.ts +3 -1
  47. package/chips/internal/assist-chip.js +11 -8
  48. package/chips/internal/assist-chip.js.map +1 -1
  49. package/chips/internal/assist-styles.css.js +1 -1
  50. package/chips/internal/assist-styles.css.js.map +1 -1
  51. package/chips/internal/chip.d.ts +18 -10
  52. package/chips/internal/chip.js +38 -33
  53. package/chips/internal/chip.js.map +1 -1
  54. package/chips/internal/elevated-styles.css.js +1 -1
  55. package/chips/internal/elevated-styles.css.js.map +1 -1
  56. package/chips/internal/filter-chip.d.ts +6 -7
  57. package/chips/internal/filter-chip.js +13 -14
  58. package/chips/internal/filter-chip.js.map +1 -1
  59. package/chips/internal/filter-styles.css.js +1 -1
  60. package/chips/internal/filter-styles.css.js.map +1 -1
  61. package/chips/internal/input-chip.d.ts +4 -2
  62. package/chips/internal/input-chip.js +16 -12
  63. package/chips/internal/input-chip.js.map +1 -1
  64. package/chips/internal/input-styles.css.js +1 -1
  65. package/chips/internal/input-styles.css.js.map +1 -1
  66. package/chips/internal/multi-action-chip.d.ts +2 -3
  67. package/chips/internal/multi-action-chip.js +3 -3
  68. package/chips/internal/multi-action-chip.js.map +1 -1
  69. package/chips/internal/selectable-styles.css.js +1 -1
  70. package/chips/internal/selectable-styles.css.js.map +1 -1
  71. package/chips/internal/shared-styles.css.js +1 -1
  72. package/chips/internal/shared-styles.css.js.map +1 -1
  73. package/chips/internal/suggestion-styles.css.js +1 -1
  74. package/chips/internal/suggestion-styles.css.js.map +1 -1
  75. package/chips/internal/trailing-icon-styles.css.js +1 -1
  76. package/chips/internal/trailing-icon-styles.css.js.map +1 -1
  77. package/chips/suggestion-chip.js +1 -2
  78. package/chips/suggestion-chip.js.map +1 -1
  79. package/color/_color.scss +193 -0
  80. package/common.d.ts +2 -2
  81. package/common.js +2 -2
  82. package/common.js.map +1 -1
  83. package/dialog/internal/_dialog.scss +19 -4
  84. package/dialog/internal/dialog-styles.css.js +1 -1
  85. package/dialog/internal/dialog-styles.css.js.map +1 -1
  86. package/dialog/internal/dialog.d.ts +6 -0
  87. package/dialog/internal/dialog.js +36 -4
  88. package/dialog/internal/dialog.js.map +1 -1
  89. package/elevation/internal/_elevation.scss +14 -7
  90. package/elevation/internal/elevation-styles.css.js +1 -1
  91. package/elevation/internal/elevation-styles.css.js.map +1 -1
  92. package/elevation/internal/elevation.d.ts +1 -0
  93. package/elevation/internal/elevation.js +6 -0
  94. package/elevation/internal/elevation.js.map +1 -1
  95. package/fab/branded-fab.d.ts +0 -1
  96. package/fab/internal/_fab.scss +11 -10
  97. package/fab/internal/_shared.scss +8 -2
  98. package/fab/internal/fab-branded-styles.css.js +1 -1
  99. package/fab/internal/fab-branded-styles.css.js.map +1 -1
  100. package/fab/internal/fab-styles.css.js +1 -1
  101. package/fab/internal/fab-styles.css.js.map +1 -1
  102. package/fab/internal/fab.d.ts +0 -1
  103. package/fab/internal/shared-styles.css.js +1 -1
  104. package/fab/internal/shared-styles.css.js.map +1 -1
  105. package/fab/internal/shared.d.ts +0 -9
  106. package/fab/internal/shared.js +2 -18
  107. package/fab/internal/shared.js.map +1 -1
  108. package/field/internal/_content.scss +9 -1
  109. package/field/internal/_filled-field.scss +12 -0
  110. package/field/internal/_label.scss +4 -1
  111. package/field/internal/_outlined-field.scss +33 -0
  112. package/field/internal/_shared.scss +14 -6
  113. package/field/internal/_supporting-text.scss +4 -1
  114. package/field/internal/field.d.ts +2 -0
  115. package/field/internal/field.js +19 -0
  116. package/field/internal/field.js.map +1 -1
  117. package/field/internal/filled-styles.css.js +1 -1
  118. package/field/internal/filled-styles.css.js.map +1 -1
  119. package/field/internal/outlined-styles.css.js +1 -1
  120. package/field/internal/outlined-styles.css.js.map +1 -1
  121. package/field/internal/shared-styles.css.js +1 -1
  122. package/field/internal/shared-styles.css.js.map +1 -1
  123. package/focus/internal/focus-ring.d.ts +3 -1
  124. package/focus/internal/focus-ring.js +9 -0
  125. package/focus/internal/focus-ring.js.map +1 -1
  126. package/icon/internal/_icon.scss +10 -5
  127. package/icon/internal/icon-styles.css.js +1 -1
  128. package/icon/internal/icon-styles.css.js.map +1 -1
  129. package/icon/internal/icon.js +4 -0
  130. package/icon/internal/icon.js.map +1 -1
  131. package/iconbutton/internal/_icon-button.scss +12 -0
  132. package/iconbutton/internal/_shared.scss +9 -0
  133. package/iconbutton/internal/icon-button.d.ts +19 -6
  134. package/iconbutton/internal/icon-button.js +35 -11
  135. package/iconbutton/internal/icon-button.js.map +1 -1
  136. package/iconbutton/internal/shared-styles.css.js +1 -1
  137. package/iconbutton/internal/shared-styles.css.js.map +1 -1
  138. package/iconbutton/internal/standard-styles.css.js +1 -1
  139. package/iconbutton/internal/standard-styles.css.js.map +1 -1
  140. package/internal/aria/aria.d.ts +52 -1
  141. package/internal/aria/aria.js +146 -0
  142. package/internal/aria/aria.js.map +1 -1
  143. package/internal/controller/attachable-controller.d.ts +5 -4
  144. package/internal/controller/attachable-controller.js +8 -0
  145. package/internal/controller/attachable-controller.js.map +1 -1
  146. package/internal/controller/form-submitter.d.ts +12 -0
  147. package/internal/controller/form-submitter.js +3 -1
  148. package/internal/controller/form-submitter.js.map +1 -1
  149. package/labs/badge/internal/_badge.scss +16 -9
  150. package/labs/badge/internal/badge-styles.css.js +1 -1
  151. package/labs/badge/internal/badge-styles.css.js.map +1 -1
  152. package/labs/navigationbar/internal/_navigation-bar.scss +11 -9
  153. package/labs/navigationbar/internal/navigation-bar-styles.css.js +1 -1
  154. package/labs/navigationbar/internal/navigation-bar-styles.css.js.map +1 -1
  155. package/labs/navigationdrawer/internal/_navigation-drawer-modal.scss +11 -8
  156. package/labs/navigationdrawer/internal/_navigation-drawer.scss +11 -8
  157. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js +1 -1
  158. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js.map +1 -1
  159. package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js +1 -1
  160. package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js.map +1 -1
  161. package/labs/navigationtab/internal/_navigation-tab.scss +14 -11
  162. package/labs/navigationtab/internal/navigation-tab-styles.css.js +1 -1
  163. package/labs/navigationtab/internal/navigation-tab-styles.css.js.map +1 -1
  164. package/labs/segmentedbutton/internal/_outlined-segmented-button.scss +1 -3
  165. package/labs/segmentedbutton/internal/_shared.scss +4 -1
  166. package/labs/segmentedbutton/internal/outlined-styles.css.js +1 -1
  167. package/labs/segmentedbutton/internal/outlined-styles.css.js.map +1 -1
  168. package/labs/segmentedbutton/internal/shared-styles.css.js +1 -1
  169. package/labs/segmentedbutton/internal/shared-styles.css.js.map +1 -1
  170. package/labs/segmentedbuttonset/internal/outlined-styles.css.js +1 -1
  171. package/labs/segmentedbuttonset/internal/outlined-styles.css.js.map +1 -1
  172. package/list/harness.js +1 -1
  173. package/list/harness.js.map +1 -1
  174. package/list/internal/_list.scss +7 -6
  175. package/list/internal/list-styles.css.js +1 -1
  176. package/list/internal/list-styles.css.js.map +1 -1
  177. package/list/internal/list.d.ts +1 -2
  178. package/list/internal/list.js +4 -6
  179. package/list/internal/list.js.map +1 -1
  180. package/list/internal/listitem/_list-item.scss +96 -94
  181. package/list/internal/listitem/forced-colors-styles.css.js +1 -1
  182. package/list/internal/listitem/forced-colors-styles.css.js.map +1 -1
  183. package/list/internal/listitem/forced-colors-styles.scss +6 -6
  184. package/list/internal/listitem/list-item-styles.css.js +1 -1
  185. package/list/internal/listitem/list-item-styles.css.js.map +1 -1
  186. package/menu/harness.d.ts +1 -1
  187. package/menu/harness.js +3 -4
  188. package/menu/harness.js.map +1 -1
  189. package/menu/internal/_menu.scss +37 -28
  190. package/menu/internal/menu-styles.css.js +1 -1
  191. package/menu/internal/menu-styles.css.js.map +1 -1
  192. package/menu/internal/menu.d.ts +15 -4
  193. package/menu/internal/menu.js +33 -10
  194. package/menu/internal/menu.js.map +1 -1
  195. package/menu/internal/menuitem/_menu-item.scss +7 -4
  196. package/menu/internal/menuitem/menu-item-styles.css.js +1 -1
  197. package/menu/internal/menuitem/menu-item-styles.css.js.map +1 -1
  198. package/menu/internal/menuitem/menu-item.js +1 -1
  199. package/menu/internal/menuitem/menu-item.js.map +1 -1
  200. package/menu/internal/submenuitem/sub-menu-item.d.ts +3 -0
  201. package/menu/internal/submenuitem/sub-menu-item.js +42 -12
  202. package/menu/internal/submenuitem/sub-menu-item.js.map +1 -1
  203. package/menu/internal/typeaheadController.js +2 -1
  204. package/menu/internal/typeaheadController.js.map +1 -1
  205. package/menu/menu.d.ts +12 -5
  206. package/menu/menu.js +12 -5
  207. package/menu/menu.js.map +1 -1
  208. package/menu/sub-menu-item.d.ts +3 -4
  209. package/menu/sub-menu-item.js +3 -4
  210. package/menu/sub-menu-item.js.map +1 -1
  211. package/package.json +10 -2
  212. package/progress/harness.js +2 -4
  213. package/progress/harness.js.map +1 -1
  214. package/progress/internal/_circular-progress.scss +8 -6
  215. package/progress/internal/_linear-progress.scss +95 -134
  216. package/progress/internal/circular-progress-styles.css.js +1 -1
  217. package/progress/internal/circular-progress-styles.css.js.map +1 -1
  218. package/progress/internal/circular-progress.js +1 -1
  219. package/progress/internal/circular-progress.js.map +1 -1
  220. package/progress/internal/linear-progress-styles.css.js +1 -1
  221. package/progress/internal/linear-progress-styles.css.js.map +1 -1
  222. package/progress/internal/linear-progress.d.ts +0 -11
  223. package/progress/internal/linear-progress.js +4 -48
  224. package/progress/internal/linear-progress.js.map +1 -1
  225. package/radio/harness.d.ts +1 -1
  226. package/radio/harness.js +1 -1
  227. package/radio/harness.js.map +1 -1
  228. package/radio/internal/_radio.scss +4 -4
  229. package/radio/internal/radio-styles.css.js +1 -1
  230. package/radio/internal/radio-styles.css.js.map +1 -1
  231. package/radio/internal/radio.d.ts +4 -6
  232. package/radio/internal/radio.js +37 -32
  233. package/radio/internal/radio.js.map +1 -1
  234. package/radio/internal/single-selection-controller.js +4 -3
  235. package/radio/internal/single-selection-controller.js.map +1 -1
  236. package/ripple/internal/_ripple.scss +1 -1
  237. package/ripple/internal/ripple-styles.css.js +1 -1
  238. package/ripple/internal/ripple-styles.css.js.map +1 -1
  239. package/ripple/internal/ripple.d.ts +3 -1
  240. package/ripple/internal/ripple.js +9 -0
  241. package/ripple/internal/ripple.js.map +1 -1
  242. package/select/harness.d.ts +1 -1
  243. package/select/harness.js +1 -3
  244. package/select/harness.js.map +1 -1
  245. package/select/internal/_filled-select.scss +13 -4
  246. package/select/internal/_outlined-select.scss +13 -4
  247. package/select/internal/_shared.scss +0 -1
  248. package/select/internal/filled-select-styles.css.js +1 -1
  249. package/select/internal/filled-select-styles.css.js.map +1 -1
  250. package/select/internal/outlined-select-styles.css.js +1 -1
  251. package/select/internal/outlined-select-styles.css.js.map +1 -1
  252. package/select/internal/select.d.ts +8 -2
  253. package/select/internal/select.js +21 -8
  254. package/select/internal/select.js.map +1 -1
  255. package/slider/internal/_slider.scss +42 -32
  256. package/slider/internal/forced-colors-styles.css.js +1 -1
  257. package/slider/internal/forced-colors-styles.css.js.map +1 -1
  258. package/slider/internal/forced-colors-styles.scss +31 -4
  259. package/slider/internal/slider-styles.css.js +1 -1
  260. package/slider/internal/slider-styles.css.js.map +1 -1
  261. package/slider/internal/slider.d.ts +22 -8
  262. package/slider/internal/slider.js +113 -22
  263. package/slider/internal/slider.js.map +1 -1
  264. package/switch/harness.d.ts +1 -1
  265. package/switch/harness.js +1 -1
  266. package/switch/harness.js.map +1 -1
  267. package/switch/internal/_handle.scss +22 -21
  268. package/switch/internal/_icon.scss +12 -12
  269. package/switch/internal/_switch.scss +17 -17
  270. package/switch/internal/_track.scss +12 -12
  271. package/switch/internal/forced-colors-styles.css.js +1 -1
  272. package/switch/internal/forced-colors-styles.css.js.map +1 -1
  273. package/switch/internal/forced-colors-styles.scss +1 -0
  274. package/switch/internal/switch-styles.css.js +1 -1
  275. package/switch/internal/switch-styles.css.js.map +1 -1
  276. package/switch/internal/switch.d.ts +73 -3
  277. package/switch/internal/switch.js +146 -32
  278. package/switch/internal/switch.js.map +1 -1
  279. package/tabs/{_tab.scss → _primary-tab.scss} +1 -1
  280. package/tabs/_secondary-tab.scss +6 -0
  281. package/tabs/harness.d.ts +2 -2
  282. package/tabs/harness.js +1 -2
  283. package/tabs/harness.js.map +1 -1
  284. package/tabs/internal/_primary-tab.scss +70 -0
  285. package/tabs/internal/_secondary-tab.scss +61 -0
  286. package/tabs/internal/_tab.scss +21 -114
  287. package/tabs/internal/_tabs.scss +9 -10
  288. package/tabs/internal/primary-tab-styles.css.js +9 -0
  289. package/tabs/internal/primary-tab-styles.css.js.map +1 -0
  290. package/tabs/internal/primary-tab-styles.scss +10 -0
  291. package/tabs/internal/primary-tab.d.ts +20 -0
  292. package/tabs/internal/primary-tab.js +30 -0
  293. package/tabs/internal/primary-tab.js.map +1 -0
  294. package/tabs/internal/secondary-tab-styles.css.js +9 -0
  295. package/tabs/internal/secondary-tab-styles.css.js.map +1 -0
  296. package/tabs/internal/secondary-tab-styles.scss +10 -0
  297. package/tabs/internal/secondary-tab.d.ts +12 -0
  298. package/tabs/internal/secondary-tab.js +16 -0
  299. package/tabs/internal/secondary-tab.js.map +1 -0
  300. package/tabs/internal/tab-styles.css.js +1 -1
  301. package/tabs/internal/tab-styles.css.js.map +1 -1
  302. package/tabs/internal/tab.d.ts +16 -34
  303. package/tabs/internal/tab.js +81 -81
  304. package/tabs/internal/tab.js.map +1 -1
  305. package/tabs/internal/tabs-styles.css.js +1 -1
  306. package/tabs/internal/tabs-styles.css.js.map +1 -1
  307. package/tabs/internal/tabs.d.ts +6 -20
  308. package/tabs/internal/tabs.js +33 -66
  309. package/tabs/internal/tabs.js.map +1 -1
  310. package/tabs/{tab.d.ts → primary-tab.d.ts} +3 -4
  311. package/tabs/primary-tab.js +23 -0
  312. package/tabs/primary-tab.js.map +1 -0
  313. package/tabs/secondary-tab.d.ts +18 -0
  314. package/tabs/secondary-tab.js +23 -0
  315. package/tabs/secondary-tab.js.map +1 -0
  316. package/tabs/tabs.d.ts +0 -2
  317. package/tabs/tabs.js +0 -2
  318. package/tabs/tabs.js.map +1 -1
  319. package/textfield/internal/_filled-text-field.scss +12 -3
  320. package/textfield/internal/_outlined-text-field.scss +12 -3
  321. package/textfield/internal/filled-styles.css.js +1 -1
  322. package/textfield/internal/filled-styles.css.js.map +1 -1
  323. package/textfield/internal/outlined-styles.css.js +1 -1
  324. package/textfield/internal/outlined-styles.css.js.map +1 -1
  325. package/textfield/internal/text-field.d.ts +30 -10
  326. package/textfield/internal/text-field.js +80 -32
  327. package/textfield/internal/text-field.js.map +1 -1
  328. package/tokens/_index.scss +5 -6
  329. package/tokens/_md-comp-assist-chip.scss +6 -14
  330. package/tokens/_md-comp-badge.scss +1 -14
  331. package/tokens/{_md-comp-circular-progress-indicator.scss → _md-comp-circular-progress.scss} +3 -1
  332. package/tokens/_md-comp-dialog.scss +10 -17
  333. package/tokens/_md-comp-elevated-button.scss +5 -13
  334. package/tokens/_md-comp-fab-branded.scss +9 -10
  335. package/tokens/_md-comp-fab.scss +9 -10
  336. package/tokens/_md-comp-filled-button.scss +5 -13
  337. package/tokens/_md-comp-filled-field.scss +27 -8
  338. package/tokens/_md-comp-filled-select.scss +18 -15
  339. package/tokens/_md-comp-filled-text-field.scss +17 -19
  340. package/tokens/_md-comp-filled-tonal-button.scss +5 -13
  341. package/tokens/_md-comp-filter-chip.scss +5 -13
  342. package/tokens/_md-comp-input-chip.scss +5 -13
  343. package/tokens/_md-comp-list-item.scss +117 -122
  344. package/tokens/_md-comp-menu-item.scss +3 -3
  345. package/tokens/_md-comp-outlined-button.scss +5 -13
  346. package/tokens/_md-comp-outlined-field.scss +27 -7
  347. package/tokens/_md-comp-outlined-segmented-button.scss +5 -13
  348. package/tokens/_md-comp-outlined-select.scss +23 -15
  349. package/tokens/_md-comp-outlined-text-field.scss +17 -19
  350. package/tokens/_md-comp-primary-tab.scss +132 -0
  351. package/tokens/_md-comp-secondary-tab.scss +139 -0
  352. package/tokens/_md-comp-slider.scss +16 -16
  353. package/tokens/_md-comp-suggestion-chip.scss +5 -13
  354. package/tokens/_md-comp-test-table.scss +13 -2
  355. package/tokens/_md-comp-text-button.scss +5 -13
  356. package/tokens/_md-ref-palette.scss +101 -1
  357. package/tokens/_md-ref-typeface.scss +3 -0
  358. package/tokens/_md-sys-color.scss +57 -2
  359. package/tokens/_md-sys-typescale.scss +66 -5
  360. package/chips/internal/assist-forced-colors-styles.css.js +0 -9
  361. package/chips/internal/assist-forced-colors-styles.css.js.map +0 -1
  362. package/chips/internal/assist-forced-colors-styles.scss +0 -27
  363. package/chips/internal/filter-forced-colors-styles.css.js +0 -9
  364. package/chips/internal/filter-forced-colors-styles.css.js.map +0 -1
  365. package/chips/internal/filter-forced-colors-styles.scss +0 -34
  366. package/chips/internal/input-forced-colors-styles.css.d.ts +0 -1
  367. package/chips/internal/input-forced-colors-styles.css.js +0 -9
  368. package/chips/internal/input-forced-colors-styles.css.js.map +0 -1
  369. package/chips/internal/input-forced-colors-styles.scss +0 -39
  370. package/chips/internal/suggestion-forced-colors-styles.css.d.ts +0 -1
  371. package/chips/internal/suggestion-forced-colors-styles.css.js +0 -9
  372. package/chips/internal/suggestion-forced-colors-styles.css.js.map +0 -1
  373. package/chips/internal/suggestion-forced-colors-styles.scss +0 -27
  374. package/internal/sass/_theme.scss +0 -249
  375. package/tabs/tab.js +0 -22
  376. package/tabs/tab.js.map +0 -1
  377. package/tokens/_md-comp-tab.scss +0 -285
  378. /package/{chips/internal/assist-forced-colors-styles.css.d.ts → tabs/internal/primary-tab-styles.css.d.ts} +0 -0
  379. /package/{chips/internal/filter-forced-colors-styles.css.d.ts → tabs/internal/secondary-tab-styles.css.d.ts} +0 -0
  380. /package/tokens/{_md-comp-linear-progress-indicator.scss → _md-comp-linear-progress.scss} +0 -0
  381. /package/tokens/{_md-comp-radio-button.scss → _md-comp-radio.scss} +0 -0
package/tokens/_md-comp-list-item.scss CHANGED
@@ -4,7 +4,9 @@
4
4
  //
5
5
 
6
6
  // go/keep-sorted start
7
+ @use 'sass:list';
7
8
  @use 'sass:map';
9
+ @use 'sass:string';
8
10
  // go/keep-sorted end
9
11
  // go/keep-sorted start
10
12
  @use './md-sys-color';
@@ -18,102 +20,102 @@
18
20
 
19
21
  $supported-tokens: (
20
22
  // go/keep-sorted start
21
- 'list-item-container-color',
22
- 'list-item-container-shape',
23
- 'list-item-disabled-label-text-color',
24
- 'list-item-disabled-label-text-opacity',
25
- 'list-item-disabled-leading-icon-color',
26
- 'list-item-disabled-leading-icon-opacity',
27
- 'list-item-disabled-trailing-icon-color',
28
- 'list-item-disabled-trailing-icon-opacity',
29
- 'list-item-focus-label-text-color',
30
- 'list-item-focus-leading-icon-icon-color',
31
- 'list-item-focus-trailing-icon-icon-color',
32
- 'list-item-hover-label-text-color',
33
- 'list-item-hover-leading-icon-icon-color',
34
- 'list-item-hover-state-layer-color',
35
- 'list-item-hover-state-layer-opacity',
36
- 'list-item-hover-trailing-icon-icon-color',
37
- 'list-item-label-text-color',
38
- 'list-item-label-text-line-height',
39
- 'list-item-label-text-type',
40
- 'list-item-large-leading-video-height',
41
- 'list-item-leading-avatar-color',
42
- 'list-item-leading-avatar-label-color',
43
- 'list-item-leading-avatar-label-type',
44
- 'list-item-leading-avatar-shape',
45
- 'list-item-leading-avatar-size',
46
- 'list-item-leading-element-leading-space',
47
- 'list-item-leading-icon-color',
48
- 'list-item-leading-icon-size',
49
- 'list-item-leading-image-height',
50
- 'list-item-leading-image-shape',
51
- 'list-item-leading-image-width',
52
- 'list-item-leading-space',
53
- 'list-item-leading-video-leading-space',
54
- 'list-item-leading-video-shape',
55
- 'list-item-leading-video-width',
56
- 'list-item-one-line-container-height',
57
- 'list-item-pressed-label-text-color',
58
- 'list-item-pressed-leading-icon-icon-color',
59
- 'list-item-pressed-state-layer-color',
60
- 'list-item-pressed-state-layer-opacity',
61
- 'list-item-pressed-trailing-icon-icon-color',
62
- 'list-item-small-leading-video-height',
63
- 'list-item-supporting-text-color',
64
- 'list-item-supporting-text-type',
65
- 'list-item-three-line-container-height',
66
- 'list-item-trailing-element-headline-trailing-element-space',
67
- 'list-item-trailing-icon-color',
68
- 'list-item-trailing-icon-size',
69
- 'list-item-trailing-space',
70
- 'list-item-trailing-supporting-text-color',
71
- 'list-item-trailing-supporting-text-line-height',
72
- 'list-item-trailing-supporting-text-type',
73
- 'list-item-two-line-container-height',
23
+ 'container-color',
24
+ 'container-shape',
25
+ 'disabled-label-text-color',
26
+ 'disabled-label-text-opacity',
27
+ 'disabled-leading-icon-color',
28
+ 'disabled-leading-icon-opacity',
29
+ 'disabled-trailing-icon-color',
30
+ 'disabled-trailing-icon-opacity',
31
+ 'focus-label-text-color',
32
+ 'focus-leading-icon-icon-color',
33
+ 'focus-trailing-icon-icon-color',
34
+ 'hover-label-text-color',
35
+ 'hover-leading-icon-icon-color',
36
+ 'hover-state-layer-color',
37
+ 'hover-state-layer-opacity',
38
+ 'hover-trailing-icon-icon-color',
39
+ 'label-text-color',
40
+ 'label-text-font',
41
+ 'label-text-line-height',
42
+ 'label-text-size',
43
+ 'label-text-weight',
44
+ 'large-leading-video-height',
45
+ 'leading-avatar-color',
46
+ 'leading-avatar-label-color',
47
+ 'leading-avatar-label-font',
48
+ 'leading-avatar-label-line-height',
49
+ 'leading-avatar-label-size',
50
+ 'leading-avatar-label-weight',
51
+ 'leading-avatar-shape',
52
+ 'leading-avatar-size',
53
+ 'leading-element-leading-space',
54
+ 'leading-icon-color',
55
+ 'leading-icon-size',
56
+ 'leading-image-height',
57
+ 'leading-image-shape',
58
+ 'leading-image-width',
59
+ 'leading-space',
60
+ 'leading-video-leading-space',
61
+ 'leading-video-shape',
62
+ 'leading-video-width',
63
+ 'one-line-container-height',
64
+ 'pressed-label-text-color',
65
+ 'pressed-leading-icon-icon-color',
66
+ 'pressed-state-layer-color',
67
+ 'pressed-state-layer-opacity',
68
+ 'pressed-trailing-icon-icon-color',
69
+ 'small-leading-video-height',
70
+ 'supporting-text-color',
71
+ 'supporting-text-font',
72
+ 'supporting-text-line-height',
73
+ 'supporting-text-size',
74
+ 'supporting-text-weight',
75
+ 'three-line-container-height',
76
+ 'trailing-element-headline-trailing-element-space',
77
+ 'trailing-icon-color',
78
+ 'trailing-icon-size',
79
+ 'trailing-space',
80
+ 'trailing-supporting-text-color',
81
+ 'trailing-supporting-text-font',
82
+ 'trailing-supporting-text-line-height',
83
+ 'trailing-supporting-text-size',
84
+ 'trailing-supporting-text-weight',
85
+ 'two-line-container-height',
74
86
  // go/keep-sorted end
75
87
  );
76
88
 
77
89
  $unsupported-tokens: (
78
90
  // go/keep-sorted start
79
- 'list-item-container-elevation',
80
- 'list-item-disabled-state-layer-color',
81
- 'list-item-disabled-state-layer-opacity',
82
- 'list-item-dragged-container-elevation',
83
- 'list-item-dragged-label-text-color',
84
- 'list-item-dragged-leading-icon-icon-color',
85
- 'list-item-dragged-state-layer-color',
86
- 'list-item-dragged-state-layer-opacity',
87
- 'list-item-dragged-trailing-icon-icon-color',
88
- 'list-item-focus-state-layer-color',
89
- 'list-item-focus-state-layer-opacity',
90
- 'list-item-label-text-font',
91
- 'list-item-label-text-size',
92
- 'list-item-label-text-tracking',
93
- 'list-item-label-text-weight',
94
- 'list-item-leading-avatar-label-font',
95
- 'list-item-leading-avatar-label-line-height',
96
- 'list-item-leading-avatar-label-size',
97
- 'list-item-leading-avatar-label-tracking',
98
- 'list-item-leading-avatar-label-weight',
99
- 'list-item-overline-color',
100
- 'list-item-overline-font',
101
- 'list-item-overline-line-height',
102
- 'list-item-overline-size',
103
- 'list-item-overline-tracking',
104
- 'list-item-overline-type',
105
- 'list-item-overline-weight',
106
- 'list-item-selected-trailing-icon-color',
107
- 'list-item-supporting-text-font',
108
- 'list-item-supporting-text-line-height',
109
- 'list-item-supporting-text-size',
110
- 'list-item-supporting-text-tracking',
111
- 'list-item-supporting-text-weight',
112
- 'list-item-trailing-supporting-text-font',
113
- 'list-item-trailing-supporting-text-size',
114
- 'list-item-trailing-supporting-text-tracking',
115
- 'list-item-trailing-supporting-text-weight',
116
- 'list-item-unselected-trailing-icon-color',
91
+ 'container-elevation',
92
+ 'disabled-state-layer-color',
93
+ 'disabled-state-layer-opacity',
94
+ 'dragged-container-elevation',
95
+ 'dragged-label-text-color',
96
+ 'dragged-leading-icon-icon-color',
97
+ 'dragged-state-layer-color',
98
+ 'dragged-state-layer-opacity',
99
+ 'dragged-trailing-icon-icon-color',
100
+ 'focus-state-layer-color',
101
+ 'focus-state-layer-opacity',
102
+ 'label-text-tracking',
103
+ 'label-text-type',
104
+ 'leading-avatar-label-tracking',
105
+ 'leading-avatar-label-type',
106
+ 'overline-color',
107
+ 'overline-font',
108
+ 'overline-line-height',
109
+ 'overline-size',
110
+ 'overline-tracking',
111
+ 'overline-type',
112
+ 'overline-weight',
113
+ 'selected-trailing-icon-color',
114
+ 'supporting-text-tracking',
115
+ 'supporting-text-type',
116
+ 'trailing-supporting-text-tracking',
117
+ 'trailing-supporting-text-type',
118
+ 'unselected-trailing-icon-color',
117
119
  // go/keep-sorted end
118
120
  );
119
121
 
@@ -127,53 +129,46 @@ $_default: (
127
129
 
128
130
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
129
131
  $original-tokens: md-comp-list.values($deps, $exclude-hardcoded-values);
130
- $original-tokens: map.merge($original-tokens, _get-override-tokens($deps));
131
132
 
132
133
  $tokens: values.validate(
133
134
  $original-tokens,
134
135
  $supported-tokens: $supported-tokens,
135
136
  $unsupported-tokens: $unsupported-tokens,
136
- $new-tokens: _get-new-tokens($deps, $exclude-hardcoded-values)
137
+ $new-tokens: _get-new-tokens($deps, $exclude-hardcoded-values),
138
+ $renamed-tokens: _get-renamed-tokens($original-tokens)
137
139
  );
138
140
 
139
141
  @return $tokens;
140
142
  }
141
143
 
144
+ // remove list-item prefix from tokens
145
+ @function _get-renamed-tokens($tokens) {
146
+ $keys: map.keys($tokens);
147
+ $renamed-tokens: ();
148
+
149
+ @each $key in $keys {
150
+ $renamed-key: string.slice($key, string.length('list-item-') + 1);
151
+ $renamed-tokens: map.set($renamed-tokens, $key, $renamed-key);
152
+ }
153
+
154
+ @return $renamed-tokens;
155
+ }
156
+
142
157
  @function _get-new-tokens($deps, $exclude-hardcoded-values) {
143
158
  // Values pulled from b/198759625 spreadsheet
144
159
  @return (
145
160
  // go/keep-sorted start
146
- 'list-item-leading-element-leading-space':
147
- if($exclude-hardcoded-values, null, 16px),
148
- 'list-item-leading-space': if($exclude-hardcoded-values, null, 16px),
149
- 'list-item-leading-video-leading-space':
150
- if($exclude-hardcoded-values, null, 0px),
161
+ 'leading-element-leading-space': if($exclude-hardcoded-values, null, 16px),
162
+ 'leading-space': if($exclude-hardcoded-values, null, 16px),
163
+ 'leading-video-leading-space': if($exclude-hardcoded-values, null, 0px),
151
164
  // Commented out until the comments in the spreadsheet linked above are
152
165
  // resolved regarding vertical alignment.
153
- // 'list-item-leading-item-top-space': if($exclude-hardcoded-values, null, 8px),
154
- // 'list-item-leading-video-top-space': if($exclude-hardcoded-values, null, 0px),
155
- // 'list-item-leading-item-bottom-space': if($exclude-hardcoded-values, null, 8px),
156
- // 'list-item-leading-video-bottom-space': if($exclude-hardcoded-values, null, 0px),
157
- 'list-item-trailing-element-headline-trailing-element-space': 16px,
158
- 'list-item-trailing-space': if($exclude-hardcoded-values, null, 24px),
159
- // go/keep-sorted end
160
- );
161
- }
162
-
163
- @function _get-override-tokens($deps) {
164
- // TODO(b/271876162): remove when tokens compiler emits typescale tokens
165
- @return (
166
- // go/keep-sorted start
167
- 'list-item-label-text-type':
168
- map.get($deps, 'md-sys-typescale', 'body-large'),
169
- 'list-item-leading-avatar-label-type':
170
- map.get($deps, 'md-sys-typescale', 'title-medium'),
171
- // unsupported token
172
- // 'list-item-overline-type': map.get($deps, 'md-sys-typescale', 'label-small'),
173
- 'list-item-supporting-text-type':
174
- map.get($deps, 'md-sys-typescale', 'body-medium'),
175
- 'list-item-trailing-supporting-text-type':
176
- map.get($deps, 'md-sys-typescale', 'label-small'),
166
+ // 'leading-item-top-space': if($exclude-hardcoded-values, null, 8px),
167
+ // 'leading-video-top-space': if($exclude-hardcoded-values, null, 0px),
168
+ // 'leading-item-bottom-space': if($exclude-hardcoded-values, null, 8px),
169
+ // 'leading-video-bottom-space': if($exclude-hardcoded-values, null, 0px),
170
+ 'trailing-element-headline-trailing-element-space': 16px,
171
+ 'trailing-space': if($exclude-hardcoded-values, null, 24px),
177
172
  // go/keep-sorted end
178
173
  );
179
174
  }
package/tokens/_md-comp-menu-item.scss CHANGED
@@ -18,8 +18,8 @@
18
18
 
19
19
  $supported-tokens: (
20
20
  // go/keep-sorted start
21
- 'list-item-container-color',
22
- 'list-item-selected-container-color',
21
+ 'container-color',
22
+ 'selected-container-color',
23
23
  // go/keep-sorted end
24
24
  );
25
25
 
@@ -43,7 +43,7 @@ $_default: (
43
43
  $supported-tokens: $supported-tokens,
44
44
  $unsupported-tokens: $unsupported-tokens,
45
45
  $renamed-tokens: (
46
- 'container-color': 'list-item-container-color',
46
+ 'list-item-selected-container-color': 'selected-container-color',
47
47
  )
48
48
  );
49
49
 
package/tokens/_md-comp-outlined-button.scss CHANGED
@@ -34,7 +34,10 @@ $supported-tokens: (
34
34
  'icon-color',
35
35
  'icon-size',
36
36
  'label-text-color',
37
- 'label-text-type',
37
+ 'label-text-font',
38
+ 'label-text-line-height',
39
+ 'label-text-size',
40
+ 'label-text-weight',
38
41
  'leading-space',
39
42
  'outline-color',
40
43
  'outline-width',
@@ -57,11 +60,8 @@ $unsupported-tokens: (
57
60
  'focus-state-layer-color',
58
61
  'focus-state-layer-opacity',
59
62
  'hover-outline-color',
60
- 'label-text-font',
61
- 'label-text-line-height',
62
- 'label-text-size',
63
63
  'label-text-tracking',
64
- 'label-text-weight',
64
+ 'label-text-type',
65
65
  // go/keep-sorted end
66
66
  );
67
67
 
@@ -104,13 +104,5 @@ $_default: (
104
104
  )
105
105
  );
106
106
 
107
- // TODO(b/271876162): remove when tokens compiler emits typescale tokens
108
- $tokens: map.merge(
109
- $tokens,
110
- (
111
- 'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
112
- )
113
- );
114
-
115
107
  @return $tokens;
116
108
  }
package/tokens/_md-comp-outlined-field.scss CHANGED
@@ -20,7 +20,10 @@ $supported-tokens: (
20
20
  'bottom-space',
21
21
  'container-shape',
22
22
  'content-color',
23
- 'content-type',
23
+ 'content-font',
24
+ 'content-line-height',
25
+ 'content-size',
26
+ 'content-weight',
24
27
  'disabled-content-color',
25
28
  'disabled-content-opacity',
26
29
  'disabled-label-text-color',
@@ -67,20 +70,26 @@ $supported-tokens: (
67
70
  'hover-supporting-text-color',
68
71
  'hover-trailing-content-color',
69
72
  'label-text-color',
73
+ 'label-text-font',
74
+ 'label-text-line-height',
70
75
  'label-text-padding-bottom',
71
76
  'label-text-populated-line-height',
72
77
  'label-text-populated-size',
73
- 'label-text-type',
78
+ 'label-text-size',
79
+ 'label-text-weight',
74
80
  'leading-content-color',
75
81
  'leading-space',
76
82
  'outline-color',
77
83
  'outline-label-padding',
78
84
  'outline-width',
79
85
  'supporting-text-color',
86
+ 'supporting-text-font',
80
87
  'supporting-text-leading-space',
88
+ 'supporting-text-line-height',
89
+ 'supporting-text-size',
81
90
  'supporting-text-top-space',
82
91
  'supporting-text-trailing-space',
83
- 'supporting-text-type',
92
+ 'supporting-text-weight',
84
93
  'top-space',
85
94
  'trailing-content-color',
86
95
  'trailing-space',
@@ -105,7 +114,10 @@ $_default: (
105
114
  'bottom-space': if($exclude-hardcoded-values, null, 16px),
106
115
  'container-shape': map.get($text-field, 'container-shape'),
107
116
  'content-color': map.get($text-field, 'input-text-color'),
108
- 'content-type': map.get($text-field, 'input-text-type'),
117
+ 'content-font': map.get($text-field, 'input-text-font'),
118
+ 'content-line-height': map.get($text-field, 'input-text-line-height'),
119
+ 'content-size': map.get($text-field, 'input-text-size'),
120
+ 'content-weight': map.get($text-field, 'input-text-weight'),
109
121
  'disabled-content-color': map.get($text-field, 'disabled-input-text-color'),
110
122
  'disabled-content-opacity':
111
123
  map.get($text-field, 'disabled-input-text-opacity'),
@@ -166,7 +178,8 @@ $_default: (
166
178
  'focus-leading-content-color':
167
179
  map.get($text-field, 'focus-leading-icon-color'),
168
180
  'focus-outline-color': map.get($text-field, 'focus-outline-color'),
169
- 'focus-outline-width': map.get($text-field, 'focus-outline-width'),
181
+ // TODO(b/259455114): remove when focus tokens update to 3px
182
+ 'focus-outline-width': if($exclude-hardcoded-values, null, 3px),
170
183
  'focus-supporting-text-color':
171
184
  map.get($text-field, 'focus-supporting-text-color'),
172
185
  'focus-trailing-content-color':
@@ -182,22 +195,29 @@ $_default: (
182
195
  'hover-trailing-content-color':
183
196
  map.get($text-field, 'hover-trailing-icon-color'),
184
197
  'label-text-color': map.get($text-field, 'label-text-color'),
198
+ 'label-text-font': map.get($text-field, 'label-text-font'),
199
+ 'label-text-line-height': map.get($text-field, 'label-text-line-height'),
185
200
  'label-text-padding-bottom': if($exclude-hardcoded-values, null, 8px),
186
201
  'label-text-populated-line-height':
187
202
  map.get($text-field, 'label-text-populated-line-height'),
188
203
  'label-text-populated-size':
189
204
  map.get($text-field, 'label-text-populated-size'),
190
- 'label-text-type': map.get($text-field, 'label-text-type'),
205
+ 'label-text-size': map.get($text-field, 'label-text-size'),
206
+ 'label-text-weight': map.get($text-field, 'label-text-weight'),
191
207
  'leading-content-color': map.get($text-field, 'leading-icon-color'),
192
208
  'leading-space': if($exclude-hardcoded-values, null, 16px),
193
209
  'outline-color': map.get($text-field, 'outline-color'),
194
210
  'outline-label-padding': if($exclude-hardcoded-values, null, 4px),
195
211
  'outline-width': map.get($text-field, 'outline-width'),
196
212
  'supporting-text-color': map.get($text-field, 'supporting-text-color'),
213
+ 'supporting-text-font': map.get($text-field, 'supporting-text-font'),
197
214
  'supporting-text-leading-space': if($exclude-hardcoded-values, null, 16px),
215
+ 'supporting-text-line-height':
216
+ map.get($text-field, 'supporting-text-line-height'),
217
+ 'supporting-text-size': map.get($text-field, 'supporting-text-size'),
198
218
  'supporting-text-top-space': if($exclude-hardcoded-values, null, 4px),
199
219
  'supporting-text-trailing-space': if($exclude-hardcoded-values, null, 16px),
200
- 'supporting-text-type': map.get($text-field, 'supporting-text-type'),
220
+ 'supporting-text-weight': map.get($text-field, 'supporting-text-weight'),
201
221
  'top-space': if($exclude-hardcoded-values, null, 16px),
202
222
  'trailing-content-color': map.get($text-field, 'trailing-icon-color'),
203
223
  'trailing-space': if($exclude-hardcoded-values, null, 16px),
package/tokens/_md-comp-outlined-segmented-button.scss CHANGED
@@ -22,7 +22,10 @@ $supported-tokens: (
22
22
  'disabled-outline-color',
23
23
  'hover-state-layer-opacity',
24
24
  'icon-size',
25
- 'label-text-type',
25
+ 'label-text-font',
26
+ 'label-text-line-height',
27
+ 'label-text-size',
28
+ 'label-text-weight',
26
29
  'outline-color',
27
30
  'pressed-state-layer-opacity',
28
31
  'selected-container-color',
@@ -56,11 +59,8 @@ $unsupported-tokens: (
56
59
  'disabled-label-text-opacity',
57
60
  'disabled-outline-opacity',
58
61
  'focus-state-layer-opacity',
59
- 'label-text-font',
60
- 'label-text-line-height',
61
- 'label-text-size',
62
62
  'label-text-tracking',
63
- 'label-text-weight',
63
+ 'label-text-type',
64
64
  'outline-width',
65
65
  'selected-focus-state-layer-color',
66
66
  'unselected-focus-state-layer-color',
@@ -87,13 +87,5 @@ $_default: (
87
87
  )
88
88
  );
89
89
 
90
- // TODO(b/271876162): remove when tokens compiler emits typescale tokens
91
- $tokens: map.merge(
92
- $tokens,
93
- (
94
- 'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
95
- )
96
- );
97
-
98
90
  @return $tokens;
99
91
  }
package/tokens/_md-comp-outlined-select.scss CHANGED
@@ -66,17 +66,26 @@ $supported-tokens: (
66
66
  'text-field-hover-supporting-text-color',
67
67
  'text-field-hover-trailing-icon-color',
68
68
  'text-field-input-text-color',
69
- 'text-field-input-text-type',
69
+ 'text-field-input-text-font',
70
+ 'text-field-input-text-line-height',
71
+ 'text-field-input-text-size',
72
+ 'text-field-input-text-weight',
70
73
  'text-field-label-text-color',
74
+ 'text-field-label-text-font',
75
+ 'text-field-label-text-line-height',
71
76
  'text-field-label-text-populated-line-height',
72
77
  'text-field-label-text-populated-size',
73
- 'text-field-label-text-type',
78
+ 'text-field-label-text-size',
79
+ 'text-field-label-text-weight',
74
80
  'text-field-leading-icon-color',
75
81
  'text-field-leading-icon-size',
76
82
  'text-field-outline-color',
77
83
  'text-field-outline-width',
78
84
  'text-field-supporting-text-color',
79
- 'text-field-supporting-text-type',
85
+ 'text-field-supporting-text-font',
86
+ 'text-field-supporting-text-line-height',
87
+ 'text-field-supporting-text-size',
88
+ 'text-field-supporting-text-weight',
80
89
  'text-field-trailing-icon-color',
81
90
  'text-field-trailing-icon-size',
82
91
  // go/keep-sorted end
@@ -110,21 +119,12 @@ $unsupported-tokens: (
110
119
  'text-field-error-hover-state-layer-opacity',
111
120
  'text-field-hover-state-layer-color',
112
121
  'text-field-hover-state-layer-opacity',
113
- 'text-field-input-text-font',
114
- 'text-field-input-text-line-height',
115
- 'text-field-input-text-size',
116
122
  'text-field-input-text-tracking',
117
- 'text-field-input-text-weight',
118
- 'text-field-label-text-font',
119
- 'text-field-label-text-line-height',
120
- 'text-field-label-text-size',
123
+ 'text-field-input-text-type',
121
124
  'text-field-label-text-tracking',
122
- 'text-field-label-text-weight',
123
- 'text-field-supporting-text-font',
124
- 'text-field-supporting-text-line-height',
125
- 'text-field-supporting-text-size',
125
+ 'text-field-label-text-type',
126
126
  'text-field-supporting-text-tracking',
127
- 'text-field-supporting-text-weight',
127
+ 'text-field-supporting-text-type',
128
128
  // go/keep-sorted end
129
129
  );
130
130
 
@@ -143,5 +143,13 @@ $_default: (
143
143
  $unsupported-tokens: $unsupported-tokens
144
144
  );
145
145
 
146
+ $tokens: map.merge(
147
+ $tokens,
148
+ (
149
+ // TODO(b/259455114): remove when focus tokens update to 3px
150
+ 'text-field-focus-outline-width': if($exclude-hardcoded-values, null, 3px)
151
+ )
152
+ );
153
+
146
154
  @return $tokens;
147
155
  }
package/tokens/_md-comp-outlined-text-field.scss CHANGED
@@ -65,20 +65,29 @@ $supported-tokens: (
65
65
  'hover-supporting-text-color',
66
66
  'hover-trailing-icon-color',
67
67
  'input-text-color',
68
+ 'input-text-font',
69
+ 'input-text-line-height',
68
70
  'input-text-placeholder-color',
69
71
  'input-text-prefix-color',
72
+ 'input-text-size',
70
73
  'input-text-suffix-color',
71
- 'input-text-type',
74
+ 'input-text-weight',
72
75
  'label-text-color',
76
+ 'label-text-font',
77
+ 'label-text-line-height',
73
78
  'label-text-populated-line-height',
74
79
  'label-text-populated-size',
75
- 'label-text-type',
80
+ 'label-text-size',
81
+ 'label-text-weight',
76
82
  'leading-icon-color',
77
83
  'leading-icon-size',
78
84
  'outline-color',
79
85
  'outline-width',
80
86
  'supporting-text-color',
81
- 'supporting-text-type',
87
+ 'supporting-text-font',
88
+ 'supporting-text-line-height',
89
+ 'supporting-text-size',
90
+ 'supporting-text-weight',
82
91
  'trailing-icon-color',
83
92
  'trailing-icon-size',
84
93
  // go/keep-sorted end
@@ -86,21 +95,12 @@ $supported-tokens: (
86
95
 
87
96
  $unsupported-tokens: (
88
97
  // go/keep-sorted start
89
- 'input-text-font',
90
- 'input-text-line-height',
91
- 'input-text-size',
92
98
  'input-text-tracking',
93
- 'input-text-weight',
94
- 'label-text-font',
95
- 'label-text-line-height',
96
- 'label-text-size',
99
+ 'input-text-type',
97
100
  'label-text-tracking',
98
- 'label-text-weight',
99
- 'supporting-text-font',
100
- 'supporting-text-line-height',
101
- 'supporting-text-size',
101
+ 'label-text-type',
102
102
  'supporting-text-tracking',
103
- 'supporting-text-weight',
103
+ 'supporting-text-type',
104
104
  // go/keep-sorted end
105
105
  );
106
106
 
@@ -117,13 +117,11 @@ $_default: (
117
117
  $unsupported-tokens: $unsupported-tokens
118
118
  );
119
119
 
120
- // TODO(b/271876162): remove when tokens compiler emits typescale tokens
121
120
  $tokens: map.merge(
122
121
  $tokens,
123
122
  (
124
- 'input-text-type': map.get($deps, 'md-sys-typescale', 'body-large'),
125
- 'label-text-type': map.get($deps, 'md-sys-typescale', 'body-large'),
126
- 'supporting-text-type': map.get($deps, 'md-sys-typescale', 'body-small'),
123
+ // TODO(b/259455114): remove when focus tokens update to 3px
124
+ 'focus-outline-width': if($exclude-hardcoded-values, null, 3px)
127
125
  )
128
126
  );
129
127