@material/web 1.0.0-pre.8 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1624) hide show
  1. package/README.md +14 -75
  2. package/all.d.ts +95 -0
  3. package/all.js +104 -0
  4. package/all.js.map +1 -0
  5. package/button/_elevated-button.scss +1 -1
  6. package/button/_filled-button.scss +1 -1
  7. package/button/_filled-tonal-button.scss +6 -0
  8. package/button/_outlined-button.scss +1 -1
  9. package/button/_text-button.scss +1 -1
  10. package/button/elevated-button.d.ts +1 -1
  11. package/button/elevated-button.js +5 -6
  12. package/button/elevated-button.js.map +1 -1
  13. package/button/filled-button.d.ts +1 -1
  14. package/button/filled-button.js +5 -6
  15. package/button/filled-button.js.map +1 -1
  16. package/button/filled-tonal-button.d.ts +35 -0
  17. package/button/filled-tonal-button.js +39 -0
  18. package/button/filled-tonal-button.js.map +1 -0
  19. package/button/harness.d.ts +1 -1
  20. package/button/harness.js +1 -1
  21. package/button/harness.js.map +1 -1
  22. package/button/internal/_elevated-button.scss +62 -0
  23. package/button/internal/_elevation.scss +69 -0
  24. package/button/internal/_filled-button.scss +61 -0
  25. package/button/internal/_filled-tonal-button.scss +61 -0
  26. package/button/internal/_icon.scss +39 -0
  27. package/button/internal/_outlined-button.scss +110 -0
  28. package/button/internal/_shared.scss +169 -0
  29. package/button/internal/_text-button.scss +65 -0
  30. package/button/internal/_touch-target.scss +19 -0
  31. package/button/internal/button.d.ts +68 -0
  32. package/button/internal/button.js +159 -0
  33. package/button/internal/button.js.map +1 -0
  34. package/button/internal/elevated-button.d.ts +13 -0
  35. package/button/internal/elevated-button.js +17 -0
  36. package/button/internal/elevated-button.js.map +1 -0
  37. package/button/internal/elevated-styles.css.js +9 -0
  38. package/button/internal/elevated-styles.css.js.map +1 -0
  39. package/button/internal/filled-button.d.ts +13 -0
  40. package/button/internal/filled-button.js +17 -0
  41. package/button/internal/filled-button.js.map +1 -0
  42. package/button/internal/filled-styles.css.js +9 -0
  43. package/button/internal/filled-styles.css.js.map +1 -0
  44. package/button/internal/filled-tonal-button.d.ts +13 -0
  45. package/button/internal/filled-tonal-button.js +17 -0
  46. package/button/internal/filled-tonal-button.js.map +1 -0
  47. package/button/internal/filled-tonal-styles.css.js +9 -0
  48. package/button/internal/filled-tonal-styles.css.js.map +1 -0
  49. package/button/internal/filled-tonal-styles.scss +10 -0
  50. package/button/internal/outlined-button.d.ts +12 -0
  51. package/button/internal/outlined-button.js +16 -0
  52. package/button/internal/outlined-button.js.map +1 -0
  53. package/button/internal/outlined-styles.css.js +9 -0
  54. package/button/internal/outlined-styles.css.js.map +1 -0
  55. package/button/internal/shared-elevation-styles.css.js +9 -0
  56. package/button/internal/shared-elevation-styles.css.js.map +1 -0
  57. package/button/internal/shared-styles.css.js +9 -0
  58. package/button/internal/shared-styles.css.js.map +1 -0
  59. package/button/internal/text-button.d.ts +11 -0
  60. package/button/internal/text-button.js +12 -0
  61. package/button/internal/text-button.js.map +1 -0
  62. package/button/internal/text-styles.css.js +9 -0
  63. package/button/internal/text-styles.css.js.map +1 -0
  64. package/button/outlined-button.d.ts +1 -1
  65. package/button/outlined-button.js +4 -5
  66. package/button/outlined-button.js.map +1 -1
  67. package/button/text-button.d.ts +1 -1
  68. package/button/text-button.js +4 -5
  69. package/button/text-button.js.map +1 -1
  70. package/checkbox/_checkbox.scss +1 -1
  71. package/checkbox/checkbox.d.ts +1 -1
  72. package/checkbox/checkbox.js +4 -6
  73. package/checkbox/checkbox.js.map +1 -1
  74. package/checkbox/harness.d.ts +1 -1
  75. package/checkbox/harness.js.map +1 -1
  76. package/checkbox/internal/_checkbox.scss +416 -0
  77. package/checkbox/internal/checkbox-styles.css.js +9 -0
  78. package/checkbox/internal/checkbox-styles.css.js.map +1 -0
  79. package/checkbox/internal/checkbox.d.ts +138 -0
  80. package/checkbox/internal/checkbox.js +307 -0
  81. package/checkbox/internal/checkbox.js.map +1 -0
  82. package/chips/_assist-chip.scss +1 -1
  83. package/chips/_filter-chip.scss +1 -1
  84. package/chips/_input-chip.scss +6 -0
  85. package/chips/_suggestion-chip.scss +1 -1
  86. package/chips/assist-chip.d.ts +1 -1
  87. package/chips/assist-chip.js +5 -6
  88. package/chips/assist-chip.js.map +1 -1
  89. package/chips/chip-set.d.ts +20 -0
  90. package/chips/chip-set.js +22 -0
  91. package/chips/chip-set.js.map +1 -0
  92. package/chips/filter-chip.d.ts +1 -1
  93. package/chips/filter-chip.js +10 -7
  94. package/chips/filter-chip.js.map +1 -1
  95. package/chips/harness.d.ts +14 -0
  96. package/chips/harness.js +37 -0
  97. package/chips/harness.js.map +1 -0
  98. package/chips/input-chip.d.ts +20 -0
  99. package/chips/input-chip.js +25 -0
  100. package/chips/input-chip.js.map +1 -0
  101. package/chips/internal/_assist-chip.scss +67 -0
  102. package/chips/internal/_chip-set.scss +12 -0
  103. package/chips/internal/_elevated.scss +70 -0
  104. package/chips/internal/_filter-chip.scss +80 -0
  105. package/chips/internal/_input-chip.scss +107 -0
  106. package/chips/internal/_selectable.scss +78 -0
  107. package/chips/internal/_shared.scss +216 -0
  108. package/chips/internal/_suggestion-chip.scss +67 -0
  109. package/chips/internal/_trailing-icon.scss +80 -0
  110. package/chips/internal/assist-chip.d.ts +24 -0
  111. package/chips/internal/assist-chip.js +74 -0
  112. package/chips/internal/assist-chip.js.map +1 -0
  113. package/chips/internal/assist-styles.css.js +9 -0
  114. package/chips/internal/assist-styles.css.js.map +1 -0
  115. package/chips/internal/chip-set-styles.css.js +9 -0
  116. package/chips/internal/chip-set-styles.css.js.map +1 -0
  117. package/chips/internal/chip-set-styles.scss +10 -0
  118. package/chips/internal/chip-set.d.ts +19 -0
  119. package/chips/internal/chip-set.js +130 -0
  120. package/chips/internal/chip-set.js.map +1 -0
  121. package/chips/internal/chip.d.ts +56 -0
  122. package/chips/internal/chip.js +111 -0
  123. package/chips/internal/chip.js.map +1 -0
  124. package/chips/internal/elevated-styles.css.js +9 -0
  125. package/chips/internal/elevated-styles.css.js.map +1 -0
  126. package/chips/internal/filter-chip.d.ts +29 -0
  127. package/chips/internal/filter-chip.js +98 -0
  128. package/chips/internal/filter-chip.js.map +1 -0
  129. package/chips/internal/filter-styles.css.js +9 -0
  130. package/chips/internal/filter-styles.css.js.map +1 -0
  131. package/chips/internal/input-chip.d.ts +29 -0
  132. package/chips/internal/input-chip.js +110 -0
  133. package/chips/internal/input-chip.js.map +1 -0
  134. package/chips/internal/input-styles.css.js +9 -0
  135. package/chips/internal/input-styles.css.js.map +1 -0
  136. package/chips/internal/input-styles.scss +10 -0
  137. package/chips/internal/multi-action-chip.d.ts +23 -0
  138. package/chips/internal/multi-action-chip.js +95 -0
  139. package/chips/internal/multi-action-chip.js.map +1 -0
  140. package/chips/internal/selectable-styles.css.js +9 -0
  141. package/chips/internal/selectable-styles.css.js.map +1 -0
  142. package/chips/internal/selectable-styles.scss +10 -0
  143. package/chips/internal/shared-styles.css.js +9 -0
  144. package/chips/internal/shared-styles.css.js.map +1 -0
  145. package/chips/internal/suggestion-styles.css.js +9 -0
  146. package/chips/internal/suggestion-styles.css.js.map +1 -0
  147. package/chips/internal/trailing-icon-styles.css.js +9 -0
  148. package/chips/internal/trailing-icon-styles.css.js.map +1 -0
  149. package/chips/internal/trailing-icon-styles.scss +10 -0
  150. package/chips/internal/trailing-icons.d.ts +16 -0
  151. package/chips/internal/trailing-icons.js +38 -0
  152. package/chips/internal/trailing-icons.js.map +1 -0
  153. package/chips/suggestion-chip.d.ts +1 -1
  154. package/chips/suggestion-chip.js +5 -6
  155. package/chips/suggestion-chip.js.map +1 -1
  156. package/color/_color.scss +197 -0
  157. package/common.d.ts +57 -0
  158. package/common.js +66 -0
  159. package/common.js.map +1 -0
  160. package/dialog/_dialog.scss +1 -1
  161. package/dialog/dialog.d.ts +1 -1
  162. package/dialog/dialog.js +3 -4
  163. package/dialog/dialog.js.map +1 -1
  164. package/dialog/harness.d.ts +2 -7
  165. package/dialog/harness.js +2 -43
  166. package/dialog/harness.js.map +1 -1
  167. package/dialog/internal/_dialog.scss +278 -0
  168. package/dialog/internal/animations.d.ts +47 -0
  169. package/dialog/internal/animations.js +117 -0
  170. package/dialog/internal/animations.js.map +1 -0
  171. package/dialog/internal/dialog-styles.css.js +9 -0
  172. package/dialog/internal/dialog-styles.css.js.map +1 -0
  173. package/dialog/internal/dialog.d.ts +110 -0
  174. package/dialog/internal/dialog.js +371 -0
  175. package/dialog/internal/dialog.js.map +1 -0
  176. package/divider/_divider.scss +1 -1
  177. package/divider/divider.d.ts +1 -1
  178. package/divider/divider.js +3 -4
  179. package/divider/divider.js.map +1 -1
  180. package/divider/internal/_divider.scss +64 -0
  181. package/docs/theming/README.md +129 -0
  182. package/elevation/_elevation.scss +1 -1
  183. package/elevation/elevation.d.ts +1 -1
  184. package/elevation/elevation.js +3 -4
  185. package/elevation/elevation.js.map +1 -1
  186. package/elevation/internal/_elevation.scss +172 -0
  187. package/elevation/internal/elevation-styles.css.js +9 -0
  188. package/elevation/internal/elevation-styles.css.js.map +1 -0
  189. package/elevation/internal/elevation.d.ts +13 -0
  190. package/elevation/internal/elevation.js +21 -0
  191. package/elevation/internal/elevation.js.map +1 -0
  192. package/fab/_fab.scss +2 -2
  193. package/fab/branded-fab.d.ts +3 -3
  194. package/fab/branded-fab.js +5 -6
  195. package/fab/branded-fab.js.map +1 -1
  196. package/fab/fab.d.ts +3 -3
  197. package/fab/fab.js +5 -6
  198. package/fab/fab.js.map +1 -1
  199. package/fab/harness.d.ts +1 -1
  200. package/fab/harness.js.map +1 -1
  201. package/fab/internal/_fab.scss +261 -0
  202. package/fab/internal/_shared.scss +245 -0
  203. package/fab/internal/fab-branded-styles.css.js +9 -0
  204. package/fab/internal/fab-branded-styles.css.js.map +1 -0
  205. package/fab/internal/fab-styles.css.js +9 -0
  206. package/fab/internal/fab-styles.css.js.map +1 -0
  207. package/fab/internal/fab.d.ts +25 -0
  208. package/fab/internal/fab.js.map +1 -0
  209. package/fab/internal/forced-colors-styles.css.js +9 -0
  210. package/fab/internal/forced-colors-styles.css.js.map +1 -0
  211. package/fab/internal/forced-colors-styles.scss +29 -0
  212. package/fab/internal/shared-styles.css.js +9 -0
  213. package/fab/internal/shared-styles.css.js.map +1 -0
  214. package/fab/internal/shared.d.ts +42 -0
  215. package/fab/internal/shared.js +94 -0
  216. package/fab/internal/shared.js.map +1 -0
  217. package/field/_filled-field.scss +1 -1
  218. package/field/_outlined-field.scss +1 -1
  219. package/field/filled-field.d.ts +1 -1
  220. package/field/filled-field.js +4 -5
  221. package/field/filled-field.js.map +1 -1
  222. package/field/harness.d.ts +1 -1
  223. package/field/harness.js.map +1 -1
  224. package/field/internal/_content.scss +199 -0
  225. package/field/internal/_filled-field.scss +215 -0
  226. package/field/internal/_label.scss +94 -0
  227. package/field/internal/_outlined-field.scss +356 -0
  228. package/field/internal/_shared.scss +78 -0
  229. package/field/internal/_supporting-text.scss +50 -0
  230. package/field/internal/field.d.ts +65 -0
  231. package/field/internal/field.js +337 -0
  232. package/field/internal/field.js.map +1 -0
  233. package/field/internal/filled-styles.css.js +9 -0
  234. package/field/internal/filled-styles.css.js.map +1 -0
  235. package/field/internal/outlined-field.d.ts +12 -0
  236. package/field/internal/outlined-field.js.map +1 -0
  237. package/field/internal/outlined-styles.css.js +9 -0
  238. package/field/internal/outlined-styles.css.js.map +1 -0
  239. package/field/internal/shared-styles.css.js +9 -0
  240. package/field/internal/shared-styles.css.js.map +1 -0
  241. package/field/outlined-field.d.ts +1 -1
  242. package/field/outlined-field.js +4 -5
  243. package/field/outlined-field.js.map +1 -1
  244. package/focus/_focus-ring.scss +1 -1
  245. package/focus/internal/_focus-ring.scss +139 -0
  246. package/focus/internal/focus-ring-styles.css.js +9 -0
  247. package/focus/internal/focus-ring-styles.css.js.map +1 -0
  248. package/focus/internal/focus-ring.d.ts +37 -0
  249. package/focus/internal/focus-ring.js +100 -0
  250. package/focus/internal/focus-ring.js.map +1 -0
  251. package/focus/md-focus-ring.d.ts +20 -0
  252. package/focus/md-focus-ring.js +22 -0
  253. package/focus/md-focus-ring.js.map +1 -0
  254. package/icon/_icon.scss +1 -1
  255. package/icon/icon.d.ts +2 -1
  256. package/icon/icon.js +4 -4
  257. package/icon/icon.js.map +1 -1
  258. package/icon/internal/_icon.scss +66 -0
  259. package/icon/internal/icon-styles.css.js +9 -0
  260. package/icon/internal/icon-styles.css.js.map +1 -0
  261. package/icon/internal/icon.d.ts +13 -0
  262. package/icon/internal/icon.js +28 -0
  263. package/icon/internal/icon.js.map +1 -0
  264. package/iconbutton/_filled-icon-button.scss +1 -1
  265. package/iconbutton/_filled-tonal-icon-button.scss +1 -1
  266. package/iconbutton/_icon-button.scss +6 -0
  267. package/iconbutton/_outlined-icon-button.scss +1 -1
  268. package/iconbutton/filled-icon-button.d.ts +5 -5
  269. package/iconbutton/filled-icon-button.js +6 -7
  270. package/iconbutton/filled-icon-button.js.map +1 -1
  271. package/iconbutton/filled-tonal-icon-button.d.ts +5 -5
  272. package/iconbutton/filled-tonal-icon-button.js +6 -7
  273. package/iconbutton/filled-tonal-icon-button.js.map +1 -1
  274. package/iconbutton/harness.d.ts +1 -1
  275. package/iconbutton/harness.js.map +1 -1
  276. package/iconbutton/icon-button.d.ts +34 -0
  277. package/iconbutton/icon-button.js +38 -0
  278. package/iconbutton/icon-button.js.map +1 -0
  279. package/iconbutton/internal/_filled-icon-button.scss +171 -0
  280. package/iconbutton/internal/_filled-tonal-icon-button.scss +173 -0
  281. package/iconbutton/internal/_icon-button.scss +131 -0
  282. package/iconbutton/internal/_outlined-icon-button.scss +182 -0
  283. package/iconbutton/internal/_shared.scss +116 -0
  284. package/iconbutton/internal/filled-styles.css.js +9 -0
  285. package/iconbutton/internal/filled-styles.css.js.map +1 -0
  286. package/iconbutton/internal/filled-tonal-styles.css.js +9 -0
  287. package/iconbutton/internal/filled-tonal-styles.css.js.map +1 -0
  288. package/iconbutton/internal/icon-button.d.ts +81 -0
  289. package/iconbutton/internal/icon-button.js +207 -0
  290. package/iconbutton/internal/icon-button.js.map +1 -0
  291. package/iconbutton/internal/outlined-styles.css.js +9 -0
  292. package/iconbutton/internal/outlined-styles.css.js.map +1 -0
  293. package/iconbutton/internal/shared-styles.css.js +9 -0
  294. package/iconbutton/internal/shared-styles.css.js.map +1 -0
  295. package/iconbutton/internal/standard-styles.css.js +9 -0
  296. package/iconbutton/internal/standard-styles.css.js.map +1 -0
  297. package/iconbutton/internal/standard-styles.scss +10 -0
  298. package/iconbutton/outlined-icon-button.d.ts +4 -4
  299. package/iconbutton/outlined-icon-button.js +5 -6
  300. package/iconbutton/outlined-icon-button.js.map +1 -1
  301. package/internal/README.md +6 -0
  302. package/internal/aria/aria.d.ts +154 -0
  303. package/internal/aria/aria.js +239 -0
  304. package/internal/aria/aria.js.map +1 -0
  305. package/internal/aria/delegate.d.ts +37 -0
  306. package/internal/aria/delegate.js +53 -0
  307. package/internal/aria/delegate.js.map +1 -0
  308. package/internal/controller/attachable-controller.d.ts +114 -0
  309. package/internal/controller/attachable-controller.js +123 -0
  310. package/internal/controller/attachable-controller.js.map +1 -0
  311. package/internal/controller/element-internals.d.ts +35 -0
  312. package/internal/controller/element-internals.js +24 -0
  313. package/internal/controller/element-internals.js.map +1 -0
  314. package/internal/controller/form-submitter.d.ts +72 -0
  315. package/internal/controller/form-submitter.js +71 -0
  316. package/internal/controller/form-submitter.js.map +1 -0
  317. package/internal/motion/animation.d.ts +80 -0
  318. package/internal/motion/animation.js +101 -0
  319. package/internal/motion/animation.js.map +1 -0
  320. package/internal/sass/_var.scss +237 -0
  321. package/labs/README.md +6 -0
  322. package/labs/badge/_badge.scss +6 -0
  323. package/labs/badge/badge.d.ts +18 -0
  324. package/labs/badge/badge.js +20 -0
  325. package/labs/badge/badge.js.map +1 -0
  326. package/labs/badge/internal/_badge.scss +76 -0
  327. package/labs/badge/internal/badge-styles.css.js +9 -0
  328. package/labs/badge/internal/badge-styles.css.js.map +1 -0
  329. package/labs/item/internal/_item.scss +99 -0
  330. package/labs/item/internal/item-styles.css.js +9 -0
  331. package/labs/item/internal/item-styles.css.js.map +1 -0
  332. package/labs/item/internal/item-styles.scss +10 -0
  333. package/labs/item/internal/item.d.ts +22 -0
  334. package/labs/item/internal/item.js +78 -0
  335. package/labs/item/internal/item.js.map +1 -0
  336. package/labs/item/item.d.ts +70 -0
  337. package/labs/item/item.js +72 -0
  338. package/labs/item/item.js.map +1 -0
  339. package/labs/navigationbar/_navigation-bar.scss +6 -0
  340. package/labs/navigationbar/harness.d.ts +19 -0
  341. package/labs/navigationbar/harness.js +29 -0
  342. package/labs/navigationbar/harness.js.map +1 -0
  343. package/labs/navigationbar/internal/_navigation-bar.scss +70 -0
  344. package/labs/navigationbar/internal/constants.d.ts +17 -0
  345. package/labs/navigationbar/internal/constants.js.map +1 -0
  346. package/labs/navigationbar/internal/navigation-bar-styles.css.js +9 -0
  347. package/labs/navigationbar/internal/navigation-bar-styles.css.js.map +1 -0
  348. package/labs/navigationbar/internal/navigation-bar.d.ts +27 -0
  349. package/labs/navigationbar/internal/navigation-bar.js +138 -0
  350. package/labs/navigationbar/internal/navigation-bar.js.map +1 -0
  351. package/labs/navigationbar/internal/state.d.ts +23 -0
  352. package/labs/navigationbar/internal/state.js.map +1 -0
  353. package/labs/navigationbar/navigation-bar.d.ts +18 -0
  354. package/labs/navigationbar/navigation-bar.js +20 -0
  355. package/labs/navigationbar/navigation-bar.js.map +1 -0
  356. package/labs/navigationdrawer/_navigation-drawer-modal.scss +6 -0
  357. package/labs/navigationdrawer/_navigation-drawer.scss +6 -0
  358. package/labs/navigationdrawer/internal/_navigation-drawer-modal.scss +110 -0
  359. package/labs/navigationdrawer/internal/_navigation-drawer.scss +97 -0
  360. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js +9 -0
  361. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js.map +1 -0
  362. package/labs/navigationdrawer/internal/navigation-drawer-modal.js +81 -0
  363. package/labs/navigationdrawer/internal/navigation-drawer-modal.js.map +1 -0
  364. package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js +9 -0
  365. package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js.map +1 -0
  366. package/labs/navigationdrawer/internal/navigation-drawer.d.ts +17 -0
  367. package/labs/navigationdrawer/internal/navigation-drawer.js +64 -0
  368. package/labs/navigationdrawer/internal/navigation-drawer.js.map +1 -0
  369. package/labs/navigationdrawer/navigation-drawer-modal.d.ts +18 -0
  370. package/labs/navigationdrawer/navigation-drawer-modal.js +21 -0
  371. package/labs/navigationdrawer/navigation-drawer-modal.js.map +1 -0
  372. package/labs/navigationdrawer/navigation-drawer.d.ts +18 -0
  373. package/labs/navigationdrawer/navigation-drawer.js +21 -0
  374. package/labs/navigationdrawer/navigation-drawer.js.map +1 -0
  375. package/labs/navigationtab/_navigation-tab.scss +6 -0
  376. package/labs/navigationtab/harness.d.ts +13 -0
  377. package/labs/navigationtab/harness.js +16 -0
  378. package/labs/navigationtab/harness.js.map +1 -0
  379. package/labs/navigationtab/internal/_navigation-tab.scss +262 -0
  380. package/labs/navigationtab/internal/navigation-tab-styles.css.js +9 -0
  381. package/labs/navigationtab/internal/navigation-tab-styles.css.js.map +1 -0
  382. package/labs/navigationtab/internal/navigation-tab.d.ts +30 -0
  383. package/labs/navigationtab/internal/navigation-tab.js +117 -0
  384. package/labs/navigationtab/internal/navigation-tab.js.map +1 -0
  385. package/labs/navigationtab/navigation-tab.d.ts +18 -0
  386. package/labs/navigationtab/navigation-tab.js +20 -0
  387. package/labs/navigationtab/navigation-tab.js.map +1 -0
  388. package/labs/segmentedbutton/internal/_outlined-segmented-button.scss +42 -0
  389. package/labs/segmentedbutton/internal/_shared.scss +358 -0
  390. package/labs/segmentedbutton/internal/outlined-styles.css.js +9 -0
  391. package/labs/segmentedbutton/internal/outlined-styles.css.js.map +1 -0
  392. package/labs/segmentedbutton/internal/segmented-button.d.ts +44 -0
  393. package/labs/segmentedbutton/internal/segmented-button.js +157 -0
  394. package/labs/segmentedbutton/internal/segmented-button.js.map +1 -0
  395. package/labs/segmentedbutton/internal/shared-styles.css.js +9 -0
  396. package/labs/segmentedbutton/internal/shared-styles.css.js.map +1 -0
  397. package/labs/segmentedbutton/outlined-segmented-button.d.ts +20 -0
  398. package/labs/segmentedbutton/outlined-segmented-button.js +23 -0
  399. package/labs/segmentedbutton/outlined-segmented-button.js.map +1 -0
  400. package/labs/segmentedbuttonset/internal/_outlined-segmented-button-set.scss +53 -0
  401. package/labs/segmentedbuttonset/internal/outlined-styles.css.js +9 -0
  402. package/labs/segmentedbuttonset/internal/outlined-styles.css.js.map +1 -0
  403. package/labs/segmentedbuttonset/internal/segmented-button-set.d.ts +26 -0
  404. package/labs/segmentedbuttonset/internal/segmented-button-set.js +108 -0
  405. package/labs/segmentedbuttonset/internal/segmented-button-set.js.map +1 -0
  406. package/labs/segmentedbuttonset/outlined-segmented-button-set.d.ts +20 -0
  407. package/labs/segmentedbuttonset/outlined-segmented-button-set.js +23 -0
  408. package/labs/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -0
  409. package/list/_list-item.scss +1 -1
  410. package/list/_list.scss +1 -1
  411. package/list/harness.d.ts +28 -4
  412. package/list/harness.js +27 -3
  413. package/list/harness.js.map +1 -1
  414. package/list/internal/_list.scss +46 -0
  415. package/list/internal/list-controller.d.ts +108 -0
  416. package/list/internal/list-controller.js +176 -0
  417. package/list/internal/list-controller.js.map +1 -0
  418. package/list/internal/list-navigation-helpers.d.ts +132 -0
  419. package/list/internal/list-navigation-helpers.js +218 -0
  420. package/list/internal/list-navigation-helpers.js.map +1 -0
  421. package/list/internal/list-styles.css.js +9 -0
  422. package/list/internal/list-styles.css.js.map +1 -0
  423. package/list/internal/list.d.ts +44 -0
  424. package/list/internal/list.js +73 -0
  425. package/list/internal/list.js.map +1 -0
  426. package/list/internal/listitem/_list-item.scss +146 -0
  427. package/list/internal/listitem/forced-colors-styles.css.js +9 -0
  428. package/list/internal/listitem/forced-colors-styles.css.js.map +1 -0
  429. package/list/internal/listitem/forced-colors-styles.scss +19 -0
  430. package/list/internal/listitem/harness.d.ts +27 -0
  431. package/list/internal/listitem/harness.js +25 -0
  432. package/list/internal/listitem/harness.js.map +1 -0
  433. package/list/internal/listitem/list-item-styles.css.js +9 -0
  434. package/list/internal/listitem/list-item-styles.css.js.map +1 -0
  435. package/list/internal/listitem/list-item.d.ts +77 -0
  436. package/list/internal/listitem/list-item.js +194 -0
  437. package/list/internal/listitem/list-item.js.map +1 -0
  438. package/list/list-item.d.ts +15 -8
  439. package/list/list-item.js +17 -12
  440. package/list/list-item.js.map +1 -1
  441. package/list/list.d.ts +1 -1
  442. package/list/list.js +3 -4
  443. package/list/list.js.map +1 -1
  444. package/menu/_menu-item.scss +1 -1
  445. package/menu/_menu.scss +1 -1
  446. package/menu/harness.d.ts +5 -5
  447. package/menu/harness.js +4 -6
  448. package/menu/harness.js.map +1 -1
  449. package/menu/internal/_menu.scss +124 -0
  450. package/menu/internal/controllers/menuItemController.d.ts +107 -0
  451. package/menu/internal/controllers/menuItemController.js +99 -0
  452. package/menu/internal/controllers/menuItemController.js.map +1 -0
  453. package/menu/internal/controllers/shared.d.ts +221 -0
  454. package/menu/internal/controllers/shared.js +137 -0
  455. package/menu/internal/controllers/shared.js.map +1 -0
  456. package/menu/internal/controllers/surfacePositionController.d.ts +152 -0
  457. package/menu/internal/controllers/surfacePositionController.js +316 -0
  458. package/menu/internal/controllers/surfacePositionController.js.map +1 -0
  459. package/menu/internal/controllers/typeaheadController.d.ts +157 -0
  460. package/menu/internal/controllers/typeaheadController.js +254 -0
  461. package/menu/internal/controllers/typeaheadController.js.map +1 -0
  462. package/menu/internal/menu-styles.css.js +9 -0
  463. package/menu/internal/menu-styles.css.js.map +1 -0
  464. package/menu/internal/menu.d.ts +259 -0
  465. package/menu/internal/menu.js +788 -0
  466. package/menu/internal/menu.js.map +1 -0
  467. package/menu/internal/menuitem/_menu-item.scss +180 -0
  468. package/menu/internal/menuitem/forced-colors-styles.css.js +9 -0
  469. package/menu/internal/menuitem/forced-colors-styles.css.js.map +1 -0
  470. package/menu/internal/menuitem/forced-colors-styles.scss +26 -0
  471. package/menu/internal/menuitem/harness.d.ts +11 -0
  472. package/menu/internal/menuitem/harness.js +12 -0
  473. package/menu/internal/menuitem/harness.js.map +1 -0
  474. package/menu/internal/menuitem/menu-item-styles.css.js +9 -0
  475. package/menu/internal/menuitem/menu-item-styles.css.js.map +1 -0
  476. package/menu/internal/menuitem/menu-item.d.ts +80 -0
  477. package/menu/internal/menuitem/menu-item.js +200 -0
  478. package/menu/internal/menuitem/menu-item.js.map +1 -0
  479. package/menu/internal/submenu/_sub-menu.scss +12 -0
  480. package/menu/internal/submenu/sub-menu-styles.css.js +9 -0
  481. package/menu/internal/submenu/sub-menu-styles.css.js.map +1 -0
  482. package/menu/internal/submenu/sub-menu-styles.scss +10 -0
  483. package/menu/internal/submenu/sub-menu.d.ts +101 -0
  484. package/menu/internal/submenu/sub-menu.js +351 -0
  485. package/menu/internal/submenu/sub-menu.js.map +1 -0
  486. package/menu/menu-item.d.ts +3 -3
  487. package/menu/menu-item.js +5 -9
  488. package/menu/menu-item.js.map +1 -1
  489. package/menu/menu.d.ts +21 -13
  490. package/menu/menu.js +22 -15
  491. package/menu/menu.js.map +1 -1
  492. package/menu/sub-menu.d.ts +62 -0
  493. package/menu/sub-menu.js +64 -0
  494. package/menu/sub-menu.js.map +1 -0
  495. package/package.json +85 -16
  496. package/progress/_circular-progress.scss +6 -0
  497. package/progress/_linear-progress.scss +6 -0
  498. package/progress/circular-progress.d.ts +24 -0
  499. package/progress/circular-progress.js +26 -0
  500. package/progress/circular-progress.js.map +1 -0
  501. package/progress/harness.d.ts +20 -0
  502. package/progress/harness.js +25 -0
  503. package/progress/harness.js.map +1 -0
  504. package/progress/internal/_circular-progress.scss +287 -0
  505. package/progress/internal/_linear-progress.scss +340 -0
  506. package/progress/internal/circular-progress-styles.css.js +9 -0
  507. package/progress/internal/circular-progress-styles.css.js.map +1 -0
  508. package/progress/internal/circular-progress.d.ts +14 -0
  509. package/progress/internal/circular-progress.js +49 -0
  510. package/progress/internal/circular-progress.js.map +1 -0
  511. package/progress/internal/linear-progress-styles.css.js +9 -0
  512. package/progress/internal/linear-progress-styles.css.js.map +1 -0
  513. package/progress/internal/linear-progress.d.ts +16 -0
  514. package/progress/internal/linear-progress.js +47 -0
  515. package/progress/internal/linear-progress.js.map +1 -0
  516. package/progress/internal/progress.d.ts +34 -0
  517. package/progress/internal/progress.js +70 -0
  518. package/progress/internal/progress.js.map +1 -0
  519. package/progress/linear-progress.d.ts +23 -0
  520. package/progress/linear-progress.js +25 -0
  521. package/progress/linear-progress.js.map +1 -0
  522. package/radio/_radio.scss +1 -1
  523. package/radio/harness.d.ts +2 -2
  524. package/radio/harness.js +1 -1
  525. package/radio/harness.js.map +1 -1
  526. package/radio/internal/_radio.scss +185 -0
  527. package/radio/internal/forced-colors-styles.css.js +9 -0
  528. package/radio/internal/forced-colors-styles.css.js.map +1 -0
  529. package/radio/internal/forced-colors-styles.scss +29 -0
  530. package/radio/internal/radio-styles.css.js +9 -0
  531. package/radio/internal/radio-styles.css.js.map +1 -0
  532. package/radio/internal/radio.d.ts +56 -0
  533. package/radio/internal/radio.js +165 -0
  534. package/radio/internal/radio.js.map +1 -0
  535. package/radio/internal/single-selection-controller.js +197 -0
  536. package/radio/internal/single-selection-controller.js.map +1 -0
  537. package/radio/radio.d.ts +1 -1
  538. package/radio/radio.js +4 -5
  539. package/radio/radio.js.map +1 -1
  540. package/ripple/_ripple.scss +1 -1
  541. package/ripple/internal/_ripple.scss +96 -0
  542. package/ripple/internal/ripple-styles.css.js +9 -0
  543. package/ripple/internal/ripple-styles.css.js.map +1 -0
  544. package/ripple/internal/ripple.d.ts +76 -0
  545. package/ripple/internal/ripple.js +408 -0
  546. package/ripple/internal/ripple.js.map +1 -0
  547. package/ripple/ripple.d.ts +1 -1
  548. package/ripple/ripple.js +3 -4
  549. package/ripple/ripple.js.map +1 -1
  550. package/select/_filled-select.scss +1 -1
  551. package/select/_outlined-select.scss +1 -1
  552. package/select/filled-select.d.ts +1 -1
  553. package/select/filled-select.js +5 -6
  554. package/select/filled-select.js.map +1 -1
  555. package/select/harness.d.ts +4 -4
  556. package/select/harness.js +3 -5
  557. package/select/harness.js.map +1 -1
  558. package/select/internal/_filled-select.scss +231 -0
  559. package/select/internal/_outlined-select.scss +189 -0
  560. package/select/internal/_shared.scss +84 -0
  561. package/select/internal/filled-select-styles.css.js +9 -0
  562. package/select/internal/filled-select-styles.css.js.map +1 -0
  563. package/select/internal/outlined-select-styles.css.js +9 -0
  564. package/select/internal/outlined-select-styles.css.js.map +1 -0
  565. package/select/internal/select.d.ts +313 -0
  566. package/select/internal/select.js +773 -0
  567. package/select/internal/select.js.map +1 -0
  568. package/select/internal/selectoption/harness.d.ts +11 -0
  569. package/select/internal/selectoption/harness.js +12 -0
  570. package/select/internal/selectoption/harness.js.map +1 -0
  571. package/select/internal/selectoption/select-option.d.ts +82 -0
  572. package/select/internal/selectoption/select-option.js +183 -0
  573. package/select/internal/selectoption/select-option.js.map +1 -0
  574. package/select/internal/selectoption/selectOptionController.d.ts +91 -0
  575. package/select/internal/selectoption/selectOptionController.js +118 -0
  576. package/select/internal/selectoption/selectOptionController.js.map +1 -0
  577. package/select/internal/shared-styles.css.js +9 -0
  578. package/select/internal/shared-styles.css.js.map +1 -0
  579. package/select/internal/shared.d.ts +18 -0
  580. package/select/internal/shared.js +23 -0
  581. package/select/internal/shared.js.map +1 -0
  582. package/select/outlined-select.d.ts +1 -1
  583. package/select/outlined-select.js +5 -6
  584. package/select/outlined-select.js.map +1 -1
  585. package/select/select-option.d.ts +1 -1
  586. package/select/select-option.js +5 -8
  587. package/select/select-option.js.map +1 -1
  588. package/slider/_slider.scss +1 -1
  589. package/slider/harness.d.ts +1 -1
  590. package/slider/harness.js +7 -5
  591. package/slider/harness.js.map +1 -1
  592. package/slider/internal/_slider.scss +508 -0
  593. package/slider/internal/forced-colors-styles.css.js +9 -0
  594. package/slider/internal/forced-colors-styles.css.js.map +1 -0
  595. package/slider/internal/forced-colors-styles.scss +88 -0
  596. package/slider/internal/slider-styles.css.js +9 -0
  597. package/slider/internal/slider-styles.css.js.map +1 -0
  598. package/slider/internal/slider.d.ts +187 -0
  599. package/slider/internal/slider.js +718 -0
  600. package/slider/internal/slider.js.map +1 -0
  601. package/slider/slider.d.ts +1 -1
  602. package/slider/slider.js +4 -5
  603. package/slider/slider.js.map +1 -1
  604. package/switch/_switch.scss +1 -1
  605. package/switch/harness.d.ts +2 -2
  606. package/switch/harness.js +1 -1
  607. package/switch/harness.js.map +1 -1
  608. package/switch/internal/README.md +55 -0
  609. package/switch/internal/_handle.scss +160 -0
  610. package/switch/internal/_icon.scss +92 -0
  611. package/switch/internal/_switch.scss +154 -0
  612. package/switch/internal/_track.scss +91 -0
  613. package/switch/internal/forced-colors-styles.css.js +9 -0
  614. package/switch/internal/forced-colors-styles.css.js.map +1 -0
  615. package/switch/internal/forced-colors-styles.scss +42 -0
  616. package/switch/internal/switch-styles.css.js +9 -0
  617. package/switch/internal/switch-styles.css.js.map +1 -0
  618. package/switch/internal/switch.d.ts +150 -0
  619. package/switch/internal/switch.js +326 -0
  620. package/switch/internal/switch.js.map +1 -0
  621. package/switch/switch.d.ts +1 -1
  622. package/switch/switch.js +5 -5
  623. package/switch/switch.js.map +1 -1
  624. package/tabs/_primary-tab.scss +6 -0
  625. package/tabs/_secondary-tab.scss +6 -0
  626. package/tabs/harness.d.ts +23 -0
  627. package/tabs/harness.js +51 -0
  628. package/tabs/harness.js.map +1 -0
  629. package/tabs/internal/_primary-tab.scss +70 -0
  630. package/tabs/internal/_secondary-tab.scss +61 -0
  631. package/tabs/internal/_tab.scss +205 -0
  632. package/tabs/internal/_tabs.scss +45 -0
  633. package/tabs/internal/primary-tab-styles.css.js +9 -0
  634. package/tabs/internal/primary-tab-styles.css.js.map +1 -0
  635. package/tabs/internal/primary-tab-styles.scss +10 -0
  636. package/tabs/internal/primary-tab.d.ts +20 -0
  637. package/tabs/internal/primary-tab.js +30 -0
  638. package/tabs/internal/primary-tab.js.map +1 -0
  639. package/tabs/internal/secondary-tab-styles.css.d.ts +1 -0
  640. package/tabs/internal/secondary-tab-styles.css.js +9 -0
  641. package/tabs/internal/secondary-tab-styles.css.js.map +1 -0
  642. package/tabs/internal/secondary-tab-styles.scss +10 -0
  643. package/tabs/internal/secondary-tab.d.ts +12 -0
  644. package/tabs/internal/secondary-tab.js +16 -0
  645. package/tabs/internal/secondary-tab.js.map +1 -0
  646. package/tabs/internal/tab-styles.css.d.ts +1 -0
  647. package/tabs/internal/tab-styles.css.js +9 -0
  648. package/tabs/internal/tab-styles.css.js.map +1 -0
  649. package/tabs/internal/tab-styles.scss +10 -0
  650. package/tabs/internal/tab.d.ts +61 -0
  651. package/tabs/internal/tab.js +188 -0
  652. package/tabs/internal/tab.js.map +1 -0
  653. package/tabs/internal/tabs-styles.css.d.ts +1 -0
  654. package/tabs/internal/tabs-styles.css.js +9 -0
  655. package/tabs/internal/tabs-styles.css.js.map +1 -0
  656. package/tabs/internal/tabs-styles.scss +10 -0
  657. package/tabs/internal/tabs.d.ts +74 -0
  658. package/tabs/internal/tabs.js +283 -0
  659. package/tabs/internal/tabs.js.map +1 -0
  660. package/tabs/primary-tab.d.ts +18 -0
  661. package/tabs/primary-tab.js +22 -0
  662. package/tabs/primary-tab.js.map +1 -0
  663. package/tabs/secondary-tab.d.ts +18 -0
  664. package/tabs/secondary-tab.js +22 -0
  665. package/tabs/secondary-tab.js.map +1 -0
  666. package/tabs/tabs.d.ts +18 -0
  667. package/tabs/tabs.js +21 -0
  668. package/tabs/tabs.js.map +1 -0
  669. package/textfield/_filled-text-field.scss +1 -1
  670. package/textfield/_outlined-text-field.scss +1 -1
  671. package/textfield/filled-text-field.d.ts +2 -2
  672. package/textfield/filled-text-field.js +5 -6
  673. package/textfield/filled-text-field.js.map +1 -1
  674. package/textfield/harness.d.ts +5 -5
  675. package/textfield/harness.js +5 -12
  676. package/textfield/harness.js.map +1 -1
  677. package/textfield/internal/_filled-text-field.scss +203 -0
  678. package/textfield/internal/_input.scss +79 -0
  679. package/textfield/internal/_outlined-text-field.scss +176 -0
  680. package/textfield/internal/_shared.scss +47 -0
  681. package/textfield/internal/filled-forced-colors-styles.css.d.ts +1 -0
  682. package/textfield/internal/filled-styles.css.d.ts +1 -0
  683. package/textfield/internal/filled-styles.css.js +9 -0
  684. package/textfield/internal/filled-styles.css.js.map +1 -0
  685. package/textfield/internal/outlined-forced-colors-styles.css.d.ts +1 -0
  686. package/textfield/internal/outlined-styles.css.d.ts +1 -0
  687. package/textfield/internal/outlined-styles.css.js +9 -0
  688. package/textfield/internal/outlined-styles.css.js.map +1 -0
  689. package/textfield/internal/shared-styles.css.d.ts +1 -0
  690. package/textfield/internal/shared-styles.css.js +9 -0
  691. package/textfield/internal/shared-styles.css.js.map +1 -0
  692. package/textfield/internal/text-field.d.ts +350 -0
  693. package/textfield/internal/text-field.js +754 -0
  694. package/textfield/internal/text-field.js.map +1 -0
  695. package/textfield/outlined-text-field.d.ts +2 -2
  696. package/textfield/outlined-text-field.js +5 -6
  697. package/textfield/outlined-text-field.js.map +1 -1
  698. package/tokens/_index.scss +9 -40
  699. package/tokens/_md-comp-assist-chip.scss +9 -17
  700. package/tokens/_md-comp-badge.scss +2 -15
  701. package/tokens/_md-comp-checkbox.scss +72 -46
  702. package/tokens/_md-comp-circular-progress.scss +65 -0
  703. package/tokens/_md-comp-dialog.scss +55 -19
  704. package/tokens/_md-comp-divider.scss +13 -2
  705. package/tokens/_md-comp-elevated-button.scss +39 -35
  706. package/tokens/_md-comp-elevation.scss +11 -2
  707. package/tokens/_md-comp-fab-branded.scss +20 -15
  708. package/tokens/_md-comp-fab.scss +27 -31
  709. package/tokens/_md-comp-filled-button.scss +39 -35
  710. package/tokens/_md-comp-filled-field.scss +46 -20
  711. package/tokens/_md-comp-filled-icon-button.scss +35 -13
  712. package/tokens/_md-comp-filled-select.scss +38 -17
  713. package/tokens/_md-comp-filled-text-field.scss +20 -21
  714. package/tokens/_md-comp-filled-tonal-button.scss +39 -35
  715. package/tokens/_md-comp-filled-tonal-icon-button.scss +35 -13
  716. package/tokens/_md-comp-filter-chip.scss +10 -18
  717. package/tokens/_md-comp-focus-ring.scss +4 -2
  718. package/tokens/_md-comp-full-screen-dialog.scss +1 -1
  719. package/tokens/_md-comp-icon-button.scss +35 -15
  720. package/tokens/_md-comp-icon.scss +32 -0
  721. package/tokens/_md-comp-input-chip.scss +15 -16
  722. package/tokens/_md-comp-item.scss +87 -0
  723. package/tokens/_md-comp-linear-progress.scss +50 -0
  724. package/tokens/_md-comp-list-item.scss +125 -139
  725. package/tokens/_md-comp-list.scss +11 -109
  726. package/tokens/_md-comp-menu-item.scss +15 -10
  727. package/tokens/_md-comp-menu-list-item.scss +162 -0
  728. package/tokens/_md-comp-menu.scss +15 -12
  729. package/tokens/_md-comp-navigation-bar.scss +1 -1
  730. package/tokens/_md-comp-navigation-drawer.scss +1 -1
  731. package/tokens/_md-comp-outlined-button.scss +41 -37
  732. package/tokens/_md-comp-outlined-field.scss +42 -16
  733. package/tokens/_md-comp-outlined-icon-button.scss +37 -16
  734. package/tokens/_md-comp-outlined-segmented-button.scss +22 -24
  735. package/tokens/_md-comp-outlined-select.scss +24 -16
  736. package/tokens/_md-comp-outlined-text-field.scss +19 -20
  737. package/tokens/_md-comp-primary-tab.scss +131 -0
  738. package/tokens/_md-comp-radio.scss +73 -0
  739. package/tokens/_md-comp-ripple.scss +40 -0
  740. package/tokens/_md-comp-secondary-tab.scss +131 -0
  741. package/tokens/_md-comp-slider.scss +71 -23
  742. package/tokens/_md-comp-suggestion-chip.scss +9 -16
  743. package/tokens/_md-comp-switch.scss +75 -35
  744. package/tokens/_md-comp-test-table.scss +14 -3
  745. package/tokens/_md-comp-text-button.scss +39 -35
  746. package/tokens/_md-ref-palette.scss +102 -2
  747. package/tokens/_md-ref-typeface.scss +24 -12
  748. package/tokens/_md-sys-color.scss +99 -5
  749. package/tokens/_md-sys-elevation.scss +1 -1
  750. package/tokens/_md-sys-motion.scss +1 -1
  751. package/tokens/_md-sys-shape.scss +1 -1
  752. package/tokens/_md-sys-state.scss +1 -1
  753. package/tokens/_md-sys-typescale.scss +115 -17
  754. package/tokens/_values.scss +1 -1
  755. package/tokens/v0_192/_md-comp-assist-chip.scss +111 -0
  756. package/tokens/v0_192/_md-comp-badge.scss +61 -0
  757. package/tokens/v0_192/_md-comp-banner.scss +76 -0
  758. package/tokens/v0_192/_md-comp-bottom-app-bar.scss +36 -0
  759. package/tokens/v0_192/_md-comp-carousel-item.scss +66 -0
  760. package/tokens/v0_192/_md-comp-checkbox.scss +129 -0
  761. package/tokens/v0_192/_md-comp-circular-progress-indicator.scss +41 -0
  762. package/tokens/v0_192/_md-comp-data-table.scss +99 -0
  763. package/tokens/v0_192/_md-comp-date-input-modal.scss +90 -0
  764. package/tokens/v0_192/_md-comp-date-picker-docked.scss +247 -0
  765. package/tokens/v0_192/_md-comp-date-picker-modal.scss +306 -0
  766. package/tokens/v0_192/_md-comp-dialog.scss +124 -0
  767. package/tokens/v0_192/_md-comp-divider.scss +28 -0
  768. package/tokens/v0_192/_md-comp-elevated-button.scss +92 -0
  769. package/tokens/v0_192/_md-comp-elevated-card.scss +60 -0
  770. package/tokens/v0_192/_md-comp-extended-fab-branded.scss +89 -0
  771. package/tokens/v0_192/_md-comp-extended-fab-primary.scss +97 -0
  772. package/tokens/v0_192/_md-comp-extended-fab-secondary.scss +98 -0
  773. package/tokens/v0_192/_md-comp-extended-fab-surface.scss +93 -0
  774. package/tokens/v0_192/_md-comp-extended-fab-tertiary.scss +98 -0
  775. package/tokens/v0_192/_md-comp-fab-branded-large.scss +63 -0
  776. package/tokens/v0_192/_md-comp-fab-branded.scss +63 -0
  777. package/tokens/v0_192/_md-comp-fab-primary-large.scss +68 -0
  778. package/tokens/v0_192/_md-comp-fab-primary-small.scss +68 -0
  779. package/tokens/v0_192/_md-comp-fab-primary.scss +68 -0
  780. package/tokens/v0_192/_md-comp-fab-secondary-large.scss +69 -0
  781. package/tokens/v0_192/_md-comp-fab-secondary-small.scss +69 -0
  782. package/tokens/v0_192/_md-comp-fab-secondary.scss +69 -0
  783. package/tokens/v0_192/_md-comp-fab-surface-large.scss +67 -0
  784. package/tokens/v0_192/_md-comp-fab-surface-small.scss +67 -0
  785. package/tokens/v0_192/_md-comp-fab-surface.scss +67 -0
  786. package/tokens/v0_192/_md-comp-fab-tertiary-large.scss +69 -0
  787. package/tokens/v0_192/_md-comp-fab-tertiary-small.scss +69 -0
  788. package/tokens/v0_192/_md-comp-fab-tertiary.scss +69 -0
  789. package/tokens/v0_192/_md-comp-filled-autocomplete.scss +239 -0
  790. package/tokens/v0_192/_md-comp-filled-button.scss +92 -0
  791. package/tokens/v0_192/_md-comp-filled-card.scss +62 -0
  792. package/tokens/v0_192/_md-comp-filled-icon-button.scss +83 -0
  793. package/tokens/v0_192/_md-comp-filled-menu-button.scss +101 -0
  794. package/tokens/v0_192/_md-comp-filled-select.scss +273 -0
  795. package/tokens/v0_192/_md-comp-filled-text-field.scss +193 -0
  796. package/tokens/v0_192/_md-comp-filled-tonal-button.scss +102 -0
  797. package/tokens/v0_192/_md-comp-filled-tonal-icon-button.scss +90 -0
  798. package/tokens/v0_192/_md-comp-filter-chip.scss +210 -0
  799. package/tokens/v0_192/_md-comp-full-screen-dialog.scss +114 -0
  800. package/tokens/v0_192/_md-comp-icon-button.scss +74 -0
  801. package/tokens/v0_192/_md-comp-input-chip.scss +187 -0
  802. package/tokens/v0_192/_md-comp-linear-progress-indicator.scss +43 -0
  803. package/tokens/v0_192/_md-comp-list.scss +255 -0
  804. package/tokens/v0_192/_md-comp-menu.scss +44 -0
  805. package/tokens/v0_192/_md-comp-navigation-bar.scss +115 -0
  806. package/tokens/v0_192/_md-comp-navigation-drawer.scss +165 -0
  807. package/tokens/v0_192/_md-comp-navigation-rail.scss +119 -0
  808. package/tokens/v0_192/_md-comp-outlined-autocomplete.scss +229 -0
  809. package/tokens/v0_192/_md-comp-outlined-button.scss +87 -0
  810. package/tokens/v0_192/_md-comp-outlined-card.scss +66 -0
  811. package/tokens/v0_192/_md-comp-outlined-icon-button.scss +83 -0
  812. package/tokens/v0_192/_md-comp-outlined-menu-button.scss +97 -0
  813. package/tokens/v0_192/_md-comp-outlined-segmented-button.scss +115 -0
  814. package/tokens/v0_192/_md-comp-outlined-select.scss +263 -0
  815. package/tokens/v0_192/_md-comp-outlined-text-field.scss +174 -0
  816. package/tokens/v0_192/_md-comp-plain-tooltip.scss +58 -0
  817. package/tokens/v0_192/_md-comp-primary-navigation-tab.scss +124 -0
  818. package/tokens/v0_192/_md-comp-radio-button.scss +71 -0
  819. package/tokens/v0_192/_md-comp-rich-tooltip.scss +122 -0
  820. package/tokens/v0_192/_md-comp-scrim.scss +28 -0
  821. package/tokens/v0_192/_md-comp-search-bar.scss +100 -0
  822. package/tokens/v0_192/_md-comp-search-view.scss +94 -0
  823. package/tokens/v0_192/_md-comp-secondary-navigation-tab.scss +87 -0
  824. package/tokens/v0_192/_md-comp-sheet-bottom.scss +46 -0
  825. package/tokens/v0_192/_md-comp-sheet-floating.scss +35 -0
  826. package/tokens/v0_192/_md-comp-sheet-side.scss +94 -0
  827. package/tokens/v0_192/_md-comp-slider.scss +118 -0
  828. package/tokens/v0_192/_md-comp-snackbar.scss +130 -0
  829. package/tokens/v0_192/_md-comp-standard-menu-button.scss +101 -0
  830. package/tokens/v0_192/_md-comp-suggestion-chip.scss +127 -0
  831. package/tokens/v0_192/_md-comp-switch.scss +141 -0
  832. package/tokens/v0_192/_md-comp-text-button.scss +80 -0
  833. package/tokens/v0_192/_md-comp-time-input.scss +220 -0
  834. package/tokens/v0_192/_md-comp-time-picker.scss +267 -0
  835. package/tokens/v0_192/_md-comp-top-app-bar-large.scss +64 -0
  836. package/tokens/v0_192/_md-comp-top-app-bar-medium.scss +64 -0
  837. package/tokens/v0_192/_md-comp-top-app-bar-small-centered.scss +71 -0
  838. package/tokens/v0_192/_md-comp-top-app-bar-small.scss +67 -0
  839. package/tokens/v0_192/_md-ref-palette.scss +109 -0
  840. package/tokens/v0_192/_md-ref-typeface.scss +23 -0
  841. package/tokens/v0_192/_md-sys-color.scss +135 -0
  842. package/tokens/v0_192/_md-sys-elevation.scss +24 -0
  843. package/tokens/v0_192/_md-sys-motion.scss +55 -0
  844. package/tokens/v0_192/_md-sys-shape.scss +33 -0
  845. package/tokens/v0_192/_md-sys-state.scss +22 -0
  846. package/tokens/v0_192/_md-sys-typescale.scss +286 -0
  847. package/tokens/v0_192/index.test.css.d.ts +1 -0
  848. package/tokens/v0_192/lib.test.css.d.ts +1 -0
  849. package/typography/_typeface.scss +49 -0
  850. package/typography/_typescale.scss +50 -0
  851. package/aria/aria.d.ts +0 -43
  852. package/aria/aria.js +0 -80
  853. package/aria/aria.js.map +0 -1
  854. package/aria/delegate.d.ts +0 -37
  855. package/aria/delegate.js +0 -53
  856. package/aria/delegate.js.map +0 -1
  857. package/badge/_badge.scss +0 -6
  858. package/badge/badge.d.ts +0 -18
  859. package/badge/badge.js +0 -21
  860. package/badge/badge.js.map +0 -1
  861. package/badge/lib/_badge.scss +0 -69
  862. package/badge/lib/badge-styles.css.js +0 -9
  863. package/badge/lib/badge-styles.css.js.map +0 -1
  864. package/button/_tonal-button.scss +0 -6
  865. package/button/lib/_elevated-button.scss +0 -62
  866. package/button/lib/_elevation.scss +0 -68
  867. package/button/lib/_filled-button.scss +0 -62
  868. package/button/lib/_icon.scss +0 -42
  869. package/button/lib/_outlined-button.scss +0 -103
  870. package/button/lib/_shared.scss +0 -159
  871. package/button/lib/_text-button.scss +0 -65
  872. package/button/lib/_tonal-button.scss +0 -61
  873. package/button/lib/_touch-target.scss +0 -18
  874. package/button/lib/button.d.ts +0 -69
  875. package/button/lib/button.js +0 -174
  876. package/button/lib/button.js.map +0 -1
  877. package/button/lib/elevated-button.d.ts +0 -18
  878. package/button/lib/elevated-button.js +0 -23
  879. package/button/lib/elevated-button.js.map +0 -1
  880. package/button/lib/elevated-styles.css.js +0 -9
  881. package/button/lib/elevated-styles.css.js.map +0 -1
  882. package/button/lib/filled-button.d.ts +0 -18
  883. package/button/lib/filled-button.js +0 -23
  884. package/button/lib/filled-button.js.map +0 -1
  885. package/button/lib/filled-styles.css.js +0 -9
  886. package/button/lib/filled-styles.css.js.map +0 -1
  887. package/button/lib/outlined-button.d.ts +0 -17
  888. package/button/lib/outlined-button.js +0 -22
  889. package/button/lib/outlined-button.js.map +0 -1
  890. package/button/lib/outlined-styles.css.js +0 -9
  891. package/button/lib/outlined-styles.css.js.map +0 -1
  892. package/button/lib/shared-elevation-styles.css.js +0 -9
  893. package/button/lib/shared-elevation-styles.css.js.map +0 -1
  894. package/button/lib/shared-styles.css.js +0 -9
  895. package/button/lib/shared-styles.css.js.map +0 -1
  896. package/button/lib/text-button.d.ts +0 -16
  897. package/button/lib/text-button.js +0 -18
  898. package/button/lib/text-button.js.map +0 -1
  899. package/button/lib/text-styles.css.js +0 -9
  900. package/button/lib/text-styles.css.js.map +0 -1
  901. package/button/lib/tonal-button.d.ts +0 -18
  902. package/button/lib/tonal-button.js +0 -23
  903. package/button/lib/tonal-button.js.map +0 -1
  904. package/button/lib/tonal-styles.css.js +0 -9
  905. package/button/lib/tonal-styles.css.js.map +0 -1
  906. package/button/lib/tonal-styles.scss +0 -10
  907. package/button/tonal-button.d.ts +0 -35
  908. package/button/tonal-button.js +0 -40
  909. package/button/tonal-button.js.map +0 -1
  910. package/checkbox/lib/_checkbox.scss +0 -457
  911. package/checkbox/lib/checkbox-styles.css.js +0 -9
  912. package/checkbox/lib/checkbox-styles.css.js.map +0 -1
  913. package/checkbox/lib/checkbox.d.ts +0 -64
  914. package/checkbox/lib/checkbox.js +0 -190
  915. package/checkbox/lib/checkbox.js.map +0 -1
  916. package/checkbox/lib/forced-colors-styles.css.js +0 -9
  917. package/checkbox/lib/forced-colors-styles.css.js.map +0 -1
  918. package/checkbox/lib/forced-colors-styles.scss +0 -49
  919. package/chips/lib/_assist-chip.scss +0 -61
  920. package/chips/lib/_elevated.scss +0 -60
  921. package/chips/lib/_filter-chip.scss +0 -175
  922. package/chips/lib/_shared.scss +0 -177
  923. package/chips/lib/_suggestion-chip.scss +0 -61
  924. package/chips/lib/assist-chip.d.ts +0 -23
  925. package/chips/lib/assist-chip.js +0 -76
  926. package/chips/lib/assist-chip.js.map +0 -1
  927. package/chips/lib/assist-styles.css.js +0 -9
  928. package/chips/lib/assist-styles.css.js.map +0 -1
  929. package/chips/lib/chip.d.ts +0 -37
  930. package/chips/lib/chip.js +0 -89
  931. package/chips/lib/chip.js.map +0 -1
  932. package/chips/lib/elevated-styles.css.js +0 -9
  933. package/chips/lib/elevated-styles.css.js.map +0 -1
  934. package/chips/lib/filter-chip.d.ts +0 -26
  935. package/chips/lib/filter-chip.js +0 -80
  936. package/chips/lib/filter-chip.js.map +0 -1
  937. package/chips/lib/filter-styles.css.js +0 -9
  938. package/chips/lib/filter-styles.css.js.map +0 -1
  939. package/chips/lib/shared-styles.css.js +0 -9
  940. package/chips/lib/shared-styles.css.js.map +0 -1
  941. package/chips/lib/suggestion-styles.css.js +0 -9
  942. package/chips/lib/suggestion-styles.css.js.map +0 -1
  943. package/circularprogress/_circular-progress.scss +0 -6
  944. package/circularprogress/circular-progress.d.ts +0 -24
  945. package/circularprogress/circular-progress.js +0 -27
  946. package/circularprogress/circular-progress.js.map +0 -1
  947. package/circularprogress/harness.d.ts +0 -13
  948. package/circularprogress/harness.js +0 -16
  949. package/circularprogress/harness.js.map +0 -1
  950. package/circularprogress/lib/_circular-progress.scss +0 -288
  951. package/circularprogress/lib/circular-progress-styles.css.js +0 -9
  952. package/circularprogress/lib/circular-progress-styles.css.js.map +0 -1
  953. package/circularprogress/lib/circular-progress.d.ts +0 -27
  954. package/circularprogress/lib/circular-progress.js +0 -94
  955. package/circularprogress/lib/circular-progress.js.map +0 -1
  956. package/controller/form-associated.d.ts +0 -14
  957. package/controller/form-associated.js +0 -12
  958. package/controller/form-associated.js.map +0 -1
  959. package/controller/form-controller.d.ts +0 -66
  960. package/controller/form-controller.js +0 -74
  961. package/controller/form-controller.js.map +0 -1
  962. package/controller/shim-label-activation.d.ts +0 -18
  963. package/controller/shim-label-activation.js +0 -72
  964. package/controller/shim-label-activation.js.map +0 -1
  965. package/dialog/lib/_dialog.scss +0 -378
  966. package/dialog/lib/_tokens.scss +0 -87
  967. package/dialog/lib/dialog-styles.css.js +0 -9
  968. package/dialog/lib/dialog-styles.css.js.map +0 -1
  969. package/dialog/lib/dialog.d.ts +0 -190
  970. package/dialog/lib/dialog.js +0 -545
  971. package/dialog/lib/dialog.js.map +0 -1
  972. package/divider/lib/_divider.scss +0 -56
  973. package/elevation/lib/_elevation.scss +0 -165
  974. package/elevation/lib/elevation-styles.css.js +0 -9
  975. package/elevation/lib/elevation-styles.css.js.map +0 -1
  976. package/elevation/lib/elevation.d.ts +0 -12
  977. package/elevation/lib/elevation.js +0 -15
  978. package/elevation/lib/elevation.js.map +0 -1
  979. package/fab/lib/_fab.scss +0 -245
  980. package/fab/lib/_shared.scss +0 -224
  981. package/fab/lib/fab-branded-styles.css.js +0 -9
  982. package/fab/lib/fab-branded-styles.css.js.map +0 -1
  983. package/fab/lib/fab-styles.css.js +0 -9
  984. package/fab/lib/fab-styles.css.js.map +0 -1
  985. package/fab/lib/fab.d.ts +0 -25
  986. package/fab/lib/fab.js.map +0 -1
  987. package/fab/lib/forced-colors-styles.css.js +0 -9
  988. package/fab/lib/forced-colors-styles.css.js.map +0 -1
  989. package/fab/lib/forced-colors-styles.scss +0 -26
  990. package/fab/lib/shared-styles.css.js +0 -9
  991. package/fab/lib/shared-styles.css.js.map +0 -1
  992. package/fab/lib/shared.d.ts +0 -49
  993. package/fab/lib/shared.js +0 -113
  994. package/fab/lib/shared.js.map +0 -1
  995. package/field/lib/_content.scss +0 -175
  996. package/field/lib/_filled-field.scss +0 -189
  997. package/field/lib/_label.scss +0 -74
  998. package/field/lib/_outlined-field.scss +0 -313
  999. package/field/lib/_shared.scss +0 -65
  1000. package/field/lib/_supporting-text.scss +0 -56
  1001. package/field/lib/field.d.ts +0 -41
  1002. package/field/lib/field.js +0 -236
  1003. package/field/lib/field.js.map +0 -1
  1004. package/field/lib/filled-styles.css.js +0 -9
  1005. package/field/lib/filled-styles.css.js.map +0 -1
  1006. package/field/lib/outlined-field.d.ts +0 -13
  1007. package/field/lib/outlined-field.js.map +0 -1
  1008. package/field/lib/outlined-styles.css.js +0 -9
  1009. package/field/lib/outlined-styles.css.js.map +0 -1
  1010. package/field/lib/shared-styles.css.js +0 -9
  1011. package/field/lib/shared-styles.css.js.map +0 -1
  1012. package/focus/focus-ring.d.ts +0 -20
  1013. package/focus/focus-ring.js +0 -23
  1014. package/focus/focus-ring.js.map +0 -1
  1015. package/focus/lib/_focus-ring.scss +0 -86
  1016. package/focus/lib/focus-ring-styles.css.js +0 -9
  1017. package/focus/lib/focus-ring-styles.css.js.map +0 -1
  1018. package/focus/lib/focus-ring.d.ts +0 -72
  1019. package/focus/lib/focus-ring.js +0 -139
  1020. package/focus/lib/focus-ring.js.map +0 -1
  1021. package/icon/lib/_icon.scss +0 -61
  1022. package/icon/lib/_md-comp-icon.scss +0 -18
  1023. package/icon/lib/icon-styles.css.js +0 -9
  1024. package/icon/lib/icon-styles.css.js.map +0 -1
  1025. package/icon/lib/icon.d.ts +0 -12
  1026. package/icon/lib/icon.js +0 -15
  1027. package/icon/lib/icon.js.map +0 -1
  1028. package/iconbutton/_standard-icon-button.scss +0 -6
  1029. package/iconbutton/lib/_filled-icon-button.scss +0 -157
  1030. package/iconbutton/lib/_filled-tonal-icon-button.scss +0 -159
  1031. package/iconbutton/lib/_outlined-icon-button.scss +0 -180
  1032. package/iconbutton/lib/_shared.scss +0 -163
  1033. package/iconbutton/lib/_standard-icon-button.scss +0 -115
  1034. package/iconbutton/lib/filled-styles.css.js +0 -9
  1035. package/iconbutton/lib/filled-styles.css.js.map +0 -1
  1036. package/iconbutton/lib/filled-tonal-styles.css.js +0 -9
  1037. package/iconbutton/lib/filled-tonal-styles.css.js.map +0 -1
  1038. package/iconbutton/lib/icon-button.d.ts +0 -63
  1039. package/iconbutton/lib/icon-button.js +0 -179
  1040. package/iconbutton/lib/icon-button.js.map +0 -1
  1041. package/iconbutton/lib/outlined-styles.css.js +0 -9
  1042. package/iconbutton/lib/outlined-styles.css.js.map +0 -1
  1043. package/iconbutton/lib/shared-styles.css.js +0 -9
  1044. package/iconbutton/lib/shared-styles.css.js.map +0 -1
  1045. package/iconbutton/lib/standard-styles.css.js +0 -9
  1046. package/iconbutton/lib/standard-styles.css.js.map +0 -1
  1047. package/iconbutton/lib/standard-styles.scss +0 -10
  1048. package/iconbutton/standard-icon-button.d.ts +0 -34
  1049. package/iconbutton/standard-icon-button.js +0 -39
  1050. package/iconbutton/standard-icon-button.js.map +0 -1
  1051. package/linearprogress/_linear-progress.scss +0 -6
  1052. package/linearprogress/harness.d.ts +0 -13
  1053. package/linearprogress/harness.js +0 -18
  1054. package/linearprogress/harness.js.map +0 -1
  1055. package/linearprogress/lib/_linear-progress.scss +0 -386
  1056. package/linearprogress/lib/linear-progress-styles.css.js +0 -9
  1057. package/linearprogress/lib/linear-progress-styles.css.js.map +0 -1
  1058. package/linearprogress/lib/linear-progress.d.ts +0 -35
  1059. package/linearprogress/lib/linear-progress.js +0 -127
  1060. package/linearprogress/lib/linear-progress.js.map +0 -1
  1061. package/linearprogress/linear-progress.d.ts +0 -23
  1062. package/linearprogress/linear-progress.js +0 -26
  1063. package/linearprogress/linear-progress.js.map +0 -1
  1064. package/list/lib/_list.scss +0 -55
  1065. package/list/lib/list-styles.css.js +0 -9
  1066. package/list/lib/list-styles.css.js.map +0 -1
  1067. package/list/lib/list.d.ts +0 -110
  1068. package/list/lib/list.js +0 -260
  1069. package/list/lib/list.js.map +0 -1
  1070. package/list/lib/listitem/_list-item.scss +0 -425
  1071. package/list/lib/listitem/forced-colors-styles.css.js +0 -9
  1072. package/list/lib/listitem/forced-colors-styles.css.js.map +0 -1
  1073. package/list/lib/listitem/forced-colors-styles.scss +0 -23
  1074. package/list/lib/listitem/harness.d.ts +0 -13
  1075. package/list/lib/listitem/harness.js +0 -17
  1076. package/list/lib/listitem/harness.js.map +0 -1
  1077. package/list/lib/listitem/list-item-styles.css.js +0 -9
  1078. package/list/lib/listitem/list-item-styles.css.js.map +0 -1
  1079. package/list/lib/listitem/list-item.d.ts +0 -129
  1080. package/list/lib/listitem/list-item.js +0 -236
  1081. package/list/lib/listitem/list-item.js.map +0 -1
  1082. package/list/lib/listitemlink/list-item-link.d.ts +0 -17
  1083. package/list/lib/listitemlink/list-item-link.js +0 -38
  1084. package/list/lib/listitemlink/list-item-link.js.map +0 -1
  1085. package/list/list-item-link.d.ts +0 -53
  1086. package/list/list-item-link.js +0 -57
  1087. package/list/list-item-link.js.map +0 -1
  1088. package/localization/localize.d.ts +0 -15
  1089. package/localization/localize.js +0 -18
  1090. package/localization/localize.js.map +0 -1
  1091. package/menu/lib/_menu.scss +0 -103
  1092. package/menu/lib/menu-styles.css.js +0 -9
  1093. package/menu/lib/menu-styles.css.js.map +0 -1
  1094. package/menu/lib/menu.d.ts +0 -211
  1095. package/menu/lib/menu.js +0 -650
  1096. package/menu/lib/menu.js.map +0 -1
  1097. package/menu/lib/menuitem/_menu-item.scss +0 -60
  1098. package/menu/lib/menuitem/forced-colors-styles.css.js +0 -9
  1099. package/menu/lib/menuitem/forced-colors-styles.css.js.map +0 -1
  1100. package/menu/lib/menuitem/forced-colors-styles.scss +0 -22
  1101. package/menu/lib/menuitem/harness.d.ts +0 -11
  1102. package/menu/lib/menuitem/harness.js +0 -12
  1103. package/menu/lib/menuitem/harness.js.map +0 -1
  1104. package/menu/lib/menuitem/menu-item-styles.css.js +0 -9
  1105. package/menu/lib/menuitem/menu-item-styles.css.js.map +0 -1
  1106. package/menu/lib/menuitem/menu-item.d.ts +0 -28
  1107. package/menu/lib/menuitem/menu-item.js +0 -51
  1108. package/menu/lib/menuitem/menu-item.js.map +0 -1
  1109. package/menu/lib/menuitemlink/menu-item-link.d.ts +0 -23
  1110. package/menu/lib/menuitemlink/menu-item-link.js +0 -49
  1111. package/menu/lib/menuitemlink/menu-item-link.js.map +0 -1
  1112. package/menu/lib/shared.d.ts +0 -178
  1113. package/menu/lib/shared.js +0 -142
  1114. package/menu/lib/shared.js.map +0 -1
  1115. package/menu/lib/submenuitem/harness.d.ts +0 -11
  1116. package/menu/lib/submenuitem/harness.js +0 -12
  1117. package/menu/lib/submenuitem/harness.js.map +0 -1
  1118. package/menu/lib/submenuitem/sub-menu-item.d.ts +0 -99
  1119. package/menu/lib/submenuitem/sub-menu-item.js +0 -293
  1120. package/menu/lib/submenuitem/sub-menu-item.js.map +0 -1
  1121. package/menu/lib/surfacePositionController.d.ts +0 -125
  1122. package/menu/lib/surfacePositionController.js +0 -200
  1123. package/menu/lib/surfacePositionController.js.map +0 -1
  1124. package/menu/lib/typeaheadController.d.ts +0 -157
  1125. package/menu/lib/typeaheadController.js +0 -252
  1126. package/menu/lib/typeaheadController.js.map +0 -1
  1127. package/menu/menu-item-link.d.ts +0 -33
  1128. package/menu/menu-item-link.js +0 -38
  1129. package/menu/menu-item-link.js.map +0 -1
  1130. package/menu/sub-menu-item.d.ts +0 -60
  1131. package/menu/sub-menu-item.js +0 -65
  1132. package/menu/sub-menu-item.js.map +0 -1
  1133. package/motion/animation.d.ts +0 -80
  1134. package/motion/animation.js +0 -101
  1135. package/motion/animation.js.map +0 -1
  1136. package/navigationbar/_navigation-bar.scss +0 -6
  1137. package/navigationbar/harness.d.ts +0 -19
  1138. package/navigationbar/harness.js +0 -29
  1139. package/navigationbar/harness.js.map +0 -1
  1140. package/navigationbar/lib/_navigation-bar.scss +0 -68
  1141. package/navigationbar/lib/constants.d.ts +0 -17
  1142. package/navigationbar/lib/constants.js.map +0 -1
  1143. package/navigationbar/lib/navigation-bar-styles.css.js +0 -9
  1144. package/navigationbar/lib/navigation-bar-styles.css.js.map +0 -1
  1145. package/navigationbar/lib/navigation-bar.d.ts +0 -27
  1146. package/navigationbar/lib/navigation-bar.js +0 -140
  1147. package/navigationbar/lib/navigation-bar.js.map +0 -1
  1148. package/navigationbar/lib/state.d.ts +0 -23
  1149. package/navigationbar/lib/state.js.map +0 -1
  1150. package/navigationbar/navigation-bar.d.ts +0 -18
  1151. package/navigationbar/navigation-bar.js +0 -21
  1152. package/navigationbar/navigation-bar.js.map +0 -1
  1153. package/navigationdrawer/_navigation-drawer-modal.scss +0 -6
  1154. package/navigationdrawer/_navigation-drawer.scss +0 -6
  1155. package/navigationdrawer/lib/_navigation-drawer-modal.scss +0 -107
  1156. package/navigationdrawer/lib/_navigation-drawer.scss +0 -94
  1157. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +0 -9
  1158. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +0 -1
  1159. package/navigationdrawer/lib/navigation-drawer-modal.js +0 -83
  1160. package/navigationdrawer/lib/navigation-drawer-modal.js.map +0 -1
  1161. package/navigationdrawer/lib/navigation-drawer-styles.css.js +0 -9
  1162. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +0 -1
  1163. package/navigationdrawer/lib/navigation-drawer.d.ts +0 -17
  1164. package/navigationdrawer/lib/navigation-drawer.js +0 -66
  1165. package/navigationdrawer/lib/navigation-drawer.js.map +0 -1
  1166. package/navigationdrawer/navigation-drawer-modal.d.ts +0 -18
  1167. package/navigationdrawer/navigation-drawer-modal.js +0 -22
  1168. package/navigationdrawer/navigation-drawer-modal.js.map +0 -1
  1169. package/navigationdrawer/navigation-drawer.d.ts +0 -18
  1170. package/navigationdrawer/navigation-drawer.js +0 -22
  1171. package/navigationdrawer/navigation-drawer.js.map +0 -1
  1172. package/navigationtab/_navigation-tab.scss +0 -6
  1173. package/navigationtab/harness.d.ts +0 -13
  1174. package/navigationtab/harness.js +0 -16
  1175. package/navigationtab/harness.js.map +0 -1
  1176. package/navigationtab/lib/_navigation-tab.scss +0 -261
  1177. package/navigationtab/lib/navigation-tab-styles.css.js +0 -9
  1178. package/navigationtab/lib/navigation-tab-styles.css.js.map +0 -1
  1179. package/navigationtab/lib/navigation-tab.d.ts +0 -35
  1180. package/navigationtab/lib/navigation-tab.js +0 -135
  1181. package/navigationtab/lib/navigation-tab.js.map +0 -1
  1182. package/navigationtab/navigation-tab.d.ts +0 -18
  1183. package/navigationtab/navigation-tab.js +0 -21
  1184. package/navigationtab/navigation-tab.js.map +0 -1
  1185. package/radio/lib/_radio.scss +0 -167
  1186. package/radio/lib/forced-colors-styles.css.js +0 -9
  1187. package/radio/lib/forced-colors-styles.css.js.map +0 -1
  1188. package/radio/lib/forced-colors-styles.scss +0 -29
  1189. package/radio/lib/radio-styles.css.js +0 -9
  1190. package/radio/lib/radio-styles.css.js.map +0 -1
  1191. package/radio/lib/radio.d.ts +0 -54
  1192. package/radio/lib/radio.js +0 -152
  1193. package/radio/lib/radio.js.map +0 -1
  1194. package/radio/lib/single-selection-controller.js +0 -193
  1195. package/radio/lib/single-selection-controller.js.map +0 -1
  1196. package/ripple/directive.d.ts +0 -31
  1197. package/ripple/directive.js +0 -79
  1198. package/ripple/directive.js.map +0 -1
  1199. package/ripple/lib/_md-comp-ripple.scss +0 -30
  1200. package/ripple/lib/_ripple.scss +0 -114
  1201. package/ripple/lib/ripple-styles.css.js +0 -9
  1202. package/ripple/lib/ripple-styles.css.js.map +0 -1
  1203. package/ripple/lib/ripple.d.ts +0 -64
  1204. package/ripple/lib/ripple.js +0 -354
  1205. package/ripple/lib/ripple.js.map +0 -1
  1206. package/sass/_assert.scss +0 -23
  1207. package/sass/_color-scheme.scss +0 -92
  1208. package/sass/_color.scss +0 -170
  1209. package/sass/_dom.scss +0 -52
  1210. package/sass/_feature-flags.scss +0 -119
  1211. package/sass/_map-ext.scss +0 -51
  1212. package/sass/_theme.scss +0 -249
  1213. package/sass/_touch-target.scss +0 -22
  1214. package/sass/_var.scss +0 -245
  1215. package/segmentedbutton/lib/_outlined-segmented-button.scss +0 -46
  1216. package/segmentedbutton/lib/_shared.scss +0 -382
  1217. package/segmentedbutton/lib/outlined-styles.css.js +0 -9
  1218. package/segmentedbutton/lib/outlined-styles.css.js.map +0 -1
  1219. package/segmentedbutton/lib/segmented-button.d.ts +0 -48
  1220. package/segmentedbutton/lib/segmented-button.js +0 -175
  1221. package/segmentedbutton/lib/segmented-button.js.map +0 -1
  1222. package/segmentedbutton/lib/shared-styles.css.js +0 -9
  1223. package/segmentedbutton/lib/shared-styles.css.js.map +0 -1
  1224. package/segmentedbutton/outlined-segmented-button.d.ts +0 -20
  1225. package/segmentedbutton/outlined-segmented-button.js +0 -24
  1226. package/segmentedbutton/outlined-segmented-button.js.map +0 -1
  1227. package/segmentedbuttonset/lib/_outlined-segmented-button-set.scss +0 -53
  1228. package/segmentedbuttonset/lib/outlined-styles.css.js +0 -9
  1229. package/segmentedbuttonset/lib/outlined-styles.css.js.map +0 -1
  1230. package/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -26
  1231. package/segmentedbuttonset/lib/segmented-button-set.js +0 -110
  1232. package/segmentedbuttonset/lib/segmented-button-set.js.map +0 -1
  1233. package/segmentedbuttonset/outlined-segmented-button-set.d.ts +0 -20
  1234. package/segmentedbuttonset/outlined-segmented-button-set.js +0 -24
  1235. package/segmentedbuttonset/outlined-segmented-button-set.js.map +0 -1
  1236. package/select/lib/_filled-select.scss +0 -222
  1237. package/select/lib/_outlined-select.scss +0 -180
  1238. package/select/lib/_shared.scss +0 -48
  1239. package/select/lib/filled-select-styles.css.js +0 -9
  1240. package/select/lib/filled-select-styles.css.js.map +0 -1
  1241. package/select/lib/outlined-select-styles.css.js +0 -9
  1242. package/select/lib/outlined-select-styles.css.js.map +0 -1
  1243. package/select/lib/select.d.ts +0 -216
  1244. package/select/lib/select.js +0 -589
  1245. package/select/lib/select.js.map +0 -1
  1246. package/select/lib/selectoption/harness.d.ts +0 -11
  1247. package/select/lib/selectoption/harness.js +0 -12
  1248. package/select/lib/selectoption/harness.js.map +0 -1
  1249. package/select/lib/selectoption/select-option.d.ts +0 -30
  1250. package/select/lib/selectoption/select-option.js +0 -71
  1251. package/select/lib/selectoption/select-option.js.map +0 -1
  1252. package/select/lib/shared-styles.css.js +0 -9
  1253. package/select/lib/shared-styles.css.js.map +0 -1
  1254. package/select/lib/shared.d.ts +0 -52
  1255. package/select/lib/shared.js +0 -41
  1256. package/select/lib/shared.js.map +0 -1
  1257. package/slider/lib/_slider.scss +0 -476
  1258. package/slider/lib/forced-colors-styles.css.js +0 -9
  1259. package/slider/lib/forced-colors-styles.css.js.map +0 -1
  1260. package/slider/lib/forced-colors-styles.scss +0 -53
  1261. package/slider/lib/slider-styles.css.js +0 -9
  1262. package/slider/lib/slider-styles.css.js.map +0 -1
  1263. package/slider/lib/slider.d.ts +0 -124
  1264. package/slider/lib/slider.js +0 -485
  1265. package/slider/lib/slider.js.map +0 -1
  1266. package/switch/lib/README.md +0 -55
  1267. package/switch/lib/_handle.scss +0 -168
  1268. package/switch/lib/_icon.scss +0 -73
  1269. package/switch/lib/_switch.scss +0 -226
  1270. package/switch/lib/_track.scss +0 -98
  1271. package/switch/lib/switch-styles.css.js +0 -9
  1272. package/switch/lib/switch-styles.css.js.map +0 -1
  1273. package/switch/lib/switch.d.ts +0 -75
  1274. package/switch/lib/switch.js +0 -215
  1275. package/switch/lib/switch.js.map +0 -1
  1276. package/textfield/lib/_filled-text-field.scss +0 -205
  1277. package/textfield/lib/_input.scss +0 -61
  1278. package/textfield/lib/_outlined-text-field.scss +0 -161
  1279. package/textfield/lib/_shared.scss +0 -41
  1280. package/textfield/lib/filled-styles.css.js +0 -9
  1281. package/textfield/lib/filled-styles.css.js.map +0 -1
  1282. package/textfield/lib/outlined-styles.css.js +0 -9
  1283. package/textfield/lib/outlined-styles.css.js.map +0 -1
  1284. package/textfield/lib/shared-styles.css.js +0 -9
  1285. package/textfield/lib/shared-styles.css.js.map +0 -1
  1286. package/textfield/lib/text-field.d.ts +0 -338
  1287. package/textfield/lib/text-field.js +0 -720
  1288. package/textfield/lib/text-field.js.map +0 -1
  1289. package/tokens/_md-comp-banner.scss +0 -23
  1290. package/tokens/_md-comp-bottom-app-bar.scss +0 -21
  1291. package/tokens/_md-comp-carousel-item.scss +0 -23
  1292. package/tokens/_md-comp-circular-progress-indicator.scss +0 -63
  1293. package/tokens/_md-comp-data-table.scss +0 -23
  1294. package/tokens/_md-comp-date-input-modal.scss +0 -23
  1295. package/tokens/_md-comp-date-picker-docked.scss +0 -25
  1296. package/tokens/_md-comp-date-picker-modal.scss +0 -25
  1297. package/tokens/_md-comp-elevated-card.scss +0 -23
  1298. package/tokens/_md-comp-filled-autocomplete.scss +0 -25
  1299. package/tokens/_md-comp-filled-card.scss +0 -23
  1300. package/tokens/_md-comp-filled-menu-button.scss +0 -25
  1301. package/tokens/_md-comp-linear-progress-indicator.scss +0 -50
  1302. package/tokens/_md-comp-navigation-rail.scss +0 -25
  1303. package/tokens/_md-comp-outlined-autocomplete.scss +0 -28
  1304. package/tokens/_md-comp-outlined-card.scss +0 -23
  1305. package/tokens/_md-comp-outlined-menu-button.scss +0 -23
  1306. package/tokens/_md-comp-plain-tooltip.scss +0 -21
  1307. package/tokens/_md-comp-primary-navigation-tab.scss +0 -50
  1308. package/tokens/_md-comp-radio-button.scss +0 -19
  1309. package/tokens/_md-comp-rich-tooltip.scss +0 -25
  1310. package/tokens/_md-comp-scrim.scss +0 -17
  1311. package/tokens/_md-comp-search-bar.scss +0 -25
  1312. package/tokens/_md-comp-search-view.scss +0 -23
  1313. package/tokens/_md-comp-secondary-navigation-tab.scss +0 -49
  1314. package/tokens/_md-comp-sheet-bottom.scss +0 -21
  1315. package/tokens/_md-comp-sheet-floating.scss +0 -21
  1316. package/tokens/_md-comp-sheet-side.scss +0 -25
  1317. package/tokens/_md-comp-snackbar.scss +0 -25
  1318. package/tokens/_md-comp-standard-menu-button.scss +0 -23
  1319. package/tokens/_md-comp-time-input.scss +0 -25
  1320. package/tokens/_md-comp-time-picker.scss +0 -25
  1321. package/tokens/_md-comp-top-app-bar-large.scss +0 -23
  1322. package/tokens/_md-comp-top-app-bar-medium.scss +0 -23
  1323. package/tokens/_md-comp-top-app-bar-small-centered.scss +0 -26
  1324. package/tokens/_md-comp-top-app-bar-small.scss +0 -23
  1325. package/tokens/v0_172/_md-comp-assist-chip.scss +0 -108
  1326. package/tokens/v0_172/_md-comp-badge.scss +0 -58
  1327. package/tokens/v0_172/_md-comp-banner.scss +0 -73
  1328. package/tokens/v0_172/_md-comp-bottom-app-bar.scss +0 -33
  1329. package/tokens/v0_172/_md-comp-carousel-item.scss +0 -63
  1330. package/tokens/v0_172/_md-comp-checkbox.scss +0 -126
  1331. package/tokens/v0_172/_md-comp-circular-progress-indicator.scss +0 -39
  1332. package/tokens/v0_172/_md-comp-data-table.scss +0 -96
  1333. package/tokens/v0_172/_md-comp-date-input-modal.scss +0 -87
  1334. package/tokens/v0_172/_md-comp-date-picker-docked.scss +0 -244
  1335. package/tokens/v0_172/_md-comp-date-picker-modal.scss +0 -303
  1336. package/tokens/v0_172/_md-comp-dialog.scss +0 -121
  1337. package/tokens/v0_172/_md-comp-divider.scss +0 -25
  1338. package/tokens/v0_172/_md-comp-elevated-button.scss +0 -89
  1339. package/tokens/v0_172/_md-comp-elevated-card.scss +0 -57
  1340. package/tokens/v0_172/_md-comp-extended-fab-branded.scss +0 -86
  1341. package/tokens/v0_172/_md-comp-extended-fab-primary.scss +0 -94
  1342. package/tokens/v0_172/_md-comp-extended-fab-secondary.scss +0 -95
  1343. package/tokens/v0_172/_md-comp-extended-fab-surface.scss +0 -90
  1344. package/tokens/v0_172/_md-comp-extended-fab-tertiary.scss +0 -95
  1345. package/tokens/v0_172/_md-comp-fab-branded-large.scss +0 -60
  1346. package/tokens/v0_172/_md-comp-fab-branded.scss +0 -60
  1347. package/tokens/v0_172/_md-comp-fab-primary-large.scss +0 -65
  1348. package/tokens/v0_172/_md-comp-fab-primary-small.scss +0 -65
  1349. package/tokens/v0_172/_md-comp-fab-primary.scss +0 -65
  1350. package/tokens/v0_172/_md-comp-fab-secondary-large.scss +0 -66
  1351. package/tokens/v0_172/_md-comp-fab-secondary-small.scss +0 -66
  1352. package/tokens/v0_172/_md-comp-fab-secondary.scss +0 -66
  1353. package/tokens/v0_172/_md-comp-fab-surface-large.scss +0 -64
  1354. package/tokens/v0_172/_md-comp-fab-surface-small.scss +0 -64
  1355. package/tokens/v0_172/_md-comp-fab-surface.scss +0 -64
  1356. package/tokens/v0_172/_md-comp-fab-tertiary-large.scss +0 -66
  1357. package/tokens/v0_172/_md-comp-fab-tertiary-small.scss +0 -66
  1358. package/tokens/v0_172/_md-comp-fab-tertiary.scss +0 -66
  1359. package/tokens/v0_172/_md-comp-filled-autocomplete.scss +0 -265
  1360. package/tokens/v0_172/_md-comp-filled-button.scss +0 -89
  1361. package/tokens/v0_172/_md-comp-filled-card.scss +0 -59
  1362. package/tokens/v0_172/_md-comp-filled-icon-button.scss +0 -79
  1363. package/tokens/v0_172/_md-comp-filled-menu-button.scss +0 -98
  1364. package/tokens/v0_172/_md-comp-filled-select.scss +0 -270
  1365. package/tokens/v0_172/_md-comp-filled-text-field.scss +0 -190
  1366. package/tokens/v0_172/_md-comp-filled-tonal-button.scss +0 -99
  1367. package/tokens/v0_172/_md-comp-filled-tonal-icon-button.scss +0 -86
  1368. package/tokens/v0_172/_md-comp-filter-chip.scss +0 -207
  1369. package/tokens/v0_172/_md-comp-full-screen-dialog.scss +0 -111
  1370. package/tokens/v0_172/_md-comp-icon-button.scss +0 -70
  1371. package/tokens/v0_172/_md-comp-input-chip.scss +0 -184
  1372. package/tokens/v0_172/_md-comp-linear-progress-indicator.scss +0 -41
  1373. package/tokens/v0_172/_md-comp-list.scss +0 -248
  1374. package/tokens/v0_172/_md-comp-menu.scss +0 -35
  1375. package/tokens/v0_172/_md-comp-navigation-bar.scss +0 -112
  1376. package/tokens/v0_172/_md-comp-navigation-drawer.scss +0 -162
  1377. package/tokens/v0_172/_md-comp-navigation-rail.scss +0 -116
  1378. package/tokens/v0_172/_md-comp-outlined-autocomplete.scss +0 -255
  1379. package/tokens/v0_172/_md-comp-outlined-button.scss +0 -84
  1380. package/tokens/v0_172/_md-comp-outlined-card.scss +0 -63
  1381. package/tokens/v0_172/_md-comp-outlined-icon-button.scss +0 -79
  1382. package/tokens/v0_172/_md-comp-outlined-menu-button.scss +0 -94
  1383. package/tokens/v0_172/_md-comp-outlined-segmented-button.scss +0 -112
  1384. package/tokens/v0_172/_md-comp-outlined-select.scss +0 -260
  1385. package/tokens/v0_172/_md-comp-outlined-text-field.scss +0 -171
  1386. package/tokens/v0_172/_md-comp-plain-tooltip.scss +0 -55
  1387. package/tokens/v0_172/_md-comp-primary-navigation-tab.scss +0 -121
  1388. package/tokens/v0_172/_md-comp-radio-button.scss +0 -68
  1389. package/tokens/v0_172/_md-comp-rich-tooltip.scss +0 -119
  1390. package/tokens/v0_172/_md-comp-scrim.scss +0 -25
  1391. package/tokens/v0_172/_md-comp-search-bar.scss +0 -97
  1392. package/tokens/v0_172/_md-comp-search-view.scss +0 -91
  1393. package/tokens/v0_172/_md-comp-secondary-navigation-tab.scss +0 -84
  1394. package/tokens/v0_172/_md-comp-sheet-bottom.scss +0 -44
  1395. package/tokens/v0_172/_md-comp-sheet-floating.scss +0 -32
  1396. package/tokens/v0_172/_md-comp-sheet-side.scss +0 -91
  1397. package/tokens/v0_172/_md-comp-slider.scss +0 -115
  1398. package/tokens/v0_172/_md-comp-snackbar.scss +0 -127
  1399. package/tokens/v0_172/_md-comp-standard-menu-button.scss +0 -98
  1400. package/tokens/v0_172/_md-comp-suggestion-chip.scss +0 -124
  1401. package/tokens/v0_172/_md-comp-switch.scss +0 -138
  1402. package/tokens/v0_172/_md-comp-text-button.scss +0 -77
  1403. package/tokens/v0_172/_md-comp-time-input.scss +0 -217
  1404. package/tokens/v0_172/_md-comp-time-picker.scss +0 -264
  1405. package/tokens/v0_172/_md-comp-top-app-bar-large.scss +0 -61
  1406. package/tokens/v0_172/_md-comp-top-app-bar-medium.scss +0 -61
  1407. package/tokens/v0_172/_md-comp-top-app-bar-small-centered.scss +0 -68
  1408. package/tokens/v0_172/_md-comp-top-app-bar-small.scss +0 -64
  1409. package/tokens/v0_172/_md-ref-palette.scss +0 -107
  1410. package/tokens/v0_172/_md-ref-typeface.scss +0 -21
  1411. package/tokens/v0_172/_md-sys-color.scss +0 -904
  1412. package/tokens/v0_172/_md-sys-elevation.scss +0 -21
  1413. package/tokens/v0_172/_md-sys-motion.scss +0 -53
  1414. package/tokens/v0_172/_md-sys-shape.scss +0 -30
  1415. package/tokens/v0_172/_md-sys-state.scss +0 -19
  1416. package/tokens/v0_172/_md-sys-typescale.scss +0 -284
  1417. package/types/aria.d.ts +0 -106
  1418. package/types/keys.d.ts +0 -57
  1419. /package/button/{lib → internal}/elevated-styles.css.d.ts +0 -0
  1420. /package/button/{lib → internal}/elevated-styles.scss +0 -0
  1421. /package/button/{lib → internal}/filled-styles.css.d.ts +0 -0
  1422. /package/button/{lib → internal}/filled-styles.scss +0 -0
  1423. /package/{iconbutton/lib → button/internal}/filled-tonal-styles.css.d.ts +0 -0
  1424. /package/button/{lib → internal}/outlined-styles.css.d.ts +0 -0
  1425. /package/button/{lib → internal}/outlined-styles.scss +0 -0
  1426. /package/button/{lib → internal}/shared-elevation-styles.css.d.ts +0 -0
  1427. /package/button/{lib → internal}/shared-elevation-styles.scss +0 -0
  1428. /package/button/{lib → internal}/shared-styles.css.d.ts +0 -0
  1429. /package/button/{lib → internal}/shared-styles.scss +0 -0
  1430. /package/button/{lib → internal}/text-styles.css.d.ts +0 -0
  1431. /package/button/{lib → internal}/text-styles.scss +0 -0
  1432. /package/checkbox/{lib → internal}/checkbox-styles.css.d.ts +0 -0
  1433. /package/checkbox/{lib → internal}/checkbox-styles.scss +0 -0
  1434. /package/chips/{lib → internal}/assist-styles.css.d.ts +0 -0
  1435. /package/chips/{lib → internal}/assist-styles.scss +0 -0
  1436. /package/{badge/lib/badge-styles.css.d.ts → chips/internal/chip-set-styles.css.d.ts} +0 -0
  1437. /package/chips/{lib → internal}/elevated-styles.css.d.ts +0 -0
  1438. /package/chips/{lib → internal}/elevated-styles.scss +0 -0
  1439. /package/chips/{lib → internal}/filter-styles.css.d.ts +0 -0
  1440. /package/chips/{lib → internal}/filter-styles.scss +0 -0
  1441. /package/{button/lib/tonal-styles.css.d.ts → chips/internal/input-styles.css.d.ts} +0 -0
  1442. /package/{checkbox/lib/forced-colors-styles.css.d.ts → chips/internal/selectable-styles.css.d.ts} +0 -0
  1443. /package/chips/{lib → internal}/shared-styles.css.d.ts +0 -0
  1444. /package/chips/{lib → internal}/shared-styles.scss +0 -0
  1445. /package/chips/{lib → internal}/suggestion-chip.d.ts +0 -0
  1446. /package/chips/{lib → internal}/suggestion-chip.js +0 -0
  1447. /package/chips/{lib → internal}/suggestion-chip.js.map +0 -0
  1448. /package/chips/{lib → internal}/suggestion-styles.css.d.ts +0 -0
  1449. /package/chips/{lib → internal}/suggestion-styles.scss +0 -0
  1450. /package/{circularprogress/lib/circular-progress-styles.css.d.ts → chips/internal/trailing-icon-styles.css.d.ts} +0 -0
  1451. /package/dialog/{lib → internal}/dialog-styles.css.d.ts +0 -0
  1452. /package/dialog/{lib → internal}/dialog-styles.scss +0 -0
  1453. /package/divider/{lib → internal}/divider-styles.css.d.ts +0 -0
  1454. /package/divider/{lib → internal}/divider-styles.css.js +0 -0
  1455. /package/divider/{lib → internal}/divider-styles.css.js.map +0 -0
  1456. /package/divider/{lib → internal}/divider-styles.scss +0 -0
  1457. /package/divider/{lib → internal}/divider.d.ts +0 -0
  1458. /package/divider/{lib → internal}/divider.js +0 -0
  1459. /package/divider/{lib → internal}/divider.js.map +0 -0
  1460. /package/elevation/{lib → internal}/elevation-styles.css.d.ts +0 -0
  1461. /package/elevation/{lib → internal}/elevation-styles.scss +0 -0
  1462. /package/fab/{lib → internal}/_fab-branded.scss +0 -0
  1463. /package/fab/{lib → internal}/fab-branded-styles.css.d.ts +0 -0
  1464. /package/fab/{lib → internal}/fab-branded-styles.scss +0 -0
  1465. /package/fab/{lib → internal}/fab-styles.css.d.ts +0 -0
  1466. /package/fab/{lib → internal}/fab-styles.scss +0 -0
  1467. /package/fab/{lib → internal}/fab.js +0 -0
  1468. /package/fab/{lib → internal}/forced-colors-styles.css.d.ts +0 -0
  1469. /package/fab/{lib → internal}/shared-styles.css.d.ts +0 -0
  1470. /package/fab/{lib → internal}/shared-styles.scss +0 -0
  1471. /package/field/{lib → internal}/filled-field.d.ts +0 -0
  1472. /package/field/{lib → internal}/filled-field.js +0 -0
  1473. /package/field/{lib → internal}/filled-field.js.map +0 -0
  1474. /package/field/{lib → internal}/filled-styles.css.d.ts +0 -0
  1475. /package/field/{lib → internal}/filled-styles.scss +0 -0
  1476. /package/field/{lib → internal}/outlined-field.js +0 -0
  1477. /package/field/{lib → internal}/outlined-styles.css.d.ts +0 -0
  1478. /package/field/{lib → internal}/outlined-styles.scss +0 -0
  1479. /package/field/{lib → internal}/shared-styles.css.d.ts +0 -0
  1480. /package/field/{lib → internal}/shared-styles.scss +0 -0
  1481. /package/focus/{lib → internal}/focus-ring-styles.css.d.ts +0 -0
  1482. /package/focus/{lib → internal}/focus-ring-styles.scss +0 -0
  1483. /package/icon/{lib → internal}/icon-styles.css.d.ts +0 -0
  1484. /package/icon/{lib → internal}/icon-styles.scss +0 -0
  1485. /package/iconbutton/{lib → internal}/filled-styles.css.d.ts +0 -0
  1486. /package/iconbutton/{lib → internal}/filled-styles.scss +0 -0
  1487. /package/iconbutton/{lib/outlined-styles.css.d.ts → internal/filled-tonal-styles.css.d.ts} +0 -0
  1488. /package/iconbutton/{lib → internal}/filled-tonal-styles.scss +0 -0
  1489. /package/{segmentedbutton/lib → iconbutton/internal}/outlined-styles.css.d.ts +0 -0
  1490. /package/iconbutton/{lib → internal}/outlined-styles.scss +0 -0
  1491. /package/iconbutton/{lib → internal}/shared-styles.css.d.ts +0 -0
  1492. /package/iconbutton/{lib → internal}/shared-styles.scss +0 -0
  1493. /package/iconbutton/{lib → internal}/standard-styles.css.d.ts +0 -0
  1494. /package/{controller → internal/controller}/events.d.ts +0 -0
  1495. /package/{controller → internal/controller}/events.js +0 -0
  1496. /package/{controller → internal/controller}/events.js.map +0 -0
  1497. /package/{controller → internal/controller}/is-rtl.d.ts +0 -0
  1498. /package/{controller → internal/controller}/is-rtl.js +0 -0
  1499. /package/{controller → internal/controller}/is-rtl.js.map +0 -0
  1500. /package/{controller → internal/controller}/string-converter.d.ts +0 -0
  1501. /package/{controller → internal/controller}/string-converter.js +0 -0
  1502. /package/{controller → internal/controller}/string-converter.js.map +0 -0
  1503. /package/{motion → internal/motion}/_animation.scss +0 -0
  1504. /package/{sass → internal/sass}/_string-ext.scss +0 -0
  1505. /package/{linearprogress/lib/linear-progress-styles.css.d.ts → labs/badge/internal/badge-styles.css.d.ts} +0 -0
  1506. /package/{badge/lib → labs/badge/internal}/badge-styles.scss +0 -0
  1507. /package/{badge/lib → labs/badge/internal}/badge.d.ts +0 -0
  1508. /package/{badge/lib → labs/badge/internal}/badge.js +0 -0
  1509. /package/{badge/lib → labs/badge/internal}/badge.js.map +0 -0
  1510. /package/{list/lib/list-styles.css.d.ts → labs/item/internal/item-styles.css.d.ts} +0 -0
  1511. /package/{navigationbar/lib → labs/navigationbar/internal}/constants.js +0 -0
  1512. /package/{navigationbar/lib → labs/navigationbar/internal}/navigation-bar-styles.css.d.ts +0 -0
  1513. /package/{navigationbar/lib → labs/navigationbar/internal}/navigation-bar-styles.scss +0 -0
  1514. /package/{navigationbar/lib → labs/navigationbar/internal}/state.js +0 -0
  1515. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/_shared.scss +0 -0
  1516. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal-styles.css.d.ts +0 -0
  1517. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal-styles.scss +0 -0
  1518. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal.d.ts +0 -0
  1519. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-styles.css.d.ts +0 -0
  1520. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-styles.scss +0 -0
  1521. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.d.ts +0 -0
  1522. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.js +0 -0
  1523. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.js.map +0 -0
  1524. /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.scss +0 -0
  1525. /package/{navigationtab/lib → labs/navigationtab/internal}/navigation-tab-styles.css.d.ts +0 -0
  1526. /package/{navigationtab/lib → labs/navigationtab/internal}/navigation-tab-styles.scss +0 -0
  1527. /package/{navigationtab/lib → labs/navigationtab/internal}/state.d.ts +0 -0
  1528. /package/{navigationtab/lib → labs/navigationtab/internal}/state.js +0 -0
  1529. /package/{navigationtab/lib → labs/navigationtab/internal}/state.js.map +0 -0
  1530. /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.d.ts +0 -0
  1531. /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.js +0 -0
  1532. /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.js.map +0 -0
  1533. /package/{segmentedbuttonset/lib → labs/segmentedbutton/internal}/outlined-styles.css.d.ts +0 -0
  1534. /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-styles.scss +0 -0
  1535. /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/shared-styles.css.d.ts +0 -0
  1536. /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/shared-styles.scss +0 -0
  1537. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/_shared.scss +0 -0
  1538. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.d.ts +0 -0
  1539. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.js +0 -0
  1540. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.js.map +0 -0
  1541. /package/{textfield/lib → labs/segmentedbuttonset/internal}/outlined-styles.css.d.ts +0 -0
  1542. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-styles.scss +0 -0
  1543. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.d.ts +0 -0
  1544. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.js +0 -0
  1545. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.js.map +0 -0
  1546. /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.scss +0 -0
  1547. /package/list/{lib/listitem/forced-colors-styles.css.d.ts → internal/list-styles.css.d.ts} +0 -0
  1548. /package/list/{lib → internal}/list-styles.scss +0 -0
  1549. /package/{menu/lib → list/internal/listitem}/forced-colors-styles.css.d.ts +0 -0
  1550. /package/list/{lib → internal}/listitem/list-item-styles.css.d.ts +0 -0
  1551. /package/list/{lib → internal}/listitem/list-item-styles.scss +0 -0
  1552. /package/menu/{lib/menuitem → internal}/forced-colors-styles.css.d.ts +0 -0
  1553. /package/menu/{lib → internal}/forced-colors-styles.css.js +0 -0
  1554. /package/menu/{lib → internal}/forced-colors-styles.css.js.map +0 -0
  1555. /package/menu/{lib → internal}/forced-colors-styles.scss +0 -0
  1556. /package/menu/{lib → internal}/menu-styles.css.d.ts +0 -0
  1557. /package/menu/{lib → internal}/menu-styles.scss +0 -0
  1558. /package/{radio/lib → menu/internal/menuitem}/forced-colors-styles.css.d.ts +0 -0
  1559. /package/menu/{lib → internal}/menuitem/menu-item-styles.css.d.ts +0 -0
  1560. /package/menu/{lib → internal}/menuitem/menu-item-styles.scss +0 -0
  1561. /package/{radio/lib/radio-styles.css.d.ts → menu/internal/submenu/sub-menu-styles.css.d.ts} +0 -0
  1562. /package/menu/{lib → internal}/types.d.ts +0 -0
  1563. /package/menu/{lib → internal}/types.js +0 -0
  1564. /package/menu/{lib → internal}/types.js.map +0 -0
  1565. /package/{ripple/lib/ripple-styles.css.d.ts → progress/internal/circular-progress-styles.css.d.ts} +0 -0
  1566. /package/{circularprogress/lib → progress/internal}/circular-progress-styles.scss +0 -0
  1567. /package/{select/lib/filled-forced-colors-styles.css.d.ts → progress/internal/linear-progress-styles.css.d.ts} +0 -0
  1568. /package/{linearprogress/lib → progress/internal}/linear-progress-styles.scss +0 -0
  1569. /package/{slider/lib → radio/internal}/forced-colors-styles.css.d.ts +0 -0
  1570. /package/{select/lib/filled-select-styles.css.d.ts → radio/internal/radio-styles.css.d.ts} +0 -0
  1571. /package/radio/{lib → internal}/radio-styles.scss +0 -0
  1572. /package/radio/{lib → internal}/single-selection-controller.d.ts +0 -0
  1573. /package/{select/lib/outlined-forced-colors-styles.css.d.ts → ripple/internal/ripple-styles.css.d.ts} +0 -0
  1574. /package/ripple/{lib → internal}/ripple-styles.scss +0 -0
  1575. /package/{textfield/lib → select/internal}/filled-forced-colors-styles.css.d.ts +0 -0
  1576. /package/select/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
  1577. /package/select/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
  1578. /package/select/{lib → internal}/filled-forced-colors-styles.scss +0 -0
  1579. /package/select/{lib/outlined-select-styles.css.d.ts → internal/filled-select-styles.css.d.ts} +0 -0
  1580. /package/select/{lib → internal}/filled-select-styles.scss +0 -0
  1581. /package/select/{lib → internal}/filled-select.d.ts +0 -0
  1582. /package/select/{lib → internal}/filled-select.js +0 -0
  1583. /package/select/{lib → internal}/filled-select.js.map +0 -0
  1584. /package/{textfield/lib → select/internal}/outlined-forced-colors-styles.css.d.ts +0 -0
  1585. /package/select/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
  1586. /package/select/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
  1587. /package/select/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
  1588. /package/select/{lib/shared-styles.css.d.ts → internal/outlined-select-styles.css.d.ts} +0 -0
  1589. /package/select/{lib → internal}/outlined-select-styles.scss +0 -0
  1590. /package/select/{lib → internal}/outlined-select.d.ts +0 -0
  1591. /package/select/{lib → internal}/outlined-select.js +0 -0
  1592. /package/select/{lib → internal}/outlined-select.js.map +0 -0
  1593. /package/{textfield/lib → select/internal}/shared-styles.css.d.ts +0 -0
  1594. /package/select/{lib → internal}/shared-styles.scss +0 -0
  1595. /package/slider/{lib/slider-styles.css.d.ts → internal/forced-colors-styles.css.d.ts} +0 -0
  1596. /package/{switch/lib/switch-styles.css.d.ts → slider/internal/slider-styles.css.d.ts} +0 -0
  1597. /package/slider/{lib → internal}/slider-styles.scss +0 -0
  1598. /package/{textfield/lib/filled-styles.css.d.ts → switch/internal/forced-colors-styles.css.d.ts} +0 -0
  1599. /package/{tokens/v0_172/index.test.css.d.ts → switch/internal/switch-styles.css.d.ts} +0 -0
  1600. /package/switch/{lib → internal}/switch-styles.scss +0 -0
  1601. /package/{tokens/v0_172/lib.test.css.d.ts → tabs/internal/primary-tab-styles.css.d.ts} +0 -0
  1602. /package/textfield/{lib → internal}/_icon.scss +0 -0
  1603. /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
  1604. /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
  1605. /package/textfield/{lib → internal}/filled-forced-colors-styles.scss +0 -0
  1606. /package/textfield/{lib → internal}/filled-styles.scss +0 -0
  1607. /package/textfield/{lib → internal}/filled-text-field.d.ts +0 -0
  1608. /package/textfield/{lib → internal}/filled-text-field.js +0 -0
  1609. /package/textfield/{lib → internal}/filled-text-field.js.map +0 -0
  1610. /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
  1611. /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
  1612. /package/textfield/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
  1613. /package/textfield/{lib → internal}/outlined-styles.scss +0 -0
  1614. /package/textfield/{lib → internal}/outlined-text-field.d.ts +0 -0
  1615. /package/textfield/{lib → internal}/outlined-text-field.js +0 -0
  1616. /package/textfield/{lib → internal}/outlined-text-field.js.map +0 -0
  1617. /package/textfield/{lib → internal}/shared-styles.scss +0 -0
  1618. /package/tokens/{v0_172 → v0_192}/_index.scss +0 -0
  1619. /package/tokens/{v0_172 → v0_192}/index.test.css.js +0 -0
  1620. /package/tokens/{v0_172 → v0_192}/index.test.css.js.map +0 -0
  1621. /package/tokens/{v0_172 → v0_192}/index.test.scss +0 -0
  1622. /package/tokens/{v0_172 → v0_192}/lib.test.css.js +0 -0
  1623. /package/tokens/{v0_172 → v0_192}/lib.test.css.js.map +0 -0
  1624. /package/tokens/{v0_172 → v0_192}/lib.test.scss +0 -0
package/switch/lib/switch-styles.css.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"switch-styles.css.js","sourceRoot":"","sources":["switch-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_disabled-selected-handle-color: var(--md-switch-disabled-selected-handle-color, rgb(var(--md-sys-color-surface-rgb, 254, 247, 255), 1));--_disabled-selected-icon-color: var(--md-switch-disabled-selected-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 29, 27, 32), 0.38));--_disabled-selected-track-color: var(--md-switch-disabled-selected-track-color, rgb(var(--md-sys-color-on-surface-rgb, 29, 27, 32), 0.12));--_disabled-unselected-handle-color: var(--md-switch-disabled-unselected-handle-color, rgb(var(--md-sys-color-on-surface-rgb, 29, 27, 32), 0.38));--_disabled-unselected-icon-color: var(--md-switch-disabled-unselected-icon-color, rgb(var(--md-sys-color-surface-container-highest-rgb, 230, 224, 233), 0.38));--_disabled-unselected-track-color: var(--md-switch-disabled-unselected-track-color, rgb(var(--md-sys-color-surface-container-highest-rgb, 230, 224, 233), 0.12));--_disabled-unselected-track-outline-color: var(--md-switch-disabled-unselected-track-outline-color, rgb(var(--md-sys-color-on-surface-rgb, 29, 27, 32), 0.12));--_handle-shape: var(--md-switch-handle-shape, 9999px);--_pressed-handle-height: var(--md-switch-pressed-handle-height, 28px);--_pressed-handle-width: var(--md-switch-pressed-handle-width, 28px);--_selected-focus-handle-color: var(--md-switch-selected-focus-handle-color, var(--md-sys-color-primary-container, #eaddff));--_selected-focus-icon-color: var(--md-switch-selected-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_selected-focus-state-layer-color: var(--md-switch-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-switch-selected-focus-state-layer-opacity, 0.12);--_selected-focus-track-color: var(--md-switch-selected-focus-track-color, var(--md-sys-color-primary, #6750a4));--_selected-handle-color: var(--md-switch-selected-handle-color, var(--md-sys-color-on-primary, #fff));--_selected-handle-height: var(--md-switch-selected-handle-height, 24px);--_selected-handle-width: var(--md-switch-selected-handle-width, 24px);--_selected-hover-handle-color: var(--md-switch-selected-hover-handle-color, var(--md-sys-color-primary-container, #eaddff));--_selected-hover-icon-color: var(--md-switch-selected-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_selected-hover-state-layer-color: var(--md-switch-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-switch-selected-hover-state-layer-opacity, 0.08);--_selected-hover-track-color: var(--md-switch-selected-hover-track-color, var(--md-sys-color-primary, #6750a4));--_selected-icon-color: var(--md-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_selected-icon-size: var(--md-switch-selected-icon-size, 16px);--_selected-pressed-handle-color: var(--md-switch-selected-pressed-handle-color, var(--md-sys-color-primary-container, #eaddff));--_selected-pressed-icon-color: var(--md-switch-selected-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_selected-pressed-state-layer-color: var(--md-switch-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-switch-selected-pressed-state-layer-opacity, 0.12);--_selected-pressed-track-color: var(--md-switch-selected-pressed-track-color, var(--md-sys-color-primary, #6750a4));--_selected-track-color: var(--md-switch-selected-track-color, var(--md-sys-color-primary, #6750a4));--_state-layer-shape: var(--md-switch-state-layer-shape, 9999px);--_state-layer-size: var(--md-switch-state-layer-size, 40px);--_track-height: var(--md-switch-track-height, 32px);--_track-outline-width: var(--md-switch-track-outline-width, 2px);--_track-shape: var(--md-switch-track-shape, 9999px);--_track-width: var(--md-switch-track-width, 52px);--_unselected-focus-handle-color: var(--md-switch-unselected-focus-handle-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-icon-color: var(--md-switch-unselected-focus-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-focus-state-layer-color: var(--md-switch-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-focus-state-layer-opacity: var(--md-switch-unselected-focus-state-layer-opacity, 0.12);--_unselected-focus-track-color: var(--md-switch-unselected-focus-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-focus-track-outline-color: var(--md-switch-unselected-focus-track-outline-color, var(--md-sys-color-outline, #79747e));--_unselected-handle-color: var(--md-switch-unselected-handle-color, var(--md-sys-color-outline, #79747e));--_unselected-handle-height: var(--md-switch-unselected-handle-height, 16px);--_unselected-handle-width: var(--md-switch-unselected-handle-width, 16px);--_unselected-hover-handle-color: var(--md-switch-unselected-hover-handle-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-icon-color: var(--md-switch-unselected-hover-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-hover-state-layer-color: var(--md-switch-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-state-layer-opacity: var(--md-switch-unselected-hover-state-layer-opacity, 0.08);--_unselected-hover-track-color: var(--md-switch-unselected-hover-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-hover-track-outline-color: var(--md-switch-unselected-hover-track-outline-color, var(--md-sys-color-outline, #79747e));--_unselected-icon-color: var(--md-switch-unselected-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-icon-size: var(--md-switch-unselected-icon-size, 16px);--_unselected-pressed-handle-color: var(--md-switch-unselected-pressed-handle-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-icon-color: var(--md-switch-unselected-pressed-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-pressed-state-layer-color: var(--md-switch-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-pressed-state-layer-opacity: var(--md-switch-unselected-pressed-state-layer-opacity, 0.12);--_unselected-pressed-track-color: var(--md-switch-unselected-pressed-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-pressed-track-outline-color: var(--md-switch-unselected-pressed-track-outline-color, var(--md-sys-color-outline, #79747e));--_unselected-track-color: var(--md-switch-unselected-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_unselected-track-outline-color: var(--md-switch-unselected-track-outline-color, var(--md-sys-color-outline, #79747e));--_with-icon-handle-height: var(--md-switch-with-icon-handle-height, 24px);--_with-icon-handle-width: var(--md-switch-with-icon-handle-width, 24px);--_handle-shape-start-start: var( --md-switch-handle-shape-start-start, var(--_handle-shape) );--_handle-shape-start-end: var( --md-switch-handle-shape-start-end, var(--_handle-shape) );--_handle-shape-end-end: var( --md-switch-handle-shape-end-end, var(--_handle-shape) );--_handle-shape-end-start: var( --md-switch-handle-shape-end-start, var(--_handle-shape) );--_track-shape-start-start: var( --md-switch-track-shape-start-start, var(--_track-shape) );--_track-shape-start-end: var( --md-switch-track-shape-start-end, var(--_track-shape) );--_track-shape-end-end: var( --md-switch-track-shape-end-end, var(--_track-shape) );--_track-shape-end-start: var( --md-switch-track-shape-end-start, var(--_track-shape) );display:inline-flex;outline:none;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media screen and (forced-colors: active){:host{--md-switch-disabled-selected-icon-color: GrayText;--md-switch-disabled-selected-track-color: GrayText;--md-switch-disabled-unselected-handle-color: GrayText;--md-switch-disabled-unselected-icon-color: Canvas;--md-switch-selected-focus-track-color: ButtonText;--md-switch-selected-hover-track-color: ButtonText;--md-switch-selected-icon-color: ButtonText;--md-switch-selected-pressed-track-color: ButtonText;--md-switch-selected-track-color: ButtonText;--md-switch-unselected-focus-handle-color: ButtonText;--md-switch-unselected-handle-color: ButtonText;--md-switch-unselected-hover-handle-color: ButtonText;--md-switch-unselected-icon-color: Canvas;--md-switch-unselected-pressed-handle-color: ButtonText}}md-focus-ring{--md-focus-ring-shape-start-start: var(--_track-shape-start-start);--md-focus-ring-shape-start-end: var(--_track-shape-start-end);--md-focus-ring-shape-end-end: var(--_track-shape-end-end);--md-focus-ring-shape-end-start: var(--_track-shape-end-start)}.md3-switch{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;margin:0;outline:none;padding:0;position:relative;width:var(--_track-width);height:var(--_track-height);border-start-start-radius:var(--_track-shape-start-start);border-start-end-radius:var(--_track-shape-start-end);border-end-end-radius:var(--_track-shape-end-end);border-end-start-radius:var(--_track-shape-end-start)}.md3-switch__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.md3-switch:disabled{cursor:default;pointer-events:none}.md3-switch:disabled .md3-switch__track{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.md3-switch:disabled .md3-switch__track::before{background-clip:content-box}.md3-switch--selected:disabled .md3-switch__track{background-clip:border-box}.md3-switch__track{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;display:flex;justify-content:center;align-items:center;transition:background-color 67ms linear;background-color:var(--_selected-track-color)}.md3-switch:disabled .md3-switch__track{transition:none}.md3-switch--selected:hover .md3-switch__track{background-color:var(--_selected-hover-track-color)}.md3-switch--selected:focus-visible .md3-switch__track{background-color:var(--_selected-focus-track-color)}.md3-switch--selected:active .md3-switch__track{background-color:var(--_selected-pressed-track-color)}.md3-switch--selected:disabled .md3-switch__track{background-color:var(--_disabled-selected-track-color)}.md3-switch__track::before{content:\"\";display:flex;position:absolute;height:100%;width:100%;border-radius:inherit;box-sizing:border-box;border-style:solid;transition-property:opacity,background-color;transition-timing-function:linear;transition-duration:67ms;border-width:var(--_track-outline-width);background-color:var(--_unselected-track-color);border-color:var(--_unselected-track-outline-color)}.md3-switch:disabled .md3-switch__track::before{transition:none}.md3-switch--selected .md3-switch__track::before{opacity:0}.md3-switch--unselected:hover .md3-switch__track::before{background-color:var(--_unselected-hover-track-color);border-color:var(--_unselected-hover-track-outline-color)}.md3-switch--unselected:focus-visible .md3-switch__track::before{background-color:var(--_unselected-focus-track-color);border-color:var(--_unselected-focus-track-outline-color)}.md3-switch--unselected:active .md3-switch__track::before{background-color:var(--_unselected-pressed-track-color);border-color:var(--_unselected-pressed-track-outline-color)}.md3-switch--unselected:disabled .md3-switch__track::before{background-color:var(--_disabled-unselected-track-color);border-color:var(--_disabled-unselected-track-outline-color)}.md3-switch__handle-container{position:relative;transition:margin 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);display:flex}.md3-switch--selected .md3-switch__handle-container{margin-inline-start:calc(var(--_track-width) - var(--_track-height))}.md3-switch--unselected .md3-switch__handle-container{margin-inline-end:calc(var(--_track-width) - var(--_track-height))}.md3-switch:disabled .md3-switch__handle-container{transition:none}.md3-switch__handle{border-start-start-radius:var(--_handle-shape-start-start);border-start-end-radius:var(--_handle-shape-start-end);border-end-end-radius:var(--_handle-shape-end-end);border-end-start-radius:var(--_handle-shape-end-start);height:var(--_unselected-handle-height);width:var(--_unselected-handle-width);background-color:var(--_selected-handle-color);transform-origin:center;transition-property:height,width,background-color;transition-duration:250ms,250ms,67ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1),cubic-bezier(0.2, 0, 0, 1),linear;z-index:0}.md3-switch__handle::before{content:\"\";display:flex;position:absolute;height:100%;width:100%;border-radius:inherit;box-sizing:border-box;transition:opacity 67ms linear}.md3-switch--selected .md3-switch__handle::before{opacity:0}.md3-switch:disabled .md3-switch__handle::before{transition:none}.md3-switch:disabled .md3-switch__handle{transition:none}.md3-switch--selected .md3-switch__handle,.md3-switch--unselected .md3-switch__handle.md3-switch__handle--big{height:var(--_selected-handle-height);width:var(--_selected-handle-width)}.md3-switch--selected:enabled:active .md3-switch__handle,.md3-switch--unselected:enabled:active .md3-switch__handle{height:var(--_pressed-handle-height);width:var(--_pressed-handle-width);transition-timing-function:linear;transition-duration:100ms}.md3-switch--selected:hover .md3-switch__handle{background-color:var(--_selected-hover-handle-color)}.md3-switch--selected:focus-visible .md3-switch__handle{background-color:var(--_selected-focus-handle-color)}.md3-switch--selected:active .md3-switch__handle{background-color:var(--_selected-pressed-handle-color)}.md3-switch--selected:disabled .md3-switch__handle{background-color:var(--_disabled-selected-handle-color)}.md3-switch__handle::before{background-color:var(--_unselected-handle-color)}.md3-switch--unselected:hover .md3-switch__handle::before{background-color:var(--_unselected-hover-handle-color)}.md3-switch--unselected:focus-visible .md3-switch__handle::before{background-color:var(--_unselected-focus-handle-color)}.md3-switch--unselected:active .md3-switch__handle::before{background-color:var(--_unselected-pressed-handle-color)}.md3-switch--unselected:disabled .md3-switch__handle::before{background-color:var(--_disabled-unselected-handle-color)}.md3-switch__ripple{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%, -50%);height:var(--_state-layer-size);width:var(--_state-layer-size)}.md3-switch--selected .md3-switch__ripple{--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.md3-switch--unselected .md3-switch__ripple{--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity)}.md3-switch__icons{position:relative;height:100%;width:100%}.md3-switch__icon{position:absolute;inset:0;margin:auto;transition:fill 67ms linear,opacity 33ms linear,transform 167ms cubic-bezier(0.2, 0, 0, 1);opacity:0}.md3-switch:disabled .md3-switch__icon{transition:none}.md3-switch--selected .md3-switch__icon--on,.md3-switch--unselected .md3-switch__icon--off{opacity:1}.md3-switch--unselected .md3-switch__handle:not(.md3-switch__handle--big) .md3-switch__icon--on{transform:rotate(-45deg)}.md3-switch--selected .md3-switch__icon{width:var(--_selected-icon-size);height:var(--_selected-icon-size);fill:var(--_selected-icon-color)}.md3-switch--unselected .md3-switch__icon{width:var(--_unselected-icon-size);height:var(--_unselected-icon-size);fill:var(--_unselected-icon-color)}.md3-switch--selected:disabled .md3-switch__icon{fill:var(--_disabled-selected-icon-color)}.md3-switch--unselected:disabled .md3-switch__icon{fill:var(--_disabled-unselected-icon-color)}/*# sourceMappingURL=switch-styles.css.map */\n`;\n "]}
package/switch/lib/switch.d.ts DELETED
@@ -1,75 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../focus/focus-ring.js';
7
- import '../../ripple/ripple.js';
8
- import { LitElement, TemplateResult } from 'lit';
9
- import { getFormValue } from '../../controller/form-controller.js';
10
- /**
11
- * @fires input {InputEvent} Fired whenever `selected` changes due to user
12
- * interaction (bubbles and composed).
13
- * @fires change {Event} Fired whenever `selected` changes due to user
14
- * interaction (bubbles).
15
- */
16
- export declare class Switch extends LitElement {
17
- static shadowRootOptions: ShadowRootInit;
18
- /**
19
- * @nocollapse
20
- */
21
- static formAssociated: boolean;
22
- /**
23
- * Disables the switch and makes it non-interactive.
24
- */
25
- disabled: boolean;
26
- /**
27
- * Puts the switch in the selected state and sets the form submission value to
28
- * the `value` property.
29
- */
30
- selected: boolean;
31
- /**
32
- * Shows both the selected and deselected icons.
33
- */
34
- icons: boolean;
35
- /**
36
- * Shows only the selected icon, and not the deselected icon. If `true`,
37
- * overrides the behavior of the `icons` property.
38
- */
39
- showOnlySelectedIcon: boolean;
40
- private showRipple;
41
- private readonly ripple;
42
- private readonly button;
43
- /**
44
- * The associated form element with which this element's value will submit.
45
- */
46
- get form(): HTMLFormElement;
47
- /**
48
- * The HTML name to use in form submission.
49
- */
50
- name: string;
51
- /**
52
- * The value associated with this switch on form submission. `null` is
53
- * submitted when `selected` is `false`.
54
- */
55
- value: string;
56
- [getFormValue](): string;
57
- constructor();
58
- protected render(): TemplateResult;
59
- private getRenderClasses;
60
- private readonly renderRipple;
61
- private readonly getRipple;
62
- private renderHandle;
63
- private renderIcons;
64
- /**
65
- * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Acheck%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024
66
- */
67
- private renderOnIcon;
68
- /**
69
- * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aclose%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024
70
- */
71
- private renderOffIcon;
72
- private renderTouchTarget;
73
- private shouldShowIcons;
74
- private handleClick;
75
- }
package/switch/lib/switch.js DELETED
@@ -1,215 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- var _a;
7
- import { __decorate } from "tslib";
8
- import '../../focus/focus-ring.js';
9
- import '../../ripple/ripple.js';
10
- import { html, isServer, LitElement, nothing } from 'lit';
11
- import { property, query, queryAsync, state } from 'lit/decorators.js';
12
- import { classMap } from 'lit/directives/class-map.js';
13
- import { when } from 'lit/directives/when.js';
14
- import { requestUpdateOnAriaChange } from '../../aria/delegate.js';
15
- import { dispatchActivationClick, isActivationClick } from '../../controller/events.js';
16
- import { FormController, getFormValue } from '../../controller/form-controller.js';
17
- import { ripple } from '../../ripple/directive.js';
18
- /**
19
- * @fires input {InputEvent} Fired whenever `selected` changes due to user
20
- * interaction (bubbles and composed).
21
- * @fires change {Event} Fired whenever `selected` changes due to user
22
- * interaction (bubbles).
23
- */
24
- export class Switch extends LitElement {
25
- /**
26
- * The associated form element with which this element's value will submit.
27
- */
28
- get form() {
29
- return this.closest('form');
30
- }
31
- [getFormValue]() {
32
- return this.selected ? this.value : null;
33
- }
34
- constructor() {
35
- super();
36
- /**
37
- * Disables the switch and makes it non-interactive.
38
- */
39
- this.disabled = false;
40
- /**
41
- * Puts the switch in the selected state and sets the form submission value to
42
- * the `value` property.
43
- */
44
- this.selected = false;
45
- /**
46
- * Shows both the selected and deselected icons.
47
- */
48
- this.icons = false;
49
- /**
50
- * Shows only the selected icon, and not the deselected icon. If `true`,
51
- * overrides the behavior of the `icons` property.
52
- */
53
- this.showOnlySelectedIcon = false;
54
- this.showRipple = false;
55
- /**
56
- * The HTML name to use in form submission.
57
- */
58
- this.name = '';
59
- /**
60
- * The value associated with this switch on form submission. `null` is
61
- * submitted when `selected` is `false`.
62
- */
63
- this.value = 'on';
64
- this.renderRipple = () => {
65
- return html `
66
- <span class="md3-switch__ripple">
67
- <md-ripple
68
- ?disabled="${this.disabled}"
69
- unbounded>
70
- </md-ripple>
71
- </span>
72
- `;
73
- };
74
- this.getRipple = () => {
75
- this.showRipple = true;
76
- return this.ripple;
77
- };
78
- this.addController(new FormController(this));
79
- if (!isServer) {
80
- this.addEventListener('click', (event) => {
81
- if (!isActivationClick(event)) {
82
- return;
83
- }
84
- this.button?.focus();
85
- if (this.button != null) {
86
- // this triggers the click behavior, and the ripple
87
- dispatchActivationClick(this.button);
88
- }
89
- });
90
- }
91
- }
92
- render() {
93
- // NOTE: buttons must use only [phrasing
94
- // content](https://html.spec.whatwg.org/multipage/dom.html#phrasing-content)
95
- // children, which includes custom elements, but not `div`s
96
- return html `
97
- <button
98
- type="button"
99
- class="md3-switch ${classMap(this.getRenderClasses())}"
100
- role="switch"
101
- aria-checked="${this.selected}"
102
- aria-label=${this.ariaLabel || nothing}
103
- ?disabled=${this.disabled}
104
- @click=${this.handleClick}
105
- ${ripple(this.getRipple)}
106
- >
107
- <md-focus-ring></md-focus-ring>
108
- <span class="md3-switch__track">
109
- ${this.renderHandle()}
110
- </span>
111
- </button>
112
- `;
113
- }
114
- getRenderClasses() {
115
- return {
116
- 'md3-switch--selected': this.selected,
117
- 'md3-switch--unselected': !this.selected,
118
- };
119
- }
120
- renderHandle() {
121
- const classes = {
122
- 'md3-switch__handle--big': this.icons && !this.showOnlySelectedIcon,
123
- };
124
- return html `
125
- <span class="md3-switch__handle-container">
126
- ${when(this.showRipple, this.renderRipple)}
127
- <span class="md3-switch__handle ${classMap(classes)}">
128
- ${this.shouldShowIcons() ? this.renderIcons() : html ``}
129
- </span>
130
- ${this.renderTouchTarget()}
131
- </span>
132
- `;
133
- }
134
- renderIcons() {
135
- return html `
136
- <div class="md3-switch__icons">
137
- ${this.renderOnIcon()}
138
- ${this.showOnlySelectedIcon ? html `` : this.renderOffIcon()}
139
- </div>
140
- `;
141
- }
142
- /**
143
- * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Acheck%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024
144
- */
145
- renderOnIcon() {
146
- return html `
147
- <svg class="md3-switch__icon md3-switch__icon--on" viewBox="0 0 24 24">
148
- <path d="M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z"/>
149
- </svg>
150
- `;
151
- }
152
- /**
153
- * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aclose%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024
154
- */
155
- renderOffIcon() {
156
- return html `
157
- <svg class="md3-switch__icon md3-switch__icon--off" viewBox="0 0 24 24">
158
- <path d="M6.4 19.2 4.8 17.6 10.4 12 4.8 6.4 6.4 4.8 12 10.4 17.6 4.8 19.2 6.4 13.6 12 19.2 17.6 17.6 19.2 12 13.6Z"/>
159
- </svg>
160
- `;
161
- }
162
- renderTouchTarget() {
163
- return html `<span class="md3-switch__touch"></span>`;
164
- }
165
- shouldShowIcons() {
166
- return this.icons || this.showOnlySelectedIcon;
167
- }
168
- handleClick() {
169
- if (this.disabled) {
170
- return;
171
- }
172
- this.selected = !this.selected;
173
- this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
174
- // Bubbles but does not compose to mimic native browser <input> & <select>
175
- // Additionally, native change event is not an InputEvent.
176
- this.dispatchEvent(new Event('change', { bubbles: true }));
177
- }
178
- }
179
- _a = Switch;
180
- (() => {
181
- requestUpdateOnAriaChange(_a);
182
- })();
183
- Switch.shadowRootOptions = { mode: 'open', delegatesFocus: true };
184
- /**
185
- * @nocollapse
186
- */
187
- Switch.formAssociated = true;
188
- __decorate([
189
- property({ type: Boolean, reflect: true })
190
- ], Switch.prototype, "disabled", void 0);
191
- __decorate([
192
- property({ type: Boolean })
193
- ], Switch.prototype, "selected", void 0);
194
- __decorate([
195
- property({ type: Boolean })
196
- ], Switch.prototype, "icons", void 0);
197
- __decorate([
198
- property({ type: Boolean })
199
- ], Switch.prototype, "showOnlySelectedIcon", void 0);
200
- __decorate([
201
- state()
202
- ], Switch.prototype, "showRipple", void 0);
203
- __decorate([
204
- queryAsync('md-ripple')
205
- ], Switch.prototype, "ripple", void 0);
206
- __decorate([
207
- query('button')
208
- ], Switch.prototype, "button", void 0);
209
- __decorate([
210
- property({ reflect: true })
211
- ], Switch.prototype, "name", void 0);
212
- __decorate([
213
- property()
214
- ], Switch.prototype, "value", void 0);
215
- //# sourceMappingURL=switch.js.map
package/switch/lib/switch.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AACxE,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AACtF,OAAO,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AAGjD;;;;;GAKG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IA2CpC;;OAEG;IACH,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC;IAaD,CAAC,YAAY,CAAC;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QArDV;;WAEG;QACuC,aAAQ,GAAG,KAAK,CAAC;QAE3D;;;WAGG;QACwB,aAAQ,GAAG,KAAK,CAAC;QAE5C;;WAEG;QACwB,UAAK,GAAG,KAAK,CAAC;QAEzC;;;WAGG;QACwB,yBAAoB,GAAG,KAAK,CAAC;QAEvC,eAAU,GAAG,KAAK,CAAC;QAepC;;WAEG;QACwB,SAAI,GAAG,EAAE,CAAC;QAErC;;;WAGG;QACS,UAAK,GAAG,IAAI,CAAC;QAqDR,iBAAY,GAAG,GAAG,EAAE;YACnC,OAAO,IAAI,CAAA;;;uBAGQ,IAAI,CAAC,QAAQ;;;;KAI/B,CAAC;QACJ,CAAC,CAAC;QAEe,cAAS,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC,CAAC;QA3DA,IAAI,CAAC,aAAa,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;gBACnD,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE;oBAC7B,OAAO;iBACR;gBACD,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBACrB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE;oBACvB,mDAAmD;oBACnD,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;iBACtC;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEkB,MAAM;QACvB,wCAAwC;QACxC,6EAA6E;QAC7E,2DAA2D;QAC3D,OAAO,IAAI,CAAA;;;4BAGa,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;;wBAErC,IAAI,CAAC,QAAQ;qBACf,IAAkB,CAAC,SAAS,IAAI,OAAO;oBACzC,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,WAAW;UACvB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;;;;YAIpB,IAAI,CAAC,YAAY,EAAE;;;KAG1B,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO;YACL,sBAAsB,EAAE,IAAI,CAAC,QAAQ;YACrC,wBAAwB,EAAE,CAAC,IAAI,CAAC,QAAQ;SACzC,CAAC;IACJ,CAAC;IAkBO,YAAY;QAClB,MAAM,OAAO,GAAG;YACd,yBAAyB,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,oBAAoB;SACpE,CAAC;QACF,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC;0CACR,QAAQ,CAAC,OAAO,CAAC;YAC/C,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;UAEtD,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;KAE9D,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,YAAY;QAClB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,aAAa;QACnB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAA,yCAAyC,CAAC;IACvD,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,oBAAoB,CAAC;IACjD,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CACd,IAAI,UAAU,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QAC9D,0EAA0E;QAC1E,0DAA0D;QAC1D,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;;;AAhMD;IACE,yBAAyB,CAAC,EAAI,CAAC,CAAC;AAClC,CAAC,GAAA,CAAA;AAEe,wBAAiB,GACZ,EAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,IAAI,EAAC,CAAC;AAE1D;;GAEG;AACI,qBAAc,GAAG,IAAI,CAAC;AAKa;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;wCAAkB;AAMhC;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;wCAAkB;AAKjB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;qCAAe;AAMd;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;oDAA8B;AAE/C;IAAR,KAAK,EAAE;0CAA4B;AAGX;IAAxB,UAAU,CAAC,WAAW,CAAC;sCAAkD;AAGzD;IAAhB,KAAK,CAAC,QAAQ,CAAC;sCAAkD;AAYvC;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;oCAAW;AAMzB;IAAX,QAAQ,EAAE;qCAAc","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, isServer, LitElement, nothing, TemplateResult} from 'lit';\nimport {property, query, queryAsync, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {when} from 'lit/directives/when.js';\n\nimport {requestUpdateOnAriaChange} from '../../aria/delegate.js';\nimport {dispatchActivationClick, isActivationClick} from '../../controller/events.js';\nimport {FormController, getFormValue} from '../../controller/form-controller.js';\nimport {ripple} from '../../ripple/directive.js';\nimport {MdRipple} from '../../ripple/ripple.js';\n\n/**\n * @fires input {InputEvent} Fired whenever `selected` changes due to user\n * interaction (bubbles and composed).\n * @fires change {Event} Fired whenever `selected` changes due to user\n * interaction (bubbles).\n */\nexport class Switch extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n static override shadowRootOptions:\n ShadowRootInit = {mode: 'open', delegatesFocus: true};\n\n /**\n * @nocollapse\n */\n static formAssociated = true;\n\n /**\n * Disables the switch and makes it non-interactive.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n\n /**\n * Puts the switch in the selected state and sets the form submission value to\n * the `value` property.\n */\n @property({type: Boolean}) selected = false;\n\n /**\n * Shows both the selected and deselected icons.\n */\n @property({type: Boolean}) icons = false;\n\n /**\n * Shows only the selected icon, and not the deselected icon. If `true`,\n * overrides the behavior of the `icons` property.\n */\n @property({type: Boolean}) showOnlySelectedIcon = false;\n\n @state() private showRipple = false;\n\n // Ripple\n @queryAsync('md-ripple') private readonly ripple!: Promise<MdRipple|null>;\n\n // Button\n @query('button') private readonly button!: HTMLButtonElement|null;\n\n /**\n * The associated form element with which this element's value will submit.\n */\n get form() {\n return this.closest('form');\n }\n\n /**\n * The HTML name to use in form submission.\n */\n @property({reflect: true}) name = '';\n\n /**\n * The value associated with this switch on form submission. `null` is\n * submitted when `selected` is `false`.\n */\n @property() value = 'on';\n\n [getFormValue]() {\n return this.selected ? this.value : null;\n }\n\n constructor() {\n super();\n this.addController(new FormController(this));\n if (!isServer) {\n this.addEventListener('click', (event: MouseEvent) => {\n if (!isActivationClick(event)) {\n return;\n }\n this.button?.focus();\n if (this.button != null) {\n // this triggers the click behavior, and the ripple\n dispatchActivationClick(this.button);\n }\n });\n }\n }\n\n protected override render(): TemplateResult {\n // NOTE: buttons must use only [phrasing\n // content](https://html.spec.whatwg.org/multipage/dom.html#phrasing-content)\n // children, which includes custom elements, but not `div`s\n return html`\n <button\n type=\"button\"\n class=\"md3-switch ${classMap(this.getRenderClasses())}\"\n role=\"switch\"\n aria-checked=\"${this.selected}\"\n aria-label=${(this as ARIAMixin).ariaLabel || nothing}\n ?disabled=${this.disabled}\n @click=${this.handleClick}\n ${ripple(this.getRipple)}\n >\n <md-focus-ring></md-focus-ring>\n <span class=\"md3-switch__track\">\n ${this.renderHandle()}\n </span>\n </button>\n `;\n }\n\n private getRenderClasses(): ClassInfo {\n return {\n 'md3-switch--selected': this.selected,\n 'md3-switch--unselected': !this.selected,\n };\n }\n\n private readonly renderRipple = () => {\n return html`\n <span class=\"md3-switch__ripple\">\n <md-ripple\n ?disabled=\"${this.disabled}\"\n unbounded>\n </md-ripple>\n </span>\n `;\n };\n\n private readonly getRipple = () => {\n this.showRipple = true;\n return this.ripple;\n };\n\n private renderHandle() {\n const classes = {\n 'md3-switch__handle--big': this.icons && !this.showOnlySelectedIcon,\n };\n return html`\n <span class=\"md3-switch__handle-container\">\n ${when(this.showRipple, this.renderRipple)}\n <span class=\"md3-switch__handle ${classMap(classes)}\">\n ${this.shouldShowIcons() ? this.renderIcons() : html``}\n </span>\n ${this.renderTouchTarget()}\n </span>\n `;\n }\n\n private renderIcons() {\n return html`\n <div class=\"md3-switch__icons\">\n ${this.renderOnIcon()}\n ${this.showOnlySelectedIcon ? html`` : this.renderOffIcon()}\n </div>\n `;\n }\n\n /**\n * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Acheck%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024\n */\n private renderOnIcon() {\n return html`\n <svg class=\"md3-switch__icon md3-switch__icon--on\" viewBox=\"0 0 24 24\">\n <path d=\"M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z\"/>\n </svg>\n `;\n }\n\n /**\n * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aclose%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024\n */\n private renderOffIcon() {\n return html`\n <svg class=\"md3-switch__icon md3-switch__icon--off\" viewBox=\"0 0 24 24\">\n <path d=\"M6.4 19.2 4.8 17.6 10.4 12 4.8 6.4 6.4 4.8 12 10.4 17.6 4.8 19.2 6.4 13.6 12 19.2 17.6 17.6 19.2 12 13.6Z\"/>\n </svg>\n `;\n }\n\n private renderTouchTarget() {\n return html`<span class=\"md3-switch__touch\"></span>`;\n }\n\n private shouldShowIcons(): boolean {\n return this.icons || this.showOnlySelectedIcon;\n }\n\n private handleClick() {\n if (this.disabled) {\n return;\n }\n\n this.selected = !this.selected;\n this.dispatchEvent(\n new InputEvent('input', {bubbles: true, composed: true}));\n // Bubbles but does not compose to mimic native browser <input> & <select>\n // Additionally, native change event is not an InputEvent.\n this.dispatchEvent(new Event('change', {bubbles: true}));\n }\n}\n"]}
package/textfield/lib/_filled-text-field.scss DELETED
@@ -1,205 +0,0 @@
1
- //
2
- // Copyright 2021 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use 'sass:list';
8
- @use 'sass:map';
9
- @use 'sass:meta';
10
- // go/keep-sorted end
11
- // go/keep-sorted start
12
- @use '../../field/filled-field';
13
- @use '../../tokens';
14
- // go/keep-sorted end
15
-
16
- @mixin theme($tokens) {
17
- $supported-tokens: list.join(
18
- tokens.$md-comp-filled-text-field-supported-tokens,
19
- (
20
- 'container-shape-start-start',
21
- 'container-shape-start-end',
22
- 'container-shape-end-end',
23
- 'container-shape-end-start',
24
- 'container-padding-horizontal',
25
- 'container-padding-vertical',
26
- 'input-text-prefix-padding',
27
- 'input-text-suffix-padding',
28
- 'focus-caret-color'
29
- )
30
- );
31
-
32
- @each $token, $value in $tokens {
33
- @if list.index($supported-tokens, $token) == null {
34
- @error 'Token `#{$token}` is not a supported token.';
35
- }
36
-
37
- @if $token == 'container-shape' and meta.type-of($value) == 'list' {
38
- @error 'Filled text field `container-shape` may not be specified as a list. Use logical (`*-start-start`) tokens instead.';
39
- }
40
-
41
- @if $value {
42
- --md-filled-text-field-#{$token}: #{$value};
43
- }
44
- }
45
- }
46
-
47
- @mixin styles() {
48
- $tokens: tokens.md-comp-filled-text-field-values();
49
- // Add missing tokens
50
- $tokens: map.merge(
51
- (
52
- 'container-padding-horizontal': 16px,
53
- 'container-padding-vertical': 16px,
54
- 'input-text-prefix-padding': 2px,
55
- 'input-text-suffix-padding': 2px,
56
- 'with-label-container-padding-vertical': 8px,
57
- // TODO(b/270705687): remove when focus-caret-color token added
58
- 'focus-caret-color':
59
- map.get(tokens.md-sys-color-values-light(), 'primary'),
60
- ),
61
- $tokens
62
- );
63
-
64
- :host {
65
- @each $token, $value in $tokens {
66
- @if $token == 'container-shape' {
67
- // Support logical shape properties. Filled text field has a default
68
- // oblong shape, which is why the fallback value is unique per corner.
69
- --_container-shape-start-start: var(
70
- --md-filled-text-field-container-shape-start-start,
71
- var(--md-filled-text-field-container-shape, #{list.nth($value, 1)})
72
- );
73
- --_container-shape-start-end: var(
74
- --md-filled-text-field-container-shape-start-end,
75
- var(--md-filled-text-field-container-shape, #{list.nth($value, 2)})
76
- );
77
- --_container-shape-end-end: var(
78
- --md-filled-text-field-container-shape-end-end,
79
- var(--md-filled-text-field-container-shape, #{list.nth($value, 3)})
80
- );
81
- --_container-shape-end-start: var(
82
- --md-filled-text-field-container-shape-end-start,
83
- var(--md-filled-text-field-container-shape, #{list.nth($value, 4)})
84
- );
85
- } @else {
86
- --_#{$token}: var(--md-filled-text-field-#{$token}, #{$value});
87
- }
88
- }
89
-
90
- @include filled-field.theme(
91
- (
92
- // go/keep-sorted start
93
- 'active-indicator-color': var(--_active-indicator-color),
94
- 'active-indicator-height': var(--_active-indicator-height),
95
- 'container-color': var(--_container-color),
96
- 'container-padding-horizontal': var(--_container-padding-horizontal),
97
- 'container-padding-vertical': var(--_container-padding-vertical),
98
- 'container-shape-end-end': var(--_container-shape-end-end),
99
- 'container-shape-end-start': var(--_container-shape-end-start),
100
- 'container-shape-start-end': var(--_container-shape-start-end),
101
- 'container-shape-start-start': var(--_container-shape-start-start),
102
- 'content-color': var(--_input-text-color),
103
- 'content-type': var(--_input-text-type),
104
- 'disabled-active-indicator-color':
105
- var(--_disabled-active-indicator-color),
106
- 'disabled-active-indicator-height':
107
- var(--_disabled-active-indicator-height),
108
- 'disabled-active-indicator-opacity':
109
- var(--_disabled-active-indicator-opacity),
110
- 'disabled-container-color': var(--_disabled-container-color),
111
- 'disabled-container-opacity': var(--_disabled-container-opacity),
112
- 'disabled-content-color': var(--_disabled-input-text-color),
113
- 'disabled-content-opacity': var(--_disabled-input-text-opacity),
114
- 'disabled-label-text-color': var(--_disabled-label-text-color),
115
- 'disabled-label-text-opacity': var(--_disabled-label-text-opacity),
116
- 'disabled-leading-content-color': var(--_disabled-leading-icon-color),
117
- 'disabled-leading-content-opacity':
118
- var(--_disabled-leading-icon-opacity),
119
- 'disabled-supporting-text-color': var(--_disabled-supporting-text-color),
120
- 'disabled-supporting-text-opacity':
121
- var(--_disabled-supporting-text-opacity),
122
- 'disabled-trailing-content-color': var(--_disabled-trailing-icon-color),
123
- 'disabled-trailing-content-opacity':
124
- var(--_disabled-trailing-icon-opacity),
125
- 'error-active-indicator-color': var(--_error-active-indicator-color),
126
- 'error-content-color': var(--_error-input-text-color),
127
- 'error-focus-active-indicator-color':
128
- var(--_error-focus-active-indicator-color),
129
- 'error-focus-content-color': var(--_error-focus-input-text-color),
130
- 'error-focus-label-text-color': var(--_error-focus-label-text-color),
131
- 'error-focus-leading-content-color':
132
- var(--_error-focus-leading-icon-color),
133
- 'error-focus-supporting-text-color':
134
- var(--_error-focus-supporting-text-color),
135
- 'error-focus-trailing-content-color':
136
- var(--_error-focus-trailing-icon-color),
137
- 'error-hover-active-indicator-color':
138
- var(--_error-hover-active-indicator-color),
139
- 'error-hover-content-color': var(--_error-hover-input-text-color),
140
- 'error-hover-label-text-color': var(--_error-hover-label-text-color),
141
- 'error-hover-leading-content-color':
142
- var(--_error-hover-leading-icon-color),
143
- 'error-hover-state-layer-color': var(--_error-hover-state-layer-color),
144
- 'error-hover-state-layer-opacity':
145
- var(--_error-hover-state-layer-opacity),
146
- 'error-hover-supporting-text-color':
147
- var(--_error-hover-supporting-text-color),
148
- 'error-hover-trailing-content-color':
149
- var(--_error-hover-trailing-icon-color),
150
- 'error-label-text-color': var(--_error-label-text-color),
151
- 'error-leading-content-color': var(--_error-leading-icon-color),
152
- 'error-supporting-text-color': var(--_error-supporting-text-color),
153
- 'error-trailing-content-color': var(--_error-trailing-icon-color),
154
- 'focus-active-indicator-color': var(--_focus-active-indicator-color),
155
- 'focus-active-indicator-height': var(--_focus-active-indicator-height),
156
- 'focus-content-color': var(--_focus-input-text-color),
157
- 'focus-label-text-color': var(--_focus-label-text-color),
158
- 'focus-leading-content-color': var(--_focus-leading-icon-color),
159
- 'focus-supporting-text-color': var(--_focus-supporting-text-color),
160
- 'focus-trailing-content-color': var(--_focus-trailing-icon-color),
161
- 'hover-active-indicator-color': var(--_hover-active-indicator-color),
162
- 'hover-active-indicator-height': var(--_hover-active-indicator-height),
163
- 'hover-content-color': var(--_hover-input-text-color),
164
- 'hover-label-text-color': var(--_hover-label-text-color),
165
- 'hover-leading-content-color': var(--_hover-leading-icon-color),
166
- 'hover-state-layer-color': var(--_hover-state-layer-color),
167
- 'hover-state-layer-opacity': var(--_hover-state-layer-opacity),
168
- 'hover-supporting-text-color': var(--_hover-supporting-text-color),
169
- 'hover-trailing-content-color': var(--_hover-trailing-icon-color),
170
- 'label-text-color': var(--_label-text-color),
171
- 'label-text-populated-line-height':
172
- var(--_label-text-populated-line-height),
173
- 'label-text-populated-size': var(--_label-text-populated-size),
174
- 'label-text-type': var(--_label-text-type),
175
- 'leading-content-color': var(--_leading-icon-color),
176
- 'supporting-text-color': var(--_supporting-text-color),
177
- 'supporting-text-type': var(--_supporting-text-type),
178
- 'trailing-content-color': var(--_trailing-icon-color),
179
- 'with-label-container-padding-vertical':
180
- var(--_with-label-container-padding-vertical) // go/keep-sorted end
181
- )
182
- );
183
- }
184
- }
185
-
186
- @function _resolve-tokens($tokens, $exclude-hardcoded-values: false) {
187
- @if not $exclude-hardcoded-values {
188
- // Add missing tokens
189
- $tokens: map.merge(
190
- (
191
- 'container-padding-horizontal': 16px,
192
- 'container-padding-vertical': 16px,
193
- 'input-text-prefix-padding': 2px,
194
- 'input-text-suffix-padding': 2px,
195
- 'with-label-container-padding-vertical': 8px,
196
- // TODO(b/270705687): remove when focus-caret-color token added
197
- 'focus-caret-color':
198
- map.get(tokens.md-sys-color-values-light(), 'primary'),
199
- ),
200
- $tokens
201
- );
202
- }
203
-
204
- @return $tokens;
205
- }
package/textfield/lib/_input.scss DELETED
@@ -1,61 +0,0 @@
1
- //
2
- // Copyright 2021 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- @mixin styles() {
7
- input {
8
- appearance: none;
9
- background: none;
10
- border: none;
11
- caret-color: var(--_caret-color);
12
- color: currentColor;
13
- font: inherit;
14
- outline: none;
15
- padding: 0;
16
- text-align: inherit;
17
- width: 100%;
18
-
19
- &::placeholder {
20
- color: currentColor;
21
- opacity: 1;
22
- }
23
-
24
- // Remove built-in datepicker icon on Chrome
25
- &::-webkit-calendar-picker-indicator {
26
- display: none;
27
- }
28
-
29
- @media (forced-colors: active) {
30
- background-color: Field; // Remove white background in Firefox HCM
31
- }
32
- }
33
-
34
- :focus-within input {
35
- caret-color: var(--_focus-caret-color);
36
- }
37
-
38
- .error:focus-within input {
39
- caret-color: var(--_error-focus-caret-color);
40
- }
41
-
42
- .text-field:not(.disabled) .prefix {
43
- color: var(--_input-text-prefix-color);
44
- }
45
-
46
- .text-field:not(.disabled) .suffix {
47
- color: var(--_input-text-suffix-color);
48
- }
49
-
50
- .text-field:not(.disabled) input::placeholder {
51
- color: var(--_input-text-placeholder-color);
52
- }
53
-
54
- .prefix {
55
- padding-inline-end: var(--_input-text-prefix-padding);
56
- }
57
-
58
- .suffix {
59
- padding-inline-start: var(--_input-text-suffix-padding);
60
- }
61
- }