@material/web 1.0.0-pre.5 → 1.0.0-pre.6

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 (472) hide show
  1. package/README.md +1 -1
  2. package/badge/lib/badge-styles.css.js +1 -1
  3. package/badge/lib/badge-styles.css.js.map +1 -1
  4. package/button/lib/_elevation.scss +7 -13
  5. package/button/lib/_outlined-button.scss +1 -1
  6. package/button/lib/_shared.scss +5 -0
  7. package/button/lib/_text-button.scss +1 -1
  8. package/button/lib/_tonal-button.scss +1 -1
  9. package/button/lib/button.d.ts +14 -1
  10. package/button/lib/button.js +36 -14
  11. package/button/lib/button.js.map +1 -1
  12. package/button/lib/elevated-button.d.ts +3 -0
  13. package/button/lib/elevated-button.js +4 -2
  14. package/button/lib/elevated-button.js.map +1 -1
  15. package/button/lib/elevated-styles.css.js +1 -1
  16. package/button/lib/elevated-styles.css.js.map +1 -1
  17. package/button/lib/filled-button.d.ts +3 -1
  18. package/button/lib/filled-button.js +4 -3
  19. package/button/lib/filled-button.js.map +1 -1
  20. package/button/lib/filled-styles.css.js +1 -1
  21. package/button/lib/filled-styles.css.js.map +1 -1
  22. package/button/lib/outlined-button.d.ts +3 -0
  23. package/button/lib/outlined-button.js +3 -1
  24. package/button/lib/outlined-button.js.map +1 -1
  25. package/button/lib/outlined-styles.css.js +1 -1
  26. package/button/lib/outlined-styles.css.js.map +1 -1
  27. package/button/lib/shared-elevation-styles.css.js +1 -1
  28. package/button/lib/shared-elevation-styles.css.js.map +1 -1
  29. package/button/lib/shared-styles.css.js +1 -1
  30. package/button/lib/shared-styles.css.js.map +1 -1
  31. package/button/lib/text-button.d.ts +3 -0
  32. package/button/lib/text-button.js +3 -1
  33. package/button/lib/text-button.js.map +1 -1
  34. package/button/lib/text-styles.css.js +1 -1
  35. package/button/lib/text-styles.css.js.map +1 -1
  36. package/button/lib/tonal-button.d.ts +3 -1
  37. package/button/lib/tonal-button.js +4 -3
  38. package/button/lib/tonal-button.js.map +1 -1
  39. package/button/lib/tonal-styles.css.js +1 -1
  40. package/button/lib/tonal-styles.css.js.map +1 -1
  41. package/checkbox/lib/checkbox-styles.css.js +1 -1
  42. package/checkbox/lib/checkbox-styles.css.js.map +1 -1
  43. package/chips/lib/_shared.scss +63 -33
  44. package/chips/lib/assist-styles.css.js +1 -1
  45. package/chips/lib/assist-styles.css.js.map +1 -1
  46. package/chips/lib/chip.js +1 -1
  47. package/chips/lib/chip.js.map +1 -1
  48. package/chips/lib/shared-styles.css.js +1 -1
  49. package/chips/lib/shared-styles.css.js.map +1 -1
  50. package/chips/lib/suggestion-styles.css.js +1 -1
  51. package/chips/lib/suggestion-styles.css.js.map +1 -1
  52. package/circularprogress/_circular-progress.scss +6 -0
  53. package/circularprogress/circular-progress.d.ts +24 -0
  54. package/circularprogress/circular-progress.js +27 -0
  55. package/circularprogress/circular-progress.js.map +1 -0
  56. package/circularprogress/harness.d.ts +12 -0
  57. package/circularprogress/harness.js +12 -0
  58. package/circularprogress/harness.js.map +1 -0
  59. package/circularprogress/lib/_circular-progress.scss +282 -0
  60. package/circularprogress/lib/circular-progress-styles.css.js +9 -0
  61. package/circularprogress/lib/circular-progress-styles.css.js.map +1 -0
  62. package/circularprogress/lib/circular-progress-styles.scss +8 -0
  63. package/circularprogress/lib/circular-progress.d.ts +29 -0
  64. package/circularprogress/lib/circular-progress.js +98 -0
  65. package/circularprogress/lib/circular-progress.js.map +1 -0
  66. package/dialog/lib/_dialog.scss +1 -6
  67. package/dialog/lib/dialog-styles.css.js +1 -1
  68. package/dialog/lib/dialog-styles.css.js.map +1 -1
  69. package/dialog/lib/dialog.js +1 -1
  70. package/dialog/lib/dialog.js.map +1 -1
  71. package/elevation/lib/_elevation.scss +13 -48
  72. package/elevation/lib/elevation-styles.css.js +1 -1
  73. package/elevation/lib/elevation-styles.css.js.map +1 -1
  74. package/elevation/lib/elevation.d.ts +0 -8
  75. package/elevation/lib/elevation.js +1 -25
  76. package/elevation/lib/elevation.js.map +1 -1
  77. package/fab/lib/_shared.scss +18 -21
  78. package/fab/lib/fab-extended-styles.css.js +1 -1
  79. package/fab/lib/fab-extended-styles.css.js.map +1 -1
  80. package/fab/lib/fab-shared-styles.css.js +1 -1
  81. package/fab/lib/fab-shared-styles.css.js.map +1 -1
  82. package/fab/lib/fab-shared.js +1 -1
  83. package/fab/lib/fab-shared.js.map +1 -1
  84. package/fab/lib/fab-styles.css.js +1 -1
  85. package/fab/lib/fab-styles.css.js.map +1 -1
  86. package/field/lib/filled-styles.css.js +1 -1
  87. package/field/lib/filled-styles.css.js.map +1 -1
  88. package/field/lib/outlined-styles.css.js +1 -1
  89. package/field/lib/outlined-styles.css.js.map +1 -1
  90. package/focus/lib/_focus-ring.scss +30 -20
  91. package/focus/lib/focus-ring-styles.css.js +1 -1
  92. package/focus/lib/focus-ring-styles.css.js.map +1 -1
  93. package/focus/strong-focus.d.ts +11 -0
  94. package/focus/strong-focus.js +11 -1
  95. package/focus/strong-focus.js.map +1 -1
  96. package/iconbutton/filled-icon-button.js +1 -0
  97. package/iconbutton/filled-icon-button.js.map +1 -1
  98. package/iconbutton/filled-tonal-icon-button.js +1 -0
  99. package/iconbutton/filled-tonal-icon-button.js.map +1 -1
  100. package/iconbutton/harness.d.ts +1 -2
  101. package/iconbutton/harness.js.map +1 -1
  102. package/iconbutton/lib/filled-styles.css.js +1 -1
  103. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  104. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  105. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  106. package/iconbutton/lib/icon-button.d.ts +33 -2
  107. package/iconbutton/lib/icon-button.js +104 -16
  108. package/iconbutton/lib/icon-button.js.map +1 -1
  109. package/iconbutton/lib/outlined-styles.css.js +1 -1
  110. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  111. package/iconbutton/lib/standard-styles.css.js +1 -1
  112. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  113. package/list/harness.d.ts +1 -0
  114. package/list/harness.js +1 -0
  115. package/list/harness.js.map +1 -1
  116. package/list/lib/_list.scss +0 -1
  117. package/list/lib/list-styles.css.js +1 -1
  118. package/list/lib/list-styles.css.js.map +1 -1
  119. package/list/lib/list.js +2 -0
  120. package/list/lib/list.js.map +1 -1
  121. package/list/lib/listitem/_list-item.scss +9 -13
  122. package/list/lib/listitem/forced-colors-styles.css.js +9 -0
  123. package/list/lib/listitem/forced-colors-styles.css.js.map +1 -0
  124. package/list/lib/listitem/forced-colors-styles.scss +23 -0
  125. package/list/lib/listitem/list-item-styles.css.js +1 -1
  126. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  127. package/list/lib/listitem/list-item.d.ts +3 -3
  128. package/list/lib/listitem/list-item.js +3 -3
  129. package/list/lib/listitem/list-item.js.map +1 -1
  130. package/list/list-item-link.js +2 -1
  131. package/list/list-item-link.js.map +1 -1
  132. package/list/list-item.js +2 -1
  133. package/list/list-item.js.map +1 -1
  134. package/menu/harness.d.ts +1 -0
  135. package/menu/harness.js +1 -0
  136. package/menu/harness.js.map +1 -1
  137. package/menu/lib/_menu.scss +5 -10
  138. package/menu/lib/forced-colors-styles.css.d.ts +1 -0
  139. package/menu/lib/forced-colors-styles.css.js +9 -0
  140. package/menu/lib/forced-colors-styles.css.js.map +1 -0
  141. package/menu/lib/forced-colors-styles.scss +12 -0
  142. package/menu/lib/menu-styles.css.js +1 -1
  143. package/menu/lib/menu-styles.css.js.map +1 -1
  144. package/menu/lib/menu.d.ts +12 -1
  145. package/menu/lib/menu.js +42 -4
  146. package/menu/lib/menu.js.map +1 -1
  147. package/menu/lib/menuitem/_menu-item.scss +5 -11
  148. package/menu/lib/menuitem/forced-colors-styles.css.d.ts +1 -0
  149. package/menu/lib/menuitem/forced-colors-styles.css.js +9 -0
  150. package/menu/lib/menuitem/forced-colors-styles.css.js.map +1 -0
  151. package/menu/lib/menuitem/forced-colors-styles.scss +22 -0
  152. package/menu/lib/menuitem/menu-item-styles.css.js +1 -1
  153. package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -1
  154. package/menu/lib/shared.d.ts +10 -0
  155. package/menu/lib/shared.js +23 -0
  156. package/menu/lib/shared.js.map +1 -1
  157. package/menu/lib/submenuitem/sub-menu-item.d.ts +4 -0
  158. package/menu/lib/submenuitem/sub-menu-item.js +12 -0
  159. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
  160. package/menu/lib/typeaheadController.d.ts +10 -2
  161. package/menu/lib/typeaheadController.js +20 -14
  162. package/menu/lib/typeaheadController.js.map +1 -1
  163. package/menu/menu-item-link.js +3 -1
  164. package/menu/menu-item-link.js.map +1 -1
  165. package/menu/menu-item.js +4 -2
  166. package/menu/menu-item.js.map +1 -1
  167. package/menu/menu.js +2 -1
  168. package/menu/menu.js.map +1 -1
  169. package/menu/sub-menu-item.js +3 -1
  170. package/menu/sub-menu-item.js.map +1 -1
  171. package/navigationbar/lib/_navigation-bar.scss +3 -6
  172. package/navigationbar/lib/navigation-bar-styles.css.js +1 -1
  173. package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -1
  174. package/navigationbar/lib/navigation-bar.js +2 -2
  175. package/navigationbar/lib/navigation-bar.js.map +1 -1
  176. package/navigationdrawer/lib/_navigation-drawer-modal.scss +10 -11
  177. package/navigationdrawer/lib/_navigation-drawer.scss +9 -14
  178. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +1 -1
  179. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -1
  180. package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
  181. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
  182. package/navigationdrawer/lib/navigation-drawer.js +1 -1
  183. package/navigationdrawer/lib/navigation-drawer.js.map +1 -1
  184. package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
  185. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
  186. package/package.json +2 -1
  187. package/radio/lib/radio-styles.css.js +1 -1
  188. package/radio/lib/radio-styles.css.js.map +1 -1
  189. package/ripple/lib/_md-comp-ripple.scss +3 -3
  190. package/ripple/lib/ripple-styles.css.js +1 -1
  191. package/ripple/lib/ripple-styles.css.js.map +1 -1
  192. package/segmentedbutton/lib/outlined-styles.css.js +1 -1
  193. package/segmentedbutton/lib/outlined-styles.css.js.map +1 -1
  194. package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
  195. package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
  196. package/slider/lib/_slider.scss +1 -7
  197. package/slider/lib/_tokens.scss +5 -0
  198. package/slider/lib/slider-styles.css.js +1 -1
  199. package/slider/lib/slider-styles.css.js.map +1 -1
  200. package/slider/lib/slider.js +1 -1
  201. package/slider/lib/slider.js.map +1 -1
  202. package/switch/lib/switch-styles.css.js +1 -1
  203. package/switch/lib/switch-styles.css.js.map +1 -1
  204. package/textfield/lib/filled-styles.css.js +1 -1
  205. package/textfield/lib/filled-styles.css.js.map +1 -1
  206. package/textfield/lib/outlined-styles.css.js +1 -1
  207. package/textfield/lib/outlined-styles.css.js.map +1 -1
  208. package/tokens/_index.scss +3 -0
  209. package/tokens/_md-comp-assist-chip.scss +69 -14
  210. package/tokens/_md-comp-badge.scss +8 -1
  211. package/tokens/_md-comp-banner.scss +1 -1
  212. package/tokens/_md-comp-bottom-app-bar.scss +1 -1
  213. package/tokens/_md-comp-carousel-item.scss +1 -1
  214. package/tokens/_md-comp-checkbox.scss +1 -1
  215. package/tokens/_md-comp-circular-progress-indicator.scss +17 -2
  216. package/tokens/_md-comp-data-table.scss +1 -1
  217. package/tokens/_md-comp-date-input-modal.scss +1 -1
  218. package/tokens/_md-comp-date-picker-docked.scss +1 -1
  219. package/tokens/_md-comp-date-picker-modal.scss +1 -1
  220. package/tokens/_md-comp-dialog.scss +10 -1
  221. package/tokens/_md-comp-divider.scss +1 -1
  222. package/tokens/_md-comp-elevated-button.scss +80 -20
  223. package/tokens/_md-comp-elevated-card.scss +1 -1
  224. package/tokens/_md-comp-elevation.scss +28 -0
  225. package/tokens/_md-comp-extended-fab-branded.scss +8 -1
  226. package/tokens/_md-comp-extended-fab-primary.scss +8 -1
  227. package/tokens/_md-comp-extended-fab-secondary.scss +8 -1
  228. package/tokens/_md-comp-extended-fab-surface.scss +8 -1
  229. package/tokens/_md-comp-extended-fab-tertiary.scss +8 -1
  230. package/tokens/_md-comp-fab-branded-large.scss +1 -1
  231. package/tokens/_md-comp-fab-branded.scss +1 -1
  232. package/tokens/_md-comp-fab-primary-large.scss +1 -1
  233. package/tokens/_md-comp-fab-primary-small.scss +1 -1
  234. package/tokens/_md-comp-fab-primary.scss +1 -1
  235. package/tokens/_md-comp-fab-secondary-large.scss +1 -1
  236. package/tokens/_md-comp-fab-secondary-small.scss +1 -1
  237. package/tokens/_md-comp-fab-secondary.scss +1 -1
  238. package/tokens/_md-comp-fab-surface-large.scss +1 -1
  239. package/tokens/_md-comp-fab-surface-small.scss +1 -1
  240. package/tokens/_md-comp-fab-surface.scss +1 -1
  241. package/tokens/_md-comp-fab-tertiary-large.scss +1 -1
  242. package/tokens/_md-comp-fab-tertiary-small.scss +1 -1
  243. package/tokens/_md-comp-fab-tertiary.scss +1 -1
  244. package/tokens/_md-comp-filled-autocomplete.scss +1 -1
  245. package/tokens/_md-comp-filled-button.scss +80 -20
  246. package/tokens/_md-comp-filled-card.scss +1 -1
  247. package/tokens/_md-comp-filled-icon-button.scss +1 -1
  248. package/tokens/_md-comp-filled-menu-button.scss +1 -1
  249. package/tokens/_md-comp-filled-select.scss +1 -1
  250. package/tokens/_md-comp-filled-text-field.scss +10 -1
  251. package/tokens/_md-comp-filled-tonal-button.scss +80 -20
  252. package/tokens/_md-comp-filled-tonal-icon-button.scss +1 -1
  253. package/tokens/_md-comp-filter-chip.scss +201 -11
  254. package/tokens/_md-comp-focus-ring.scss +46 -0
  255. package/tokens/_md-comp-full-screen-dialog.scss +1 -1
  256. package/tokens/_md-comp-icon-button.scss +1 -1
  257. package/tokens/_md-comp-input-chip.scss +194 -11
  258. package/tokens/_md-comp-linear-progress-indicator.scss +1 -1
  259. package/tokens/_md-comp-list.scss +18 -1
  260. package/tokens/_md-comp-menu.scss +1 -1
  261. package/tokens/_md-comp-navigation-bar.scss +1 -1
  262. package/tokens/_md-comp-navigation-drawer.scss +1 -1
  263. package/tokens/_md-comp-navigation-rail.scss +1 -1
  264. package/tokens/_md-comp-outlined-autocomplete.scss +1 -1
  265. package/tokens/_md-comp-outlined-button.scss +77 -19
  266. package/tokens/_md-comp-outlined-card.scss +1 -1
  267. package/tokens/_md-comp-outlined-icon-button.scss +1 -1
  268. package/tokens/_md-comp-outlined-menu-button.scss +1 -1
  269. package/tokens/_md-comp-outlined-segmented-button.scss +10 -1
  270. package/tokens/_md-comp-outlined-select.scss +1 -1
  271. package/tokens/_md-comp-outlined-text-field.scss +10 -1
  272. package/tokens/_md-comp-plain-tooltip.scss +1 -1
  273. package/tokens/_md-comp-primary-navigation-tab.scss +10 -1
  274. package/tokens/_md-comp-radio-button.scss +1 -1
  275. package/tokens/_md-comp-rich-tooltip.scss +1 -1
  276. package/tokens/_md-comp-scrim.scss +1 -1
  277. package/tokens/_md-comp-search-bar.scss +1 -1
  278. package/tokens/_md-comp-search-view.scss +1 -1
  279. package/tokens/_md-comp-secondary-navigation-tab.scss +9 -1
  280. package/tokens/_md-comp-sheet-bottom.scss +1 -1
  281. package/tokens/_md-comp-sheet-floating.scss +1 -1
  282. package/tokens/_md-comp-sheet-side.scss +1 -1
  283. package/tokens/_md-comp-slider.scss +10 -1
  284. package/tokens/_md-comp-snackbar.scss +1 -1
  285. package/tokens/_md-comp-standard-menu-button.scss +1 -1
  286. package/tokens/_md-comp-suggestion-chip.scss +65 -14
  287. package/tokens/_md-comp-switch.scss +1 -1
  288. package/tokens/_md-comp-test-table.scss +31 -0
  289. package/tokens/_md-comp-text-button.scss +70 -19
  290. package/tokens/_md-comp-time-input.scss +1 -1
  291. package/tokens/_md-comp-time-picker.scss +1 -1
  292. package/tokens/_md-comp-top-app-bar-large.scss +1 -1
  293. package/tokens/_md-comp-top-app-bar-medium.scss +1 -1
  294. package/tokens/_md-comp-top-app-bar-small-centered.scss +1 -1
  295. package/tokens/_md-comp-top-app-bar-small.scss +1 -1
  296. package/tokens/_md-ref-palette.scss +1 -1
  297. package/tokens/_md-ref-typeface.scss +24 -2
  298. package/tokens/_md-sys-color.scss +1 -1
  299. package/tokens/_md-sys-elevation.scss +1 -1
  300. package/tokens/_md-sys-motion.scss +1 -1
  301. package/tokens/_md-sys-shape.scss +1 -1
  302. package/tokens/_md-sys-state.scss +1 -1
  303. package/tokens/_md-sys-typescale.scss +36 -2
  304. package/tokens/_values.scss +111 -0
  305. package/tokens/{v0_161 → v0_172}/_md-comp-assist-chip.scss +3 -4
  306. package/tokens/{v0_161 → v0_172}/_md-comp-badge.scss +1 -1
  307. package/tokens/{v0_161 → v0_172}/_md-comp-banner.scss +2 -4
  308. package/tokens/{v0_161 → v0_172}/_md-comp-bottom-app-bar.scss +3 -5
  309. package/tokens/{v0_161 → v0_172}/_md-comp-carousel-item.scss +1 -3
  310. package/tokens/{v0_161 → v0_172}/_md-comp-checkbox.scss +1 -1
  311. package/tokens/{v0_161 → v0_172}/_md-comp-circular-progress-indicator.scss +1 -1
  312. package/tokens/{v0_161 → v0_172}/_md-comp-data-table.scss +2 -2
  313. package/tokens/{v0_161 → v0_172}/_md-comp-date-input-modal.scss +2 -4
  314. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-docked.scss +2 -4
  315. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-modal.scss +2 -4
  316. package/tokens/{v0_161 → v0_172}/_md-comp-dialog.scss +2 -4
  317. package/tokens/{v0_161 → v0_172}/_md-comp-divider.scss +1 -1
  318. package/tokens/{v0_161 → v0_172}/_md-comp-elevated-button.scss +2 -4
  319. package/tokens/{v0_161 → v0_172}/_md-comp-elevated-card.scss +2 -4
  320. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-branded.scss +4 -4
  321. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-primary.scss +1 -1
  322. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-secondary.scss +1 -1
  323. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-surface.scss +4 -4
  324. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-tertiary.scss +1 -1
  325. package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded-large.scss +4 -4
  326. package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded.scss +4 -4
  327. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-large.scss +1 -1
  328. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-small.scss +1 -1
  329. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary.scss +1 -1
  330. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-large.scss +1 -1
  331. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-small.scss +1 -1
  332. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary.scss +1 -1
  333. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-large.scss +4 -4
  334. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-small.scss +4 -4
  335. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface.scss +4 -4
  336. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary-large.scss +1 -1
  337. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary-small.scss +1 -1
  338. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary.scss +1 -1
  339. package/tokens/{v0_161 → v0_172}/_md-comp-filled-autocomplete.scss +4 -6
  340. package/tokens/{v0_161 → v0_172}/_md-comp-filled-button.scss +1 -1
  341. package/tokens/{v0_161 → v0_172}/_md-comp-filled-card.scss +3 -2
  342. package/tokens/{v0_161 → v0_172}/_md-comp-filled-icon-button.scss +2 -2
  343. package/tokens/{v0_161 → v0_172}/_md-comp-filled-menu-button.scss +1 -1
  344. package/tokens/{v0_161 → v0_172}/_md-comp-filled-select.scss +4 -6
  345. package/tokens/{v0_161 → v0_172}/_md-comp-filled-text-field.scss +3 -2
  346. package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-button.scss +1 -1
  347. package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-icon-button.scss +2 -2
  348. package/tokens/{v0_161 → v0_172}/_md-comp-filter-chip.scss +2 -4
  349. package/tokens/{v0_161 → v0_172}/_md-comp-full-screen-dialog.scss +3 -3
  350. package/tokens/{v0_161 → v0_172}/_md-comp-icon-button.scss +1 -1
  351. package/tokens/{v0_161 → v0_172}/_md-comp-input-chip.scss +1 -1
  352. package/tokens/{v0_161 → v0_172}/_md-comp-linear-progress-indicator.scss +2 -2
  353. package/tokens/{v0_161 → v0_172}/_md-comp-list.scss +1 -1
  354. package/tokens/{v0_161 → v0_172}/_md-comp-menu.scss +3 -5
  355. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-bar.scss +2 -4
  356. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-drawer.scss +4 -4
  357. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-rail.scss +1 -16
  358. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-autocomplete.scss +4 -6
  359. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-button.scss +1 -1
  360. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-card.scss +1 -3
  361. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-icon-button.scss +1 -1
  362. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-menu-button.scss +1 -1
  363. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-segmented-button.scss +1 -1
  364. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-select.scss +4 -6
  365. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-text-field.scss +1 -1
  366. package/tokens/{v0_161 → v0_172}/_md-comp-plain-tooltip.scss +1 -1
  367. package/tokens/{v0_161 → v0_172}/_md-comp-primary-navigation-tab.scss +1 -1
  368. package/tokens/{v0_161 → v0_172}/_md-comp-radio-button.scss +1 -1
  369. package/tokens/{v0_161 → v0_172}/_md-comp-rich-tooltip.scss +3 -5
  370. package/tokens/{v0_161 → v0_172}/_md-comp-scrim.scss +1 -1
  371. package/tokens/{v0_161 → v0_172}/_md-comp-search-bar.scss +2 -4
  372. package/tokens/{v0_161 → v0_172}/_md-comp-search-view.scss +2 -4
  373. package/tokens/{v0_161 → v0_172}/_md-comp-secondary-navigation-tab.scss +3 -3
  374. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-bottom.scss +3 -4
  375. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-floating.scss +3 -5
  376. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-side.scss +4 -4
  377. package/tokens/{v0_161 → v0_172}/_md-comp-slider.scss +3 -2
  378. package/tokens/{v0_161 → v0_172}/_md-comp-snackbar.scss +1 -1
  379. package/tokens/{v0_161 → v0_172}/_md-comp-standard-menu-button.scss +1 -1
  380. package/tokens/{v0_161 → v0_172}/_md-comp-suggestion-chip.scss +3 -4
  381. package/tokens/{v0_161 → v0_172}/_md-comp-switch.scss +13 -11
  382. package/tokens/{v0_161 → v0_172}/_md-comp-text-button.scss +1 -1
  383. package/tokens/{v0_161 → v0_172}/_md-comp-time-input.scss +3 -4
  384. package/tokens/{v0_161 → v0_172}/_md-comp-time-picker.scss +5 -5
  385. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-large.scss +1 -3
  386. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-medium.scss +1 -3
  387. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small-centered.scss +3 -1
  388. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small.scss +3 -3
  389. package/tokens/{v0_161 → v0_172}/_md-ref-palette.scss +23 -23
  390. package/tokens/{v0_161 → v0_172}/_md-ref-typeface.scss +1 -1
  391. package/tokens/{v0_161 → v0_172}/_md-sys-color.scss +9 -9
  392. package/tokens/{v0_161 → v0_172}/_md-sys-elevation.scss +1 -1
  393. package/tokens/{v0_161 → v0_172}/_md-sys-motion.scss +1 -1
  394. package/tokens/{v0_161 → v0_172}/_md-sys-shape.scss +1 -1
  395. package/tokens/{v0_161 → v0_172}/_md-sys-state.scss +1 -1
  396. package/tokens/{v0_161 → v0_172}/_md-sys-typescale.scss +1 -1
  397. package/tokens/v0_172/index.test.css.d.ts +1 -0
  398. package/tokens/v0_172/lib.test.css.d.ts +1 -0
  399. package/button/elevated-link-button.d.ts +0 -36
  400. package/button/elevated-link-button.js +0 -41
  401. package/button/elevated-link-button.js.map +0 -1
  402. package/button/filled-link-button.d.ts +0 -34
  403. package/button/filled-link-button.js +0 -39
  404. package/button/filled-link-button.js.map +0 -1
  405. package/button/lib/elevated-link-button.d.ts +0 -13
  406. package/button/lib/elevated-link-button.js +0 -21
  407. package/button/lib/elevated-link-button.js.map +0 -1
  408. package/button/lib/filled-link-button.d.ts +0 -14
  409. package/button/lib/filled-link-button.js +0 -22
  410. package/button/lib/filled-link-button.js.map +0 -1
  411. package/button/lib/link-button.d.ts +0 -24
  412. package/button/lib/link-button.js +0 -59
  413. package/button/lib/link-button.js.map +0 -1
  414. package/button/lib/outlined-link-button.d.ts +0 -12
  415. package/button/lib/outlined-link-button.js +0 -20
  416. package/button/lib/outlined-link-button.js.map +0 -1
  417. package/button/lib/text-link-button.d.ts +0 -10
  418. package/button/lib/text-link-button.js +0 -16
  419. package/button/lib/text-link-button.js.map +0 -1
  420. package/button/lib/tonal-link-button.d.ts +0 -14
  421. package/button/lib/tonal-link-button.js +0 -22
  422. package/button/lib/tonal-link-button.js.map +0 -1
  423. package/button/outlined-link-button.d.ts +0 -36
  424. package/button/outlined-link-button.js +0 -40
  425. package/button/outlined-link-button.js.map +0 -1
  426. package/button/text-link-button.d.ts +0 -34
  427. package/button/text-link-button.js +0 -38
  428. package/button/text-link-button.js.map +0 -1
  429. package/button/tonal-link-button.d.ts +0 -35
  430. package/button/tonal-link-button.js +0 -40
  431. package/button/tonal-link-button.js.map +0 -1
  432. package/elevation/lib/_md-comp-elevation.scss +0 -27
  433. package/focus/lib/_md-comp-focus-ring.scss +0 -30
  434. package/iconbutton/filled-icon-button-toggle.d.ts +0 -31
  435. package/iconbutton/filled-icon-button-toggle.js +0 -40
  436. package/iconbutton/filled-icon-button-toggle.js.map +0 -1
  437. package/iconbutton/filled-link-icon-button.d.ts +0 -31
  438. package/iconbutton/filled-link-icon-button.js +0 -39
  439. package/iconbutton/filled-link-icon-button.js.map +0 -1
  440. package/iconbutton/filled-tonal-icon-button-toggle.d.ts +0 -31
  441. package/iconbutton/filled-tonal-icon-button-toggle.js +0 -40
  442. package/iconbutton/filled-tonal-icon-button-toggle.js.map +0 -1
  443. package/iconbutton/filled-tonal-link-icon-button.d.ts +0 -31
  444. package/iconbutton/filled-tonal-link-icon-button.js +0 -39
  445. package/iconbutton/filled-tonal-link-icon-button.js.map +0 -1
  446. package/iconbutton/lib/icon-button-toggle.d.ts +0 -34
  447. package/iconbutton/lib/icon-button-toggle.js +0 -87
  448. package/iconbutton/lib/icon-button-toggle.js.map +0 -1
  449. package/iconbutton/lib/link-icon-button.d.ts +0 -23
  450. package/iconbutton/lib/link-icon-button.js +0 -58
  451. package/iconbutton/lib/link-icon-button.js.map +0 -1
  452. package/iconbutton/outlined-icon-button-toggle.d.ts +0 -31
  453. package/iconbutton/outlined-icon-button-toggle.js +0 -39
  454. package/iconbutton/outlined-icon-button-toggle.js.map +0 -1
  455. package/iconbutton/outlined-link-icon-button.d.ts +0 -31
  456. package/iconbutton/outlined-link-icon-button.js +0 -39
  457. package/iconbutton/outlined-link-icon-button.js.map +0 -1
  458. package/iconbutton/standard-icon-button-toggle.d.ts +0 -31
  459. package/iconbutton/standard-icon-button-toggle.js +0 -39
  460. package/iconbutton/standard-icon-button-toggle.js.map +0 -1
  461. package/iconbutton/standard-link-icon-button.d.ts +0 -31
  462. package/iconbutton/standard-link-icon-button.js +0 -39
  463. package/iconbutton/standard-link-icon-button.js.map +0 -1
  464. /package/{tokens/v0_161/index.test.css.d.ts → circularprogress/lib/circular-progress-styles.css.d.ts} +0 -0
  465. /package/{tokens/v0_161/lib.test.css.d.ts → list/lib/listitem/forced-colors-styles.css.d.ts} +0 -0
  466. /package/tokens/{v0_161 → v0_172}/_index.scss +0 -0
  467. /package/tokens/{v0_161 → v0_172}/index.test.css.js +0 -0
  468. /package/tokens/{v0_161 → v0_172}/index.test.css.js.map +0 -0
  469. /package/tokens/{v0_161 → v0_172}/index.test.scss +0 -0
  470. /package/tokens/{v0_161 → v0_172}/lib.test.css.js +0 -0
  471. /package/tokens/{v0_161 → v0_172}/lib.test.css.js.map +0 -0
  472. /package/tokens/{v0_161 → v0_172}/lib.test.scss +0 -0
package/tokens/_md-comp-filled-tonal-button.scss CHANGED
@@ -13,38 +13,98 @@
13
13
  @use './md-sys-shape';
14
14
  @use './md-sys-state';
15
15
  @use './md-sys-typescale';
16
- @use './v0_161/md-comp-filled-tonal-button';
16
+ @use './v0_172/md-comp-filled-tonal-button';
17
+ @use './values';
17
18
  // go/keep-sorted end
18
19
 
19
- $_default: (
20
- 'md-sys-color': md-sys-color.values-light(),
21
- 'md-sys-elevation': md-sys-elevation.values(),
22
- 'md-sys-shape': md-sys-shape.values(),
23
- 'md-sys-state': md-sys-state.values(),
24
- 'md-sys-typescale': md-sys-typescale.values(),
20
+ $supported-tokens: (
21
+ // go/keep-sorted start
22
+ 'container-color',
23
+ 'container-elevation',
24
+ 'container-height',
25
+ 'container-shadow-color',
26
+ 'container-shape',
27
+ 'disabled-container-color',
28
+ 'disabled-container-elevation',
29
+ 'disabled-container-opacity',
30
+ 'disabled-label-text-color',
31
+ 'disabled-label-text-opacity',
32
+ 'focus-container-elevation',
33
+ 'focus-label-text-color',
34
+ 'focus-state-layer-color',
35
+ 'focus-state-layer-opacity',
36
+ 'hover-container-elevation',
37
+ 'hover-label-text-color',
38
+ 'hover-state-layer-color',
39
+ 'hover-state-layer-opacity',
40
+ 'label-text-color',
41
+ 'label-text-type',
42
+ 'pressed-container-elevation',
43
+ 'pressed-label-text-color',
44
+ 'pressed-state-layer-color',
45
+ 'pressed-state-layer-opacity',
46
+ 'spacing-leading',
47
+ 'spacing-trailing',
48
+ 'with-icon-disabled-icon-color',
49
+ 'with-icon-disabled-icon-opacity',
50
+ 'with-icon-focus-icon-color',
51
+ 'with-icon-hover-icon-color',
52
+ 'with-icon-icon-color',
53
+ 'with-icon-icon-size',
54
+ 'with-icon-pressed-icon-color',
55
+ 'with-icon-spacing-leading',
56
+ 'with-icon-spacing-trailing',
57
+ 'with-trailing-icon-spacing-leading',
58
+ 'with-trailing-icon-spacing-trailing',
59
+ // go/keep-sorted end
25
60
  );
26
61
 
27
- $_unsupported-tokens: (
62
+ $unsupported-tokens: (
63
+ // go/keep-sorted start
28
64
  'label-text-font',
29
65
  'label-text-line-height',
30
66
  'label-text-size',
31
67
  'label-text-tracking',
32
- 'label-text-weight'
68
+ 'label-text-weight',
69
+ // go/keep-sorted end
70
+ );
71
+
72
+ $_default: (
73
+ 'md-sys-color': md-sys-color.values-light(),
74
+ 'md-sys-elevation': md-sys-elevation.values(),
75
+ 'md-sys-shape': md-sys-shape.values(),
76
+ 'md-sys-state': md-sys-state.values(),
77
+ 'md-sys-typescale': md-sys-typescale.values(),
33
78
  );
34
79
 
35
80
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
36
- $tokens: md-comp-filled-tonal-button.values($deps, $exclude-hardcoded-values);
37
- @if not $exclude-hardcoded-values {
38
- // TODO(b/198759625): Remove once spacing tokens are formally added
39
- $tokens: map.set($tokens, 'spacing-leading', 24px);
40
- $tokens: map.set($tokens, 'spacing-trailing', 24px);
41
- $tokens: map.set($tokens, 'with-icon-spacing-leading', 16px);
42
- $tokens: map.set($tokens, 'with-icon-spacing-trailing', 24px);
43
- $tokens: map.set($tokens, 'with-trailing-icon-spacing-leading', 24px);
44
- $tokens: map.set($tokens, 'with-trailing-icon-spacing-trailing', 16px);
45
- }
81
+ $tokens: values.validate(
82
+ md-comp-filled-tonal-button.values($deps, $exclude-hardcoded-values),
83
+ $supported-tokens: $supported-tokens,
84
+ $unsupported-tokens: $unsupported-tokens,
85
+ $new-tokens: (
86
+ // TODO(b/198759625): Remove once spacing tokens are formally added
87
+ // go/keep-sorted start
88
+ 'spacing-leading': if($exclude-hardcoded-values, null, 24px),
89
+ 'spacing-trailing': if($exclude-hardcoded-values, null, 24px),
90
+ 'with-icon-spacing-leading': if($exclude-hardcoded-values, null, 16px),
91
+ 'with-icon-spacing-trailing': if($exclude-hardcoded-values, null, 24px),
92
+ 'with-trailing-icon-spacing-leading':
93
+ if($exclude-hardcoded-values, null, 24px),
94
+ 'with-trailing-icon-spacing-trailing':
95
+ if($exclude-hardcoded-values, null, 16px),
96
+ // go/keep-sorted end
97
+ )
98
+ );
99
+
100
+ // TODO(b/271876162): remove when tokens compiler emits typescale tokens
101
+ $tokens: map.merge(
102
+ $tokens,
103
+ (
104
+ 'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
105
+ )
106
+ );
46
107
 
47
- $tokens: map.remove($tokens, $_unsupported-tokens...);
48
108
  @each $token, $value in $tokens {
49
109
  // TODO: change to filled-tonal-button
50
110
  $tokens: map.set(
package/tokens/_md-comp-filled-tonal-icon-button.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  @use './md-sys-color';
8
8
  @use './md-sys-shape';
9
9
  @use './md-sys-state';
10
- @use './v0_161/md-comp-filled-tonal-icon-button';
10
+ @use './v0_172/md-comp-filled-tonal-icon-button';
11
11
  // go/keep-sorted end
12
12
 
13
13
  $_default: (
package/tokens/_md-comp-filter-chip.scss CHANGED
@@ -7,32 +7,222 @@
7
7
  @use 'sass:map';
8
8
  // go/keep-sorted end
9
9
  // go/keep-sorted start
10
+ @use '../sass/shape';
10
11
  @use './md-sys-color';
11
12
  @use './md-sys-elevation';
12
13
  @use './md-sys-shape';
13
14
  @use './md-sys-state';
14
15
  @use './md-sys-typescale';
15
- @use './v0_161/md-comp-filter-chip';
16
+ @use './v0_172/md-comp-filter-chip';
17
+ @use './values';
16
18
  // go/keep-sorted end
17
19
 
18
- $_default: (
19
- 'md-sys-color': md-sys-color.values-light(),
20
- 'md-sys-elevation': md-sys-elevation.values(),
21
- 'md-sys-shape': md-sys-shape.values(),
22
- 'md-sys-state': md-sys-state.values(),
23
- 'md-sys-typescale': md-sys-typescale.values(),
20
+ $supported-tokens: (
21
+ // go/keep-sorted start
22
+ 'container-height',
23
+ 'container-shape',
24
+ 'container-surface-tint-layer-color',
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
+ 'elevated-container-color',
32
+ 'elevated-container-elevation',
33
+ 'elevated-container-shadow-color',
34
+ 'elevated-disabled-container-color',
35
+ 'elevated-disabled-container-elevation',
36
+ 'elevated-disabled-container-opacity',
37
+ 'elevated-focus-container-elevation',
38
+ 'elevated-hover-container-elevation',
39
+ 'elevated-pressed-container-elevation',
40
+ 'elevated-selected-container-color',
41
+ 'flat-disabled-outline-color',
42
+ 'flat-disabled-outline-opacity',
43
+ 'flat-disabled-selected-container-color',
44
+ 'flat-disabled-selected-container-opacity',
45
+ 'flat-focus-outline-color',
46
+ 'flat-outline-color',
47
+ 'flat-outline-width',
48
+ 'flat-selected-container-color',
49
+ 'flat-selected-outline-width',
50
+ 'focus-label-text-color',
51
+ 'focus-leading-icon-color',
52
+ 'focus-state-layer-color',
53
+ 'focus-state-layer-opacity',
54
+ 'focus-trailing-icon-color',
55
+ 'hover-label-text-color',
56
+ 'hover-leading-icon-color',
57
+ 'hover-state-layer-color',
58
+ 'hover-state-layer-opacity',
59
+ 'hover-trailing-icon-color',
60
+ 'icon-size',
61
+ 'label-text-color',
62
+ 'label-text-type',
63
+ 'leading-icon-color',
64
+ 'pressed-label-text-color',
65
+ 'pressed-leading-icon-color',
66
+ 'pressed-state-layer-color',
67
+ 'pressed-state-layer-opacity',
68
+ 'pressed-trailing-icon-color',
69
+ 'selected-focus-label-text-color',
70
+ 'selected-focus-leading-icon-color',
71
+ 'selected-focus-state-layer-color',
72
+ 'selected-focus-state-layer-opacity',
73
+ 'selected-focus-trailing-icon-color',
74
+ 'selected-hover-label-text-color',
75
+ 'selected-hover-leading-icon-color',
76
+ 'selected-hover-state-layer-color',
77
+ 'selected-hover-state-layer-opacity',
78
+ 'selected-hover-trailing-icon-color',
79
+ 'selected-label-text-color',
80
+ 'selected-leading-icon-color',
81
+ 'selected-pressed-label-text-color',
82
+ 'selected-pressed-leading-icon-color',
83
+ 'selected-pressed-state-layer-color',
84
+ 'selected-pressed-state-layer-opacity',
85
+ 'selected-pressed-trailing-icon-color',
86
+ 'selected-trailing-icon-color',
87
+ 'trailing-icon-color',
88
+ // go/keep-sorted end
24
89
  );
25
90
 
26
- $_unsupported-tokens: (
91
+ $unsupported-tokens: (
92
+ // go/keep-sorted start
93
+ 'dragged-container-elevation',
94
+ 'dragged-label-text-color',
95
+ 'dragged-leading-icon-color',
96
+ 'dragged-state-layer-color',
97
+ 'dragged-state-layer-opacity',
98
+ 'dragged-trailing-icon-color',
99
+ 'flat-container-elevation',
100
+ 'flat-focus-container-elevation',
101
+ 'flat-hover-container-elevation',
102
+ 'flat-pressed-container-elevation',
103
+ 'flat-selected-focus-container-elevation',
104
+ 'flat-selected-hover-container-elevation',
105
+ 'flat-selected-pressed-container-elevation',
27
106
  'label-text-font',
28
107
  'label-text-line-height',
29
108
  'label-text-size',
30
109
  'label-text-tracking',
31
- 'label-text-weight'
110
+ 'label-text-weight',
111
+ 'selected-dragged-label-text-color',
112
+ 'selected-dragged-leading-icon-color',
113
+ 'selected-dragged-state-layer-color',
114
+ 'selected-dragged-state-layer-opacity',
115
+ 'selected-dragged-trailing-icon-color',
116
+ // go/keep-sorted end
117
+ );
118
+
119
+ $renamed-tokens: (
120
+ // Remove "unselected-*" prefix (b/275577569)
121
+ 'elevated-unselected-container-color': 'elevated-container-color',
122
+ 'flat-disabled-unselected-outline-color': 'flat-disabled-outline-color',
123
+ 'flat-disabled-unselected-outline-opacity': 'flat-disabled-outline-opacity',
124
+ 'flat-unselected-focus-container-elevation': 'flat-focus-container-elevation',
125
+ 'flat-unselected-focus-outline-color': 'flat-focus-outline-color',
126
+ 'flat-unselected-hover-container-elevation': 'flat-hover-container-elevation',
127
+ 'flat-unselected-outline-color': 'flat-outline-color',
128
+ 'flat-unselected-outline-width': 'flat-outline-width',
129
+ 'flat-unselected-pressed-container-elevation':
130
+ 'flat-pressed-container-elevation',
131
+ 'unselected-dragged-label-text-color': 'dragged-label-text-color',
132
+ 'unselected-dragged-state-layer-color': 'dragged-state-layer-color',
133
+ 'unselected-dragged-state-layer-opacity': 'dragged-state-layer-opacity',
134
+ 'unselected-focus-label-text-color': 'focus-label-text-color',
135
+ 'unselected-focus-state-layer-color': 'focus-state-layer-color',
136
+ 'unselected-focus-state-layer-opacity': 'focus-state-layer-opacity',
137
+ 'unselected-hover-label-text-color': 'hover-label-text-color',
138
+ 'unselected-hover-state-layer-color': 'hover-state-layer-color',
139
+ 'unselected-hover-state-layer-opacity': 'hover-state-layer-opacity',
140
+ 'unselected-label-text-color': 'label-text-color',
141
+ 'unselected-pressed-label-text-color': 'pressed-label-text-color',
142
+ 'unselected-pressed-state-layer-color': 'pressed-state-layer-color',
143
+ 'unselected-pressed-state-layer-opacity': 'pressed-state-layer-opacity',
144
+ // Remove "with-icon-*" prefix (b/273534858)
145
+ 'with-icon-icon-size': 'icon-size',
146
+ // Remove "with-leading-icon-*" prefix (b/273534858)
147
+ 'with-leading-icon-disabled-leading-icon-color': 'disabled-leading-icon-color',
148
+ 'with-leading-icon-disabled-leading-icon-opacity':
149
+ 'disabled-leading-icon-opacity',
150
+ 'with-leading-icon-selected-dragged-leading-icon-color':
151
+ 'selected-dragged-leading-icon-color',
152
+ 'with-leading-icon-selected-focus-leading-icon-color':
153
+ 'selected-focus-leading-icon-color',
154
+ 'with-leading-icon-selected-hover-leading-icon-color':
155
+ 'selected-hover-leading-icon-color',
156
+ 'with-leading-icon-selected-leading-icon-color': 'selected-leading-icon-color',
157
+ 'with-leading-icon-selected-pressed-leading-icon-color':
158
+ 'selected-pressed-leading-icon-color',
159
+ 'with-leading-icon-unselected-dragged-leading-icon-color':
160
+ 'dragged-leading-icon-color',
161
+ 'with-leading-icon-unselected-focus-leading-icon-color':
162
+ 'focus-leading-icon-color',
163
+ 'with-leading-icon-unselected-hover-leading-icon-color':
164
+ 'hover-leading-icon-color',
165
+ 'with-leading-icon-unselected-leading-icon-color': 'leading-icon-color',
166
+ 'with-leading-icon-unselected-pressed-leading-icon-color':
167
+ 'pressed-leading-icon-color',
168
+ // Remove "with-trailing-icon-*" prefix (b/273534858)
169
+ 'with-trailing-icon-disabled-trailing-icon-color':
170
+ 'disabled-trailing-icon-color',
171
+ 'with-trailing-icon-disabled-trailing-icon-opacity':
172
+ 'disabled-trailing-icon-opacity',
173
+ 'with-trailing-icon-selected-dragged-trailing-icon-color':
174
+ 'selected-dragged-trailing-icon-color',
175
+ 'with-trailing-icon-selected-focus-trailing-icon-color':
176
+ 'selected-focus-trailing-icon-color',
177
+ 'with-trailing-icon-selected-hover-trailing-icon-color':
178
+ 'selected-hover-trailing-icon-color',
179
+ 'with-trailing-icon-selected-pressed-trailing-icon-color':
180
+ 'selected-pressed-trailing-icon-color',
181
+ 'with-trailing-icon-selected-trailing-icon-color':
182
+ 'selected-trailing-icon-color',
183
+ 'with-trailing-icon-unselected-dragged-trailing-icon-color':
184
+ 'dragged-trailing-icon-color',
185
+ 'with-trailing-icon-unselected-focus-trailing-icon-color':
186
+ 'focus-trailing-icon-color',
187
+ 'with-trailing-icon-unselected-hover-trailing-icon-color':
188
+ 'hover-trailing-icon-color',
189
+ 'with-trailing-icon-unselected-pressed-trailing-icon-color':
190
+ 'pressed-trailing-icon-color',
191
+ 'with-trailing-icon-unselected-trailing-icon-color': 'trailing-icon-color'
192
+ );
193
+
194
+ $_default: (
195
+ 'md-sys-color': md-sys-color.values-light(),
196
+ 'md-sys-elevation': md-sys-elevation.values(),
197
+ 'md-sys-shape': md-sys-shape.values(),
198
+ 'md-sys-state': md-sys-state.values(),
199
+ 'md-sys-typescale': md-sys-typescale.values(),
32
200
  );
33
201
 
34
202
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
35
- $tokens: md-comp-filter-chip.values($deps, $exclude-hardcoded-values);
36
- $tokens: map.remove($tokens, $_unsupported-tokens...);
203
+ $tokens: values.validate(
204
+ md-comp-filter-chip.values($deps, $exclude-hardcoded-values),
205
+ $supported-tokens: $supported-tokens,
206
+ $unsupported-tokens: $unsupported-tokens,
207
+ $renamed-tokens: $renamed-tokens
208
+ );
209
+
210
+ // TODO(b/271876162): remove when tokens compiler emits typescale tokens
211
+ $tokens: map.merge(
212
+ $tokens,
213
+ (
214
+ 'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
215
+ )
216
+ );
217
+
218
+ @each $token, $value in $tokens {
219
+ $tokens: map.set(
220
+ $tokens,
221
+ $token,
222
+ var(--md-filter-chip-#{$token}, #{$value})
223
+ );
224
+ }
225
+
226
+ $tokens: shape.resolve-tokens($tokens, 'container-shape');
37
227
  @return $tokens;
38
228
  }
package/tokens/_md-comp-focus-ring.scss ADDED
@@ -0,0 +1,46 @@
1
+ //
2
+ // Copyright 2022 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // go/keep-sorted start
7
+ @use 'sass:map';
8
+ // go/keep-sorted end
9
+ // go/keep-sorted start
10
+ @use './md-sys-color';
11
+ @use './md-sys-motion';
12
+ @use './md-sys-shape';
13
+ // go/keep-sorted end
14
+
15
+ $_default: (
16
+ 'md-sys-color': md-sys-color.values-light(),
17
+ 'md-sys-shape': md-sys-shape.values(),
18
+ 'md-sys-motion': md-sys-motion.values(),
19
+ );
20
+
21
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
22
+ @return (
23
+ shape:
24
+ if(
25
+ $exclude-hardcoded-values,
26
+ null,
27
+ map.get($deps, 'md-sys-shape', 'corner-full')
28
+ ),
29
+ offset: if($exclude-hardcoded-values, null, 2px),
30
+ width: if($exclude-hardcoded-values, null, 3px),
31
+ animation-width: if($exclude-hardcoded-values, null, 8px),
32
+ animation-duration:
33
+ if(
34
+ $exclude-hardcoded-values,
35
+ null,
36
+ map.get($deps, 'md-sys-motion', 'duration-long4')
37
+ ),
38
+ easing:
39
+ if(
40
+ $exclude-hardcoded-values,
41
+ null,
42
+ map.get($deps, 'md-sys-motion', 'easing-emphasized')
43
+ ),
44
+ color: map.get($deps, 'md-sys-color', 'secondary')
45
+ );
46
+ }
package/tokens/_md-comp-full-screen-dialog.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  @use './md-sys-shape';
10
10
  @use './md-sys-state';
11
11
  @use './md-sys-typescale';
12
- @use './v0_161/md-comp-full-screen-dialog';
12
+ @use './v0_172/md-comp-full-screen-dialog';
13
13
  // go/keep-sorted end
14
14
 
15
15
  $_default: (
package/tokens/_md-comp-icon-button.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  @use './md-sys-color';
8
8
  @use './md-sys-shape';
9
9
  @use './md-sys-state';
10
- @use './v0_161/md-comp-icon-button';
10
+ @use './v0_172/md-comp-icon-button';
11
11
  // go/keep-sorted end
12
12
 
13
13
  $_default: (
package/tokens/_md-comp-input-chip.scss CHANGED
@@ -7,14 +7,183 @@
7
7
  @use 'sass:map';
8
8
  // go/keep-sorted end
9
9
  // go/keep-sorted start
10
+ @use '../sass/shape';
10
11
  @use './md-sys-color';
11
12
  @use './md-sys-elevation';
12
13
  @use './md-sys-shape';
13
14
  @use './md-sys-state';
14
15
  @use './md-sys-typescale';
15
- @use './v0_161/md-comp-input-chip';
16
+ @use './v0_172/md-comp-input-chip';
17
+ @use './values';
16
18
  // go/keep-sorted end
17
19
 
20
+ $supported-tokens: (
21
+ // go/keep-sorted start
22
+ 'avatar-shape',
23
+ 'avatar-size',
24
+ 'container-elevation',
25
+ 'container-height',
26
+ 'container-shape',
27
+ 'disabled-avatar-opacity',
28
+ 'disabled-label-text-color',
29
+ 'disabled-label-text-opacity',
30
+ 'disabled-leading-icon-color',
31
+ 'disabled-leading-icon-opacity',
32
+ 'disabled-outline-color',
33
+ 'disabled-outline-opacity',
34
+ 'disabled-selected-container-color',
35
+ 'disabled-selected-container-opacity',
36
+ 'disabled-trailing-icon-color',
37
+ 'disabled-trailing-icon-opacity',
38
+ 'focus-label-text-color',
39
+ 'focus-leading-icon-color',
40
+ 'focus-outline-color',
41
+ 'focus-state-layer-color',
42
+ 'focus-state-layer-opacity',
43
+ 'focus-trailing-icon-color',
44
+ 'hover-label-text-color',
45
+ 'hover-leading-icon-color',
46
+ 'hover-state-layer-color',
47
+ 'hover-state-layer-opacity',
48
+ 'hover-trailing-icon-color',
49
+ 'icon-size',
50
+ 'label-text-color',
51
+ 'label-text-font',
52
+ 'label-text-type',
53
+ 'leading-icon-color',
54
+ 'outline-color',
55
+ 'outline-width',
56
+ 'pressed-label-text-color',
57
+ 'pressed-leading-icon-color',
58
+ 'pressed-state-layer-color',
59
+ 'pressed-state-layer-opacity',
60
+ 'pressed-trailing-icon-color',
61
+ 'selected-container-color',
62
+ 'selected-focus-label-text-color',
63
+ 'selected-focus-leading-icon-color',
64
+ 'selected-focus-state-layer-color',
65
+ 'selected-focus-state-layer-opacity',
66
+ 'selected-focus-trailing-icon-color',
67
+ 'selected-hover-label-text-color',
68
+ 'selected-hover-leading-icon-color',
69
+ 'selected-hover-trailing-icon-color',
70
+ 'selected-label-text-color',
71
+ 'selected-leading-icon-color',
72
+ 'selected-outline-width',
73
+ 'selected-pressed-label-text-color',
74
+ 'selected-pressed-leading-icon-color',
75
+ 'selected-pressed-state-layer-color',
76
+ 'selected-pressed-state-layer-opacity',
77
+ 'selected-pressed-trailing-icon-color',
78
+ 'selected-trailing-icon-color',
79
+ 'trailing-icon-color',
80
+ // go/keep-sorted end
81
+ );
82
+
83
+ $unsupported-tokens: (
84
+ // go/keep-sorted start
85
+ 'dragged-container-elevation',
86
+ 'dragged-label-text-color',
87
+ 'dragged-leading-icon-color',
88
+ 'dragged-state-layer-color',
89
+ 'dragged-state-layer-opacity',
90
+ 'dragged-trailing-icon-color',
91
+ 'label-text-line-height',
92
+ 'label-text-size',
93
+ 'label-text-tracking',
94
+ 'label-text-weight',
95
+ 'selected-dragged-label-text-color',
96
+ 'selected-dragged-leading-icon-color',
97
+ 'selected-dragged-state-layer-color',
98
+ 'selected-dragged-state-layer-opacity',
99
+ 'selected-dragged-trailing-icon-color',
100
+ 'trailing-icon-size',
101
+ // go/keep-sorted end
102
+ );
103
+
104
+ $renamed-tokens: (
105
+ // Remove "unselected-*" prefix (b/275577569)
106
+ 'unselected-dragged-label-text-color': 'dragged-label-text-color',
107
+ 'unselected-dragged-leading-icon-color': 'dragged-leading-icon-color',
108
+ 'unselected-dragged-state-layer-color': 'dragged-state-layer-color',
109
+ 'unselected-dragged-state-layer-opacity': 'dragged-state-layer-opacity',
110
+ 'unselected-dragged-trailing-icon-color': 'dragged-trailing-icon-color',
111
+ 'unselected-focus-label-text-color': 'focus-label-text-color',
112
+ 'unselected-focus-leading-icon-color': 'focus-leading-icon-color',
113
+ 'unselected-focus-outline-color': 'focus-outline-color',
114
+ 'unselected-focus-state-layer-color': 'focus-state-layer-color',
115
+ 'unselected-focus-state-layer-opacity': 'focus-state-layer-opacity',
116
+ 'unselected-focus-trailing-icon-color': 'focus-trailing-icon-color',
117
+ 'unselected-hover-label-text-color': 'hover-label-text-color',
118
+ 'unselected-hover-leading-icon-color': 'hover-leading-icon-color',
119
+ 'unselected-hover-state-layer-color': 'hover-state-layer-color',
120
+ 'unselected-hover-state-layer-opacity': 'hover-state-layer-opacity',
121
+ 'unselected-hover-trailing-icon-color': 'hover-trailing-icon-color',
122
+ 'unselected-label-text-color': 'label-text-color',
123
+ 'unselected-leading-icon-color': 'leading-icon-color',
124
+ 'unselected-outline-color': 'outline-color',
125
+ 'unselected-outline-width': 'outline-width',
126
+ 'unselected-pressed-label-text-color': 'pressed-label-text-color',
127
+ 'unselected-pressed-leading-icon-color': 'pressed-leading-icon-color',
128
+ 'unselected-pressed-state-layer-color': 'pressed-state-layer-color',
129
+ 'unselected-pressed-state-layer-opacity': 'pressed-state-layer-opacity',
130
+ 'unselected-pressed-trailing-icon-color': 'pressed-trailing-icon-color',
131
+ // Remove "with-avatar-*" prefix (b/273534858)
132
+ 'with-avatar-avatar-shape': 'avatar-shape',
133
+ 'with-avatar-avatar-size': 'avatar-size',
134
+ 'with-avatar-disabled-avatar-opacity': 'disabled-avatar-opacity',
135
+ // Remove "with-leading-icon-*" prefix (b/273534858) and rename to icon-size
136
+ // to match assist, suggestion, and filter chips
137
+ 'with-leading-icon-leading-icon-size': 'icon-size',
138
+ // Remove "with-leading-icon-*" prefix (b/273534858)
139
+ 'with-leading-icon-disabled-leading-icon-color': 'disabled-leading-icon-color',
140
+ 'with-leading-icon-disabled-leading-icon-opacity':
141
+ 'disabled-leading-icon-opacity',
142
+ 'with-leading-icon-selected-dragged-leading-icon-color':
143
+ 'selected-dragged-leading-icon-color',
144
+ 'with-leading-icon-selected-focus-leading-icon-color':
145
+ 'selected-focus-leading-icon-color',
146
+ 'with-leading-icon-selected-hover-leading-icon-color':
147
+ 'selected-hover-leading-icon-color',
148
+ 'with-leading-icon-selected-leading-icon-color': 'selected-leading-icon-color',
149
+ 'with-leading-icon-selected-pressed-leading-icon-color':
150
+ 'selected-pressed-leading-icon-color',
151
+ 'with-leading-icon-unselected-dragged-leading-icon-color':
152
+ 'dragged-leading-icon-color',
153
+ 'with-leading-icon-unselected-focus-leading-icon-color':
154
+ 'focus-leading-icon-color',
155
+ 'with-leading-icon-unselected-hover-leading-icon-color':
156
+ 'hover-leading-icon-color',
157
+ 'with-leading-icon-unselected-leading-icon-color': 'leading-icon-color',
158
+ 'with-leading-icon-unselected-pressed-leading-icon-color':
159
+ 'pressed-leading-icon-color',
160
+ // Remove "with-trailing-icon-*" prefix (b/273534858)
161
+ 'with-trailing-icon-disabled-trailing-icon-color':
162
+ 'disabled-trailing-icon-color',
163
+ 'with-trailing-icon-disabled-trailing-icon-opacity':
164
+ 'disabled-trailing-icon-opacity',
165
+ 'with-trailing-icon-selected-dragged-trailing-icon-color':
166
+ 'selected-dragged-trailing-icon-color',
167
+ 'with-trailing-icon-selected-focus-trailing-icon-color':
168
+ 'selected-focus-trailing-icon-color',
169
+ 'with-trailing-icon-selected-hover-trailing-icon-color':
170
+ 'selected-hover-trailing-icon-color',
171
+ 'with-trailing-icon-selected-pressed-trailing-icon-color':
172
+ 'selected-pressed-trailing-icon-color',
173
+ 'with-trailing-icon-selected-trailing-icon-color':
174
+ 'selected-trailing-icon-color',
175
+ 'with-trailing-icon-trailing-icon-size': 'trailing-icon-size',
176
+ 'with-trailing-icon-unselected-dragged-trailing-icon-color':
177
+ 'dragged-trailing-icon-color',
178
+ 'with-trailing-icon-unselected-focus-trailing-icon-color':
179
+ 'focus-trailing-icon-color',
180
+ 'with-trailing-icon-unselected-hover-trailing-icon-color':
181
+ 'hover-trailing-icon-color',
182
+ 'with-trailing-icon-unselected-pressed-trailing-icon-color':
183
+ 'pressed-trailing-icon-color',
184
+ 'with-trailing-icon-unselected-trailing-icon-color': 'trailing-icon-color'
185
+ );
186
+
18
187
  $_default: (
19
188
  'md-sys-color': md-sys-color.values-light(),
20
189
  'md-sys-elevation': md-sys-elevation.values(),
@@ -23,16 +192,30 @@ $_default: (
23
192
  'md-sys-typescale': md-sys-typescale.values(),
24
193
  );
25
194
 
26
- $_unsupported-tokens: (
27
- 'label-text-font',
28
- 'label-text-line-height',
29
- 'label-text-size',
30
- 'label-text-tracking',
31
- 'label-text-weight'
32
- );
33
-
34
195
  @function values($deps: $_default, $exclude-hardcoded-values: false) {
35
- $tokens: md-comp-input-chip.values($deps, $exclude-hardcoded-values);
36
- $tokens: map.remove($tokens, $_unsupported-tokens...);
196
+ $tokens: values.validate(
197
+ md-comp-input-chip.values($deps, $exclude-hardcoded-values),
198
+ $supported-tokens: $supported-tokens,
199
+ $unsupported-tokens: $unsupported-tokens,
200
+ $renamed-tokens: $renamed-tokens
201
+ );
202
+
203
+ // TODO(b/271876162): remove when tokens compiler emits typescale tokens
204
+ $tokens: map.merge(
205
+ $tokens,
206
+ (
207
+ 'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
208
+ )
209
+ );
210
+
211
+ @each $token, $value in $tokens {
212
+ $tokens: map.set(
213
+ $tokens,
214
+ $token,
215
+ var(--md-input-chip-#{$token}, #{$value})
216
+ );
217
+ }
218
+
219
+ $tokens: shape.resolve-tokens($tokens, 'container-shape');
37
220
  @return $tokens;
38
221
  }
package/tokens/_md-comp-linear-progress-indicator.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  // go/keep-sorted start
7
7
  @use './md-sys-color';
8
8
  @use './md-sys-shape';
9
- @use './v0_161/md-comp-linear-progress-indicator';
9
+ @use './v0_172/md-comp-linear-progress-indicator';
10
10
  // go/keep-sorted end
11
11
 
12
12
  $_default: (