@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-tab.scss DELETED
@@ -1,285 +0,0 @@
1
- //
2
- // Copyright 2023 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-comp-divider';
11
- @use './md-sys-color';
12
- @use './md-sys-elevation';
13
- @use './md-sys-shape';
14
- @use './md-sys-state';
15
- @use './md-sys-typescale';
16
- @use './v0_172/md-comp-primary-navigation-tab';
17
- @use './v0_172/md-comp-secondary-navigation-tab';
18
- @use './values';
19
- // go/keep-sorted end
20
-
21
- $_default: (
22
- 'md-sys-color': md-sys-color.values-light(),
23
- 'md-sys-elevation': md-sys-elevation.values(),
24
- 'md-sys-shape': md-sys-shape.values(),
25
- 'md-sys-state': md-sys-state.values(),
26
- 'md-sys-typescale': md-sys-typescale.values(),
27
- );
28
-
29
- $supported-tokens: (
30
- // go/keep-sorted start
31
- 'primary-tab-active-focus-icon-color',
32
- 'primary-tab-active-focus-label-text-color',
33
- 'primary-tab-active-hover-icon-color',
34
- 'primary-tab-active-hover-label-text-color',
35
- 'primary-tab-active-hover-state-layer-color',
36
- 'primary-tab-active-hover-state-layer-opacity',
37
- 'primary-tab-active-icon-color',
38
- 'primary-tab-active-indicator-color',
39
- 'primary-tab-active-indicator-height',
40
- 'primary-tab-active-indicator-shape',
41
- 'primary-tab-active-label-text-color',
42
- 'primary-tab-active-pressed-icon-color',
43
- 'primary-tab-active-pressed-label-text-color',
44
- 'primary-tab-active-pressed-state-layer-color',
45
- 'primary-tab-active-pressed-state-layer-opacity',
46
- 'primary-tab-container-color',
47
- 'primary-tab-container-elevation',
48
- 'primary-tab-container-height',
49
- 'primary-tab-container-shape',
50
- 'primary-tab-divider-color',
51
- 'primary-tab-divider-thickness',
52
- 'primary-tab-focus-icon-color',
53
- 'primary-tab-focus-label-text-color',
54
- 'primary-tab-hover-icon-color',
55
- 'primary-tab-hover-label-text-color',
56
- 'primary-tab-hover-state-layer-color',
57
- 'primary-tab-hover-state-layer-opacity',
58
- 'primary-tab-icon-color',
59
- 'primary-tab-icon-size',
60
- 'primary-tab-label-text-color',
61
- 'primary-tab-label-text-type',
62
- 'primary-tab-pressed-icon-color',
63
- 'primary-tab-pressed-label-text-color',
64
- 'primary-tab-pressed-state-layer-color',
65
- 'primary-tab-pressed-state-layer-opacity',
66
- 'secondary-tab-active-focus-icon-color',
67
- 'secondary-tab-active-focus-label-text-color',
68
- 'secondary-tab-active-hover-icon-color',
69
- 'secondary-tab-active-hover-label-text-color',
70
- 'secondary-tab-active-hover-state-layer-color',
71
- 'secondary-tab-active-hover-state-layer-opacity',
72
- 'secondary-tab-active-icon-color',
73
- 'secondary-tab-active-indicator-color',
74
- 'secondary-tab-active-indicator-height',
75
- 'secondary-tab-active-indicator-shape',
76
- 'secondary-tab-active-label-text-color',
77
- 'secondary-tab-active-pressed-icon-color',
78
- 'secondary-tab-active-pressed-label-text-color',
79
- 'secondary-tab-active-pressed-state-layer-color',
80
- 'secondary-tab-active-pressed-state-layer-opacity',
81
- 'secondary-tab-container-color',
82
- 'secondary-tab-container-elevation',
83
- 'secondary-tab-container-height',
84
- 'secondary-tab-container-shape',
85
- 'secondary-tab-divider-color',
86
- 'secondary-tab-divider-thickness',
87
- 'secondary-tab-focus-icon-color',
88
- 'secondary-tab-focus-label-text-color',
89
- 'secondary-tab-hover-icon-color',
90
- 'secondary-tab-hover-label-text-color',
91
- 'secondary-tab-hover-state-layer-color',
92
- 'secondary-tab-hover-state-layer-opacity',
93
- 'secondary-tab-icon-color',
94
- 'secondary-tab-icon-size',
95
- 'secondary-tab-label-text-color',
96
- 'secondary-tab-label-text-type',
97
- 'secondary-tab-pressed-icon-color',
98
- 'secondary-tab-pressed-label-text-color',
99
- 'secondary-tab-pressed-state-layer-color',
100
- 'secondary-tab-pressed-state-layer-opacity',
101
- // go/keep-sorted end
102
- );
103
-
104
- $unsupported-tokens: (
105
- // include an icon and the size will adjust;
106
- // height is 48 and it's 64 with icon
107
- 'primary-tab-with-icon-and-label-text-container-height',
108
- 'primary-tab-with-label-text-label-text-font',
109
- 'primary-tab-with-label-text-label-text-line-height',
110
- 'primary-tab-with-label-text-label-text-size',
111
- 'primary-tab-with-label-text-label-text-tracking',
112
- 'primary-tab-with-label-text-label-text-weight',
113
- 'secondary-tab-container-shadow-color',
114
- 'secondary-tab-label-text-font',
115
- 'secondary-tab-label-text-line-height',
116
- 'secondary-tab-label-text-size',
117
- 'secondary-tab-label-text-tracking',
118
- 'secondary-tab-label-text-weight',
119
- 'primary-tab-active-focus-state-layer-color',
120
- 'primary-tab-active-focus-state-layer-opacity',
121
- 'primary-tab-focus-state-layer-color',
122
- 'primary-tab-focus-state-layer-opacity',
123
- 'secondary-tab-focus-state-layer-color',
124
- 'secondary-tab-focus-state-layer-opacity'
125
- );
126
-
127
- // Note, this combines the raw primary and secondary tab variant tokens
128
- // into a single set prefixed with `primary-tab` or `secondary-tab`.
129
- // Tokens are normalized between the variants, added or removed and renamed
130
- // as needed.
131
- @function values($deps: $_default, $exclude-hardcoded-values: false) {
132
- // prepare token values by normalizing and combinding primary/secondary
133
- // generated tokens *before* fixing up names and limiting to supported tokens.
134
- // 1. for primary
135
- // a. add divider/text tokens
136
- // b. prefix with `primary-tab`
137
- // 2. for secondary
138
- // a. add divider/text tokens
139
- // b. add missing secondary tokens to match primary
140
- // c. prefix with `secondary-tab`
141
-
142
- $primary-tokens: md-comp-primary-navigation-tab.values(
143
- $deps,
144
- $exclude-hardcoded-values
145
- );
146
- $primary-tokens: _add-missing-tokens($primary-tokens, $deps);
147
- $primary-tokens: _prefix-tokens($primary-tokens, 'primary-tab');
148
- $secondary-tokens: md-comp-secondary-navigation-tab.values(
149
- $deps,
150
- $exclude-hardcoded-values
151
- );
152
- $secondary-tokens: _add-missing-tokens($secondary-tokens, $deps);
153
- $secondary-tokens: _add-missing-secondary-tokens($secondary-tokens);
154
- $secondary-tokens: _prefix-tokens($secondary-tokens, 'secondary-tab');
155
-
156
- $base-tokens: map.merge($primary-tokens, $secondary-tokens);
157
-
158
- // now refine the normalized generated tokens to only renamed/supported tokens.
159
- $tokens: values.validate(
160
- $base-tokens,
161
- $supported-tokens: $supported-tokens,
162
- $unsupported-tokens: $unsupported-tokens,
163
- $renamed-tokens: (
164
- // rename primary inactive-
165
- 'primary-tab-inactive-focus-state-layer-color':
166
- 'primary-tab-focus-state-layer-color',
167
- 'primary-tab-inactive-focus-state-layer-opacity':
168
- 'primary-tab-focus-state-layer-opacity',
169
- 'primary-tab-inactive-hover-state-layer-color':
170
- 'primary-tab-hover-state-layer-color',
171
- 'primary-tab-inactive-hover-state-layer-opacity':
172
- 'primary-tab-hover-state-layer-opacity',
173
- 'primary-tab-inactive-pressed-state-layer-color':
174
- 'primary-tab-pressed-state-layer-color',
175
- 'primary-tab-inactive-pressed-state-layer-opacity':
176
- 'primary-tab-pressed-state-layer-opacity',
177
- // rename primary with-icon- and inactive-
178
- 'primary-tab-with-icon-active-focus-icon-color':
179
- 'primary-tab-active-focus-icon-color',
180
- 'primary-tab-with-icon-active-hover-icon-color':
181
- 'primary-tab-active-hover-icon-color',
182
- 'primary-tab-with-icon-active-icon-color': 'primary-tab-active-icon-color',
183
- 'primary-tab-with-icon-active-pressed-icon-color':
184
- 'primary-tab-active-pressed-icon-color',
185
- 'primary-tab-with-icon-icon-size': 'primary-tab-icon-size',
186
- 'primary-tab-with-icon-inactive-focus-icon-color':
187
- 'primary-tab-focus-icon-color',
188
- 'primary-tab-with-icon-inactive-hover-icon-color':
189
- 'primary-tab-hover-icon-color',
190
- 'primary-tab-with-icon-inactive-icon-color': 'primary-tab-icon-color',
191
- 'primary-tab-with-icon-inactive-pressed-icon-color':
192
- 'primary-tab-pressed-icon-color',
193
- // rename primary with-label-text- and inactive-
194
- 'primary-tab-with-label-text-active-focus-label-text-color':
195
- 'primary-tab-active-focus-label-text-color',
196
- 'primary-tab-with-label-text-active-hover-label-text-color':
197
- 'primary-tab-active-hover-label-text-color',
198
- 'primary-tab-with-label-text-active-label-text-color':
199
- 'primary-tab-active-label-text-color',
200
- 'primary-tab-with-label-text-active-pressed-label-text-color':
201
- 'primary-tab-active-pressed-label-text-color',
202
- 'primary-tab-with-label-text-inactive-focus-label-text-color':
203
- 'primary-tab-focus-label-text-color',
204
- 'primary-tab-with-label-text-inactive-hover-label-text-color':
205
- 'primary-tab-hover-label-text-color',
206
- 'primary-tab-with-label-text-inactive-label-text-color':
207
- 'primary-tab-label-text-color',
208
- 'primary-tab-with-label-text-inactive-pressed-label-text-color':
209
- 'primary-tab-pressed-label-text-color',
210
- 'primary-tab-with-label-text-label-text-type':
211
- 'primary-tab-label-text-type',
212
- // rename secondary with-icon- and inactive-
213
- 'secondary-tab-inactive-label-text-color':
214
- 'secondary-tab-label-text-color',
215
- 'secondary-tab-with-icon-active-icon-color':
216
- 'secondary-tab-active-icon-color',
217
- 'secondary-tab-with-icon-focus-icon-color':
218
- 'secondary-tab-focus-icon-color',
219
- 'secondary-tab-with-icon-hover-icon-color':
220
- 'secondary-tab-hover-icon-color',
221
- 'secondary-tab-with-icon-icon-size': 'secondary-tab-icon-size',
222
- 'secondary-tab-with-icon-inactive-icon-color': 'secondary-tab-icon-color',
223
- 'secondary-tab-with-icon-pressed-icon-color':
224
- 'secondary-tab-pressed-icon-color'
225
- )
226
- );
227
-
228
- @return $tokens;
229
- }
230
-
231
- @function _prefix-tokens($tokens, $prefix: '') {
232
- @each $key, $value in $tokens {
233
- $tokens: map.remove($tokens, $key);
234
- $key: '#{$prefix}-#{$key}';
235
- $tokens: map.set($tokens, $key, $value);
236
- }
237
- @return $tokens;
238
- }
239
-
240
- // add tokens for divider / label-text
241
- @function _add-missing-tokens($tokens, $deps) {
242
- $divider-tokens: md-comp-divider.values();
243
- @each $key, $value in $divider-tokens {
244
- $key: 'divider-#{$key}';
245
- $tokens: map.set($tokens, $key, $value);
246
- }
247
-
248
- // TODO(b/271876162): remove when tokens compiler emits typescale tokens
249
- $tokens: map.merge(
250
- $tokens,
251
- (
252
- 'label-text-type': map.get($deps, 'md-sys-typescale', 'title-small'),
253
- )
254
- );
255
- @return $tokens;
256
- }
257
-
258
- // add missing secondary tokens to match primary variant.
259
- @function _add-missing-secondary-tokens($tokens) {
260
- $tokens: map.merge(
261
- $tokens,
262
- (
263
- 'active-focus-icon-color': map.get($tokens, 'icon-color'),
264
- 'active-focus-label-text-color':
265
- map.get($tokens, 'active-label-text-color'),
266
- 'active-hover-icon-color': map.get($tokens, 'icon-color'),
267
- 'active-hover-label-text-color':
268
- map.get($tokens, 'active-label-text-color'),
269
- 'active-hover-state-layer-color':
270
- map.get($tokens, 'hover-state-layer-color'),
271
- 'active-hover-state-layer-opacity':
272
- map.get($tokens, 'hover-state-layer-opacity'),
273
- 'active-icon-color': map.get($tokens, 'icon-color'),
274
- 'active-indicator-shape': 0,
275
- 'active-pressed-icon-color': map.get($tokens, 'icon-color'),
276
- 'active-pressed-label-text-color':
277
- map.get($tokens, 'active-label-text-color'),
278
- 'active-pressed-state-layer-color':
279
- map.get($tokens, 'pressed-state-layer-color'),
280
- 'active-pressed-state-layer-opacity':
281
- map.get($tokens, 'pressed-state-layer-opacity'),
282
- )
283
- );
284
- @return $tokens;
285
- }