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

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 (707) hide show
  1. package/README.md +7 -7
  2. package/aria/aria.d.ts +43 -0
  3. package/aria/aria.js +56 -0
  4. package/aria/aria.js.map +1 -0
  5. package/aria/delegate.d.ts +37 -0
  6. package/aria/delegate.js +53 -0
  7. package/aria/delegate.js.map +1 -0
  8. package/badge/badge.d.ts +0 -1
  9. package/badge/badge.js +0 -1
  10. package/badge/badge.js.map +1 -1
  11. package/badge/lib/badge-styles.css.js +1 -1
  12. package/badge/lib/badge-styles.css.js.map +1 -1
  13. package/badge/lib/badge.d.ts +8 -7
  14. package/badge/lib/badge.js +5 -6
  15. package/badge/lib/badge.js.map +1 -1
  16. package/button/lib/_elevation.scss +15 -11
  17. package/button/lib/_outlined-button.scss +1 -1
  18. package/button/lib/_shared.scss +5 -0
  19. package/button/lib/_text-button.scss +1 -1
  20. package/button/lib/_tonal-button.scss +1 -1
  21. package/button/lib/button.d.ts +13 -11
  22. package/button/lib/button.js +51 -60
  23. package/button/lib/button.js.map +1 -1
  24. package/button/lib/elevated-button.d.ts +3 -0
  25. package/button/lib/elevated-button.js +4 -2
  26. package/button/lib/elevated-button.js.map +1 -1
  27. package/button/lib/elevated-styles.css.js +1 -1
  28. package/button/lib/elevated-styles.css.js.map +1 -1
  29. package/button/lib/filled-button.d.ts +3 -1
  30. package/button/lib/filled-button.js +4 -3
  31. package/button/lib/filled-button.js.map +1 -1
  32. package/button/lib/filled-styles.css.js +1 -1
  33. package/button/lib/filled-styles.css.js.map +1 -1
  34. package/button/lib/outlined-button.d.ts +3 -0
  35. package/button/lib/outlined-button.js +3 -1
  36. package/button/lib/outlined-button.js.map +1 -1
  37. package/button/lib/outlined-styles.css.js +1 -1
  38. package/button/lib/outlined-styles.css.js.map +1 -1
  39. package/button/lib/shared-elevation-styles.css.js +1 -1
  40. package/button/lib/shared-elevation-styles.css.js.map +1 -1
  41. package/button/lib/shared-styles.css.js +1 -1
  42. package/button/lib/shared-styles.css.js.map +1 -1
  43. package/button/lib/text-button.d.ts +3 -0
  44. package/button/lib/text-button.js +3 -1
  45. package/button/lib/text-button.js.map +1 -1
  46. package/button/lib/text-styles.css.js +1 -1
  47. package/button/lib/text-styles.css.js.map +1 -1
  48. package/button/lib/tonal-button.d.ts +3 -1
  49. package/button/lib/tonal-button.js +4 -3
  50. package/button/lib/tonal-button.js.map +1 -1
  51. package/button/lib/tonal-styles.css.js +1 -1
  52. package/button/lib/tonal-styles.css.js.map +1 -1
  53. package/checkbox/lib/checkbox-styles.css.js +1 -1
  54. package/checkbox/lib/checkbox-styles.css.js.map +1 -1
  55. package/checkbox/lib/checkbox.d.ts +0 -1
  56. package/checkbox/lib/checkbox.js +33 -43
  57. package/checkbox/lib/checkbox.js.map +1 -1
  58. package/chips/_filter-chip.scss +6 -0
  59. package/chips/filter-chip.d.ts +20 -0
  60. package/chips/filter-chip.js +24 -0
  61. package/chips/filter-chip.js.map +1 -0
  62. package/chips/lib/_filter-chip.scss +141 -0
  63. package/chips/lib/_shared.scss +71 -37
  64. package/chips/lib/assist-styles.css.js +1 -1
  65. package/chips/lib/assist-styles.css.js.map +1 -1
  66. package/chips/lib/chip.d.ts +8 -3
  67. package/chips/lib/chip.js +30 -31
  68. package/chips/lib/chip.js.map +1 -1
  69. package/chips/lib/filter-chip.d.ts +21 -0
  70. package/chips/lib/filter-chip.js +47 -0
  71. package/chips/lib/filter-chip.js.map +1 -0
  72. package/chips/lib/filter-styles.css.js +9 -0
  73. package/chips/lib/filter-styles.css.js.map +1 -0
  74. package/{fab/lib/fab-extended-styles.scss → chips/lib/filter-styles.scss} +3 -3
  75. package/chips/lib/shared-styles.css.js +1 -1
  76. package/chips/lib/shared-styles.css.js.map +1 -1
  77. package/chips/lib/suggestion-styles.css.js +1 -1
  78. package/chips/lib/suggestion-styles.css.js.map +1 -1
  79. package/circularprogress/_circular-progress.scss +6 -0
  80. package/circularprogress/circular-progress.d.ts +24 -0
  81. package/circularprogress/circular-progress.js +27 -0
  82. package/circularprogress/circular-progress.js.map +1 -0
  83. package/circularprogress/harness.d.ts +13 -0
  84. package/circularprogress/harness.js +16 -0
  85. package/circularprogress/harness.js.map +1 -0
  86. package/circularprogress/lib/_circular-progress.scss +282 -0
  87. package/circularprogress/lib/circular-progress-styles.css.js +9 -0
  88. package/circularprogress/lib/circular-progress-styles.css.js.map +1 -0
  89. package/circularprogress/lib/circular-progress-styles.scss +8 -0
  90. package/circularprogress/lib/circular-progress.d.ts +28 -0
  91. package/circularprogress/lib/circular-progress.js +95 -0
  92. package/circularprogress/lib/circular-progress.js.map +1 -0
  93. package/dialog/lib/_dialog.scss +9 -14
  94. package/dialog/lib/dialog-styles.css.js +1 -1
  95. package/dialog/lib/dialog-styles.css.js.map +1 -1
  96. package/dialog/lib/dialog.js +26 -50
  97. package/dialog/lib/dialog.js.map +1 -1
  98. package/divider/lib/divider.js +4 -7
  99. package/divider/lib/divider.js.map +1 -1
  100. package/elevation/lib/_elevation.scss +14 -51
  101. package/elevation/lib/elevation-styles.css.js +1 -1
  102. package/elevation/lib/elevation-styles.css.js.map +1 -1
  103. package/elevation/lib/elevation.d.ts +0 -8
  104. package/elevation/lib/elevation.js +1 -25
  105. package/elevation/lib/elevation.js.map +1 -1
  106. package/fab/_fab.scss +1 -0
  107. package/fab/branded-fab.d.ts +53 -0
  108. package/fab/branded-fab.js +56 -0
  109. package/fab/branded-fab.js.map +1 -0
  110. package/fab/fab.d.ts +25 -5
  111. package/fab/fab.js +27 -10
  112. package/fab/fab.js.map +1 -1
  113. package/fab/harness.d.ts +1 -2
  114. package/fab/harness.js +1 -1
  115. package/fab/harness.js.map +1 -1
  116. package/fab/lib/_fab-branded.scss +27 -0
  117. package/fab/lib/_fab.scss +144 -16
  118. package/fab/lib/_shared.scss +153 -131
  119. package/fab/lib/fab-branded-styles.css.js +9 -0
  120. package/fab/lib/fab-branded-styles.css.js.map +1 -0
  121. package/fab/lib/fab-branded-styles.scss +10 -0
  122. package/fab/lib/fab-styles.css.js +1 -1
  123. package/fab/lib/fab-styles.css.js.map +1 -1
  124. package/fab/lib/fab.d.ts +14 -10
  125. package/fab/lib/fab.js +19 -12
  126. package/fab/lib/fab.js.map +1 -1
  127. package/fab/lib/forced-colors-styles.css.js +9 -0
  128. package/fab/lib/forced-colors-styles.css.js.map +1 -0
  129. package/fab/lib/forced-colors-styles.scss +26 -0
  130. package/fab/lib/shared-styles.css.d.ts +1 -0
  131. package/fab/lib/shared-styles.css.js +9 -0
  132. package/fab/lib/shared-styles.css.js.map +1 -0
  133. package/fab/lib/{fab-shared-styles.scss → shared-styles.scss} +1 -1
  134. package/fab/lib/{fab-shared.d.ts → shared.d.ts} +24 -16
  135. package/fab/lib/shared.js +137 -0
  136. package/fab/lib/shared.js.map +1 -0
  137. package/field/lib/field.js +14 -27
  138. package/field/lib/field.js.map +1 -1
  139. package/field/lib/filled-styles.css.js +1 -1
  140. package/field/lib/filled-styles.css.js.map +1 -1
  141. package/field/lib/outlined-styles.css.js +1 -1
  142. package/field/lib/outlined-styles.css.js.map +1 -1
  143. package/focus/focus-ring.d.ts +0 -1
  144. package/focus/focus-ring.js +0 -1
  145. package/focus/focus-ring.js.map +1 -1
  146. package/focus/lib/_focus-ring.scss +30 -20
  147. package/focus/lib/focus-ring-styles.css.js +1 -1
  148. package/focus/lib/focus-ring-styles.css.js.map +1 -1
  149. package/focus/lib/focus-ring.js +2 -3
  150. package/focus/lib/focus-ring.js.map +1 -1
  151. package/focus/strong-focus.d.ts +11 -0
  152. package/focus/strong-focus.js +16 -1
  153. package/focus/strong-focus.js.map +1 -1
  154. package/icon/icon.d.ts +0 -1
  155. package/icon/icon.js +0 -1
  156. package/icon/icon.js.map +1 -1
  157. package/icon/lib/_icon.scss +2 -0
  158. package/icon/lib/icon-styles.css.js +1 -1
  159. package/icon/lib/icon-styles.css.js.map +1 -1
  160. package/icon/lib/icon.d.ts +5 -4
  161. package/icon/lib/icon.js +3 -2
  162. package/icon/lib/icon.js.map +1 -1
  163. package/iconbutton/filled-icon-button.js +1 -0
  164. package/iconbutton/filled-icon-button.js.map +1 -1
  165. package/iconbutton/filled-tonal-icon-button.js +1 -0
  166. package/iconbutton/filled-tonal-icon-button.js.map +1 -1
  167. package/iconbutton/harness.d.ts +1 -2
  168. package/iconbutton/harness.js.map +1 -1
  169. package/iconbutton/lib/filled-styles.css.js +1 -1
  170. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  171. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  172. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  173. package/iconbutton/lib/icon-button.d.ts +31 -4
  174. package/iconbutton/lib/icon-button.js +105 -37
  175. package/iconbutton/lib/icon-button.js.map +1 -1
  176. package/iconbutton/lib/outlined-styles.css.js +1 -1
  177. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  178. package/iconbutton/lib/standard-styles.css.js +1 -1
  179. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  180. package/linearprogress/_linear-progress.scss +6 -0
  181. package/linearprogress/harness.d.ts +13 -0
  182. package/linearprogress/harness.js +18 -0
  183. package/linearprogress/harness.js.map +1 -0
  184. package/linearprogress/lib/_linear-progress.scss +380 -0
  185. package/linearprogress/lib/linear-progress-styles.css.d.ts +1 -0
  186. package/linearprogress/lib/linear-progress-styles.css.js +9 -0
  187. package/linearprogress/lib/linear-progress-styles.css.js.map +1 -0
  188. package/linearprogress/lib/linear-progress-styles.scss +8 -0
  189. package/linearprogress/lib/linear-progress.d.ts +35 -0
  190. package/linearprogress/lib/linear-progress.js +127 -0
  191. package/linearprogress/lib/linear-progress.js.map +1 -0
  192. package/linearprogress/linear-progress.d.ts +23 -0
  193. package/linearprogress/linear-progress.js +26 -0
  194. package/linearprogress/linear-progress.js.map +1 -0
  195. package/list/harness.d.ts +1 -0
  196. package/list/harness.js +1 -0
  197. package/list/harness.js.map +1 -1
  198. package/list/lib/_list.scss +6 -50
  199. package/list/lib/list-styles.css.js +1 -1
  200. package/list/lib/list-styles.css.js.map +1 -1
  201. package/list/lib/list.d.ts +1 -3
  202. package/list/lib/list.js +20 -34
  203. package/list/lib/list.js.map +1 -1
  204. package/list/lib/listitem/_list-item.scss +19 -82
  205. package/list/lib/listitem/forced-colors-styles.css.d.ts +1 -0
  206. package/list/lib/listitem/forced-colors-styles.css.js +9 -0
  207. package/list/lib/listitem/forced-colors-styles.css.js.map +1 -0
  208. package/list/lib/listitem/forced-colors-styles.scss +23 -0
  209. package/list/lib/listitem/list-item-styles.css.js +1 -1
  210. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  211. package/list/lib/listitem/list-item.d.ts +5 -7
  212. package/list/lib/listitem/list-item.js +27 -56
  213. package/list/lib/listitem/list-item.js.map +1 -1
  214. package/list/lib/listitemlink/list-item-link.js +4 -6
  215. package/list/lib/listitemlink/list-item-link.js.map +1 -1
  216. package/list/list-item-link.js +2 -1
  217. package/list/list-item-link.js.map +1 -1
  218. package/list/list-item.js +2 -1
  219. package/list/list-item.js.map +1 -1
  220. package/menu/harness.d.ts +1 -0
  221. package/menu/harness.js +1 -0
  222. package/menu/harness.js.map +1 -1
  223. package/menu/lib/_menu.scss +10 -37
  224. package/menu/lib/forced-colors-styles.css.d.ts +1 -0
  225. package/menu/lib/forced-colors-styles.css.js +9 -0
  226. package/menu/lib/forced-colors-styles.css.js.map +1 -0
  227. package/menu/lib/forced-colors-styles.scss +12 -0
  228. package/menu/lib/menu-styles.css.js +1 -1
  229. package/menu/lib/menu-styles.css.js.map +1 -1
  230. package/menu/lib/menu.d.ts +13 -3
  231. package/menu/lib/menu.js +78 -65
  232. package/menu/lib/menu.js.map +1 -1
  233. package/menu/lib/menuitem/_menu-item.scss +18 -43
  234. package/menu/lib/menuitem/forced-colors-styles.css.d.ts +1 -0
  235. package/menu/lib/menuitem/forced-colors-styles.css.js +9 -0
  236. package/menu/lib/menuitem/forced-colors-styles.css.js.map +1 -0
  237. package/menu/lib/menuitem/forced-colors-styles.scss +22 -0
  238. package/menu/lib/menuitem/menu-item-styles.css.js +1 -1
  239. package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -1
  240. package/menu/lib/menuitem/menu-item.d.ts +1 -1
  241. package/menu/lib/menuitem/menu-item.js +4 -6
  242. package/menu/lib/menuitem/menu-item.js.map +1 -1
  243. package/menu/lib/menuitemlink/menu-item-link.d.ts +0 -2
  244. package/menu/lib/menuitemlink/menu-item-link.js +3 -6
  245. package/menu/lib/menuitemlink/menu-item-link.js.map +1 -1
  246. package/menu/lib/shared.d.ts +16 -2
  247. package/menu/lib/shared.js +23 -0
  248. package/menu/lib/shared.js.map +1 -1
  249. package/menu/lib/submenuitem/sub-menu-item.d.ts +4 -2
  250. package/menu/lib/submenuitem/sub-menu-item.js +17 -13
  251. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
  252. package/menu/lib/typeaheadController.d.ts +10 -2
  253. package/menu/lib/typeaheadController.js +20 -14
  254. package/menu/lib/typeaheadController.js.map +1 -1
  255. package/menu/menu-item-link.js +3 -1
  256. package/menu/menu-item-link.js.map +1 -1
  257. package/menu/menu-item.js +4 -2
  258. package/menu/menu-item.js.map +1 -1
  259. package/menu/menu.js +2 -1
  260. package/menu/menu.js.map +1 -1
  261. package/menu/sub-menu-item.js +3 -1
  262. package/menu/sub-menu-item.js.map +1 -1
  263. package/navigationbar/lib/_navigation-bar.scss +9 -6
  264. package/navigationbar/lib/navigation-bar-styles.css.js +1 -1
  265. package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -1
  266. package/navigationbar/lib/navigation-bar.d.ts +5 -5
  267. package/navigationbar/lib/navigation-bar.js +19 -20
  268. package/navigationbar/lib/navigation-bar.js.map +1 -1
  269. package/navigationbar/navigation-bar.d.ts +0 -1
  270. package/navigationbar/navigation-bar.js +0 -1
  271. package/navigationbar/navigation-bar.js.map +1 -1
  272. package/navigationdrawer/lib/_navigation-drawer-modal.scss +10 -11
  273. package/navigationdrawer/lib/_navigation-drawer.scss +9 -14
  274. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +1 -1
  275. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -1
  276. package/navigationdrawer/lib/navigation-drawer-modal.d.ts +5 -10
  277. package/navigationdrawer/lib/navigation-drawer-modal.js +19 -41
  278. package/navigationdrawer/lib/navigation-drawer-modal.js.map +1 -1
  279. package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
  280. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
  281. package/navigationdrawer/lib/navigation-drawer.d.ts +5 -9
  282. package/navigationdrawer/lib/navigation-drawer.js +18 -39
  283. package/navigationdrawer/lib/navigation-drawer.js.map +1 -1
  284. package/navigationdrawer/navigation-drawer-modal.d.ts +0 -1
  285. package/navigationdrawer/navigation-drawer-modal.js +0 -1
  286. package/navigationdrawer/navigation-drawer-modal.js.map +1 -1
  287. package/navigationdrawer/navigation-drawer.d.ts +0 -1
  288. package/navigationdrawer/navigation-drawer.js +0 -1
  289. package/navigationdrawer/navigation-drawer.js.map +1 -1
  290. package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
  291. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
  292. package/navigationtab/lib/navigation-tab.d.ts +19 -24
  293. package/navigationtab/lib/navigation-tab.js +48 -68
  294. package/navigationtab/lib/navigation-tab.js.map +1 -1
  295. package/navigationtab/navigation-tab.d.ts +0 -1
  296. package/navigationtab/navigation-tab.js +0 -1
  297. package/navigationtab/navigation-tab.js.map +1 -1
  298. package/package.json +2 -1
  299. package/radio/lib/radio-styles.css.js +1 -1
  300. package/radio/lib/radio-styles.css.js.map +1 -1
  301. package/radio/lib/radio.d.ts +0 -1
  302. package/radio/lib/radio.js +30 -37
  303. package/radio/lib/radio.js.map +1 -1
  304. package/ripple/lib/_md-comp-ripple.scss +3 -3
  305. package/ripple/lib/ripple-styles.css.js +1 -1
  306. package/ripple/lib/ripple-styles.css.js.map +1 -1
  307. package/ripple/lib/ripple.js +7 -13
  308. package/ripple/lib/ripple.js.map +1 -1
  309. package/segmentedbutton/lib/outlined-segmented-button.d.ts +16 -7
  310. package/segmentedbutton/lib/outlined-segmented-button.js +3 -3
  311. package/segmentedbutton/lib/outlined-segmented-button.js.map +1 -1
  312. package/segmentedbutton/lib/outlined-styles.css.js +1 -1
  313. package/segmentedbutton/lib/outlined-styles.css.js.map +1 -1
  314. package/segmentedbutton/lib/segmented-button.d.ts +27 -33
  315. package/segmentedbutton/lib/segmented-button.js +42 -75
  316. package/segmentedbutton/lib/segmented-button.js.map +1 -1
  317. package/segmentedbutton/outlined-segmented-button.d.ts +0 -1
  318. package/segmentedbutton/outlined-segmented-button.js +0 -1
  319. package/segmentedbutton/outlined-segmented-button.js.map +1 -1
  320. package/segmentedbuttonset/lib/outlined-segmented-button-set.d.ts +6 -4
  321. package/segmentedbuttonset/lib/outlined-segmented-button-set.js +3 -2
  322. package/segmentedbuttonset/lib/outlined-segmented-button-set.js.map +1 -1
  323. package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
  324. package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
  325. package/segmentedbuttonset/lib/segmented-button-set.d.ts +3 -9
  326. package/segmentedbuttonset/lib/segmented-button-set.js +14 -20
  327. package/segmentedbuttonset/lib/segmented-button-set.js.map +1 -1
  328. package/segmentedbuttonset/outlined-segmented-button-set.d.ts +0 -1
  329. package/segmentedbuttonset/outlined-segmented-button-set.js +0 -1
  330. package/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -1
  331. package/select/_filled-select.scss +6 -0
  332. package/select/_outlined-select.scss +6 -0
  333. package/select/filled-select.d.ts +41 -0
  334. package/select/filled-select.js +46 -0
  335. package/select/filled-select.js.map +1 -0
  336. package/select/harness.d.ts +24 -0
  337. package/select/harness.js +53 -0
  338. package/select/harness.js.map +1 -0
  339. package/select/lib/_filled-select.scss +163 -0
  340. package/select/lib/_outlined-select.scss +146 -0
  341. package/select/lib/_shared.scss +48 -0
  342. package/select/lib/filled-forced-colors-styles.css.d.ts +1 -0
  343. package/select/lib/filled-forced-colors-styles.css.js +9 -0
  344. package/select/lib/filled-forced-colors-styles.css.js.map +1 -0
  345. package/select/lib/filled-forced-colors-styles.scss +29 -0
  346. package/select/lib/filled-select-styles.css.d.ts +1 -0
  347. package/select/lib/filled-select-styles.css.js +9 -0
  348. package/select/lib/filled-select-styles.css.js.map +1 -0
  349. package/select/lib/filled-select-styles.scss +10 -0
  350. package/select/lib/filled-select.d.ts +10 -0
  351. package/select/lib/filled-select.js +16 -0
  352. package/select/lib/filled-select.js.map +1 -0
  353. package/select/lib/outlined-forced-colors-styles.css.d.ts +1 -0
  354. package/select/lib/outlined-forced-colors-styles.css.js +9 -0
  355. package/select/lib/outlined-forced-colors-styles.css.js.map +1 -0
  356. package/select/lib/outlined-forced-colors-styles.scss +29 -0
  357. package/select/lib/outlined-select-styles.css.d.ts +1 -0
  358. package/select/lib/outlined-select-styles.css.js +9 -0
  359. package/select/lib/outlined-select-styles.css.js.map +1 -0
  360. package/select/lib/outlined-select-styles.scss +10 -0
  361. package/select/lib/outlined-select.d.ts +10 -0
  362. package/select/lib/outlined-select.js +16 -0
  363. package/select/lib/outlined-select.js.map +1 -0
  364. package/select/lib/select.d.ts +218 -0
  365. package/select/lib/select.js +587 -0
  366. package/select/lib/select.js.map +1 -0
  367. package/select/lib/selectoption/harness.d.ts +11 -0
  368. package/select/lib/selectoption/harness.js +12 -0
  369. package/select/lib/selectoption/harness.js.map +1 -0
  370. package/select/lib/selectoption/select-option.d.ts +30 -0
  371. package/select/lib/selectoption/select-option.js +71 -0
  372. package/select/lib/selectoption/select-option.js.map +1 -0
  373. package/select/lib/shared-styles.css.d.ts +1 -0
  374. package/select/lib/shared-styles.css.js +9 -0
  375. package/select/lib/shared-styles.css.js.map +1 -0
  376. package/select/lib/shared-styles.scss +10 -0
  377. package/select/lib/shared.d.ts +52 -0
  378. package/select/lib/shared.js +41 -0
  379. package/select/lib/shared.js.map +1 -0
  380. package/select/outlined-select.d.ts +41 -0
  381. package/select/outlined-select.js +46 -0
  382. package/select/outlined-select.js.map +1 -0
  383. package/select/select-option.d.ts +44 -0
  384. package/select/select-option.js +51 -0
  385. package/select/select-option.js.map +1 -0
  386. package/slider/harness.d.ts +1 -0
  387. package/slider/harness.js +5 -0
  388. package/slider/harness.js.map +1 -1
  389. package/slider/lib/_slider.scss +147 -171
  390. package/slider/lib/forced-colors-styles.css.js +1 -1
  391. package/slider/lib/forced-colors-styles.css.js.map +1 -1
  392. package/slider/lib/forced-colors-styles.scss +2 -2
  393. package/slider/lib/slider-styles.css.js +1 -1
  394. package/slider/lib/slider-styles.css.js.map +1 -1
  395. package/slider/lib/slider.d.ts +2 -7
  396. package/slider/lib/slider.js +65 -119
  397. package/slider/lib/slider.js.map +1 -1
  398. package/switch/lib/switch-styles.css.js +1 -1
  399. package/switch/lib/switch-styles.css.js.map +1 -1
  400. package/switch/lib/switch.d.ts +0 -2
  401. package/switch/lib/switch.js +32 -54
  402. package/switch/lib/switch.js.map +1 -1
  403. package/textfield/lib/filled-styles.css.js +1 -1
  404. package/textfield/lib/filled-styles.css.js.map +1 -1
  405. package/textfield/lib/outlined-styles.css.js +1 -1
  406. package/textfield/lib/outlined-styles.css.js.map +1 -1
  407. package/textfield/lib/text-field.d.ts +0 -10
  408. package/textfield/lib/text-field.js +45 -115
  409. package/textfield/lib/text-field.js.map +1 -1
  410. package/tokens/_index.scss +6 -0
  411. package/tokens/_md-comp-assist-chip.scss +81 -21
  412. package/tokens/_md-comp-badge.scss +8 -1
  413. package/tokens/_md-comp-banner.scss +1 -1
  414. package/tokens/_md-comp-bottom-app-bar.scss +1 -1
  415. package/tokens/_md-comp-carousel-item.scss +1 -1
  416. package/tokens/_md-comp-checkbox.scss +1 -1
  417. package/tokens/_md-comp-circular-progress-indicator.scss +17 -2
  418. package/tokens/_md-comp-data-table.scss +1 -1
  419. package/tokens/_md-comp-date-input-modal.scss +1 -1
  420. package/tokens/_md-comp-date-picker-docked.scss +1 -1
  421. package/tokens/_md-comp-date-picker-modal.scss +1 -1
  422. package/tokens/_md-comp-dialog.scss +10 -1
  423. package/tokens/_md-comp-divider.scss +1 -1
  424. package/tokens/_md-comp-elevated-button.scss +80 -20
  425. package/tokens/_md-comp-elevated-card.scss +1 -1
  426. package/tokens/_md-comp-elevation.scss +24 -0
  427. package/tokens/_md-comp-extended-fab-branded.scss +8 -1
  428. package/tokens/_md-comp-extended-fab-primary.scss +8 -1
  429. package/tokens/_md-comp-extended-fab-secondary.scss +8 -1
  430. package/tokens/_md-comp-extended-fab-surface.scss +8 -1
  431. package/tokens/_md-comp-extended-fab-tertiary.scss +8 -1
  432. package/tokens/_md-comp-fab-branded-large.scss +1 -1
  433. package/tokens/_md-comp-fab-branded.scss +110 -2
  434. package/tokens/_md-comp-fab-primary-large.scss +1 -1
  435. package/tokens/_md-comp-fab-primary-small.scss +1 -1
  436. package/tokens/_md-comp-fab-primary.scss +1 -1
  437. package/tokens/_md-comp-fab-secondary-large.scss +1 -1
  438. package/tokens/_md-comp-fab-secondary-small.scss +1 -1
  439. package/tokens/_md-comp-fab-secondary.scss +1 -1
  440. package/tokens/_md-comp-fab-surface-large.scss +1 -1
  441. package/tokens/_md-comp-fab-surface-small.scss +1 -1
  442. package/tokens/_md-comp-fab-surface.scss +1 -1
  443. package/tokens/_md-comp-fab-tertiary-large.scss +1 -1
  444. package/tokens/_md-comp-fab-tertiary-small.scss +1 -1
  445. package/tokens/_md-comp-fab-tertiary.scss +1 -1
  446. package/tokens/_md-comp-fab.scss +290 -0
  447. package/tokens/_md-comp-filled-autocomplete.scss +1 -1
  448. package/tokens/_md-comp-filled-button.scss +80 -20
  449. package/tokens/_md-comp-filled-card.scss +1 -1
  450. package/tokens/_md-comp-filled-icon-button.scss +1 -1
  451. package/tokens/_md-comp-filled-menu-button.scss +1 -1
  452. package/tokens/_md-comp-filled-select.scss +151 -2
  453. package/tokens/_md-comp-filled-text-field.scss +10 -1
  454. package/tokens/_md-comp-filled-tonal-button.scss +80 -20
  455. package/tokens/_md-comp-filled-tonal-icon-button.scss +1 -1
  456. package/tokens/_md-comp-filter-chip.scss +211 -11
  457. package/tokens/_md-comp-focus-ring.scss +46 -0
  458. package/tokens/_md-comp-full-screen-dialog.scss +1 -1
  459. package/tokens/_md-comp-icon-button.scss +1 -1
  460. package/tokens/_md-comp-input-chip.scss +186 -11
  461. package/tokens/_md-comp-linear-progress-indicator.scss +15 -2
  462. package/tokens/_md-comp-list-item.scss +201 -0
  463. package/tokens/_md-comp-list.scss +110 -12
  464. package/tokens/_md-comp-menu-item.scss +76 -0
  465. package/tokens/_md-comp-menu.scss +53 -3
  466. package/tokens/_md-comp-navigation-bar.scss +1 -1
  467. package/tokens/_md-comp-navigation-drawer.scss +1 -1
  468. package/tokens/_md-comp-navigation-rail.scss +1 -1
  469. package/tokens/_md-comp-outlined-autocomplete.scss +1 -1
  470. package/tokens/_md-comp-outlined-button.scss +77 -19
  471. package/tokens/_md-comp-outlined-card.scss +1 -1
  472. package/tokens/_md-comp-outlined-icon-button.scss +1 -1
  473. package/tokens/_md-comp-outlined-menu-button.scss +1 -1
  474. package/tokens/_md-comp-outlined-segmented-button.scss +10 -1
  475. package/tokens/_md-comp-outlined-select.scss +151 -2
  476. package/tokens/_md-comp-outlined-text-field.scss +10 -1
  477. package/tokens/_md-comp-plain-tooltip.scss +1 -1
  478. package/tokens/_md-comp-primary-navigation-tab.scss +10 -1
  479. package/tokens/_md-comp-radio-button.scss +1 -1
  480. package/tokens/_md-comp-rich-tooltip.scss +1 -1
  481. package/tokens/_md-comp-scrim.scss +1 -1
  482. package/tokens/_md-comp-search-bar.scss +1 -1
  483. package/tokens/_md-comp-search-view.scss +1 -1
  484. package/tokens/_md-comp-secondary-navigation-tab.scss +9 -1
  485. package/tokens/_md-comp-sheet-bottom.scss +1 -1
  486. package/tokens/_md-comp-sheet-floating.scss +1 -1
  487. package/tokens/_md-comp-sheet-side.scss +1 -1
  488. package/tokens/_md-comp-slider.scss +23 -2
  489. package/tokens/_md-comp-snackbar.scss +1 -1
  490. package/tokens/_md-comp-standard-menu-button.scss +1 -1
  491. package/tokens/_md-comp-suggestion-chip.scss +83 -24
  492. package/tokens/_md-comp-switch.scss +1 -1
  493. package/tokens/_md-comp-test-table.scss +31 -0
  494. package/tokens/_md-comp-text-button.scss +70 -19
  495. package/tokens/_md-comp-time-input.scss +1 -1
  496. package/tokens/_md-comp-time-picker.scss +1 -1
  497. package/tokens/_md-comp-top-app-bar-large.scss +1 -1
  498. package/tokens/_md-comp-top-app-bar-medium.scss +1 -1
  499. package/tokens/_md-comp-top-app-bar-small-centered.scss +1 -1
  500. package/tokens/_md-comp-top-app-bar-small.scss +1 -1
  501. package/tokens/_md-ref-palette.scss +1 -1
  502. package/tokens/_md-ref-typeface.scss +24 -2
  503. package/tokens/_md-sys-color.scss +1 -1
  504. package/tokens/_md-sys-elevation.scss +1 -1
  505. package/tokens/_md-sys-motion.scss +1 -1
  506. package/tokens/_md-sys-shape.scss +1 -1
  507. package/tokens/_md-sys-state.scss +1 -1
  508. package/tokens/_md-sys-typescale.scss +36 -2
  509. package/tokens/_values.scss +114 -0
  510. package/tokens/{v0_161 → v0_172}/_md-comp-assist-chip.scss +3 -4
  511. package/tokens/{v0_161 → v0_172}/_md-comp-badge.scss +1 -1
  512. package/tokens/{v0_161 → v0_172}/_md-comp-banner.scss +2 -4
  513. package/tokens/{v0_161 → v0_172}/_md-comp-bottom-app-bar.scss +3 -5
  514. package/tokens/{v0_161 → v0_172}/_md-comp-carousel-item.scss +1 -3
  515. package/tokens/{v0_161 → v0_172}/_md-comp-checkbox.scss +1 -1
  516. package/tokens/{v0_161 → v0_172}/_md-comp-circular-progress-indicator.scss +1 -1
  517. package/tokens/{v0_161 → v0_172}/_md-comp-data-table.scss +2 -2
  518. package/tokens/{v0_161 → v0_172}/_md-comp-date-input-modal.scss +2 -4
  519. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-docked.scss +2 -4
  520. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-modal.scss +2 -4
  521. package/tokens/{v0_161 → v0_172}/_md-comp-dialog.scss +2 -4
  522. package/tokens/{v0_161 → v0_172}/_md-comp-divider.scss +1 -1
  523. package/tokens/{v0_161 → v0_172}/_md-comp-elevated-button.scss +2 -4
  524. package/tokens/{v0_161 → v0_172}/_md-comp-elevated-card.scss +2 -4
  525. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-branded.scss +4 -4
  526. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-primary.scss +1 -1
  527. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-secondary.scss +1 -1
  528. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-surface.scss +4 -4
  529. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-tertiary.scss +1 -1
  530. package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded-large.scss +4 -4
  531. package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded.scss +4 -4
  532. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-large.scss +1 -1
  533. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-small.scss +1 -1
  534. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary.scss +1 -1
  535. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-large.scss +1 -1
  536. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-small.scss +1 -1
  537. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary.scss +1 -1
  538. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-large.scss +4 -4
  539. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-small.scss +4 -4
  540. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface.scss +4 -4
  541. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary-large.scss +1 -1
  542. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary-small.scss +1 -1
  543. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary.scss +1 -1
  544. package/tokens/{v0_161 → v0_172}/_md-comp-filled-autocomplete.scss +4 -6
  545. package/tokens/{v0_161 → v0_172}/_md-comp-filled-button.scss +1 -1
  546. package/tokens/{v0_161 → v0_172}/_md-comp-filled-card.scss +3 -2
  547. package/tokens/{v0_161 → v0_172}/_md-comp-filled-icon-button.scss +2 -2
  548. package/tokens/{v0_161 → v0_172}/_md-comp-filled-menu-button.scss +1 -1
  549. package/tokens/{v0_161 → v0_172}/_md-comp-filled-select.scss +4 -6
  550. package/tokens/{v0_161 → v0_172}/_md-comp-filled-text-field.scss +3 -2
  551. package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-button.scss +1 -1
  552. package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-icon-button.scss +2 -2
  553. package/tokens/{v0_161 → v0_172}/_md-comp-filter-chip.scss +2 -4
  554. package/tokens/{v0_161 → v0_172}/_md-comp-full-screen-dialog.scss +3 -3
  555. package/tokens/{v0_161 → v0_172}/_md-comp-icon-button.scss +1 -1
  556. package/tokens/{v0_161 → v0_172}/_md-comp-input-chip.scss +1 -1
  557. package/tokens/{v0_161 → v0_172}/_md-comp-linear-progress-indicator.scss +2 -2
  558. package/tokens/{v0_161 → v0_172}/_md-comp-list.scss +1 -1
  559. package/tokens/{v0_161 → v0_172}/_md-comp-menu.scss +3 -5
  560. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-bar.scss +2 -4
  561. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-drawer.scss +4 -4
  562. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-rail.scss +1 -16
  563. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-autocomplete.scss +4 -6
  564. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-button.scss +1 -1
  565. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-card.scss +1 -3
  566. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-icon-button.scss +1 -1
  567. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-menu-button.scss +1 -1
  568. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-segmented-button.scss +1 -1
  569. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-select.scss +4 -6
  570. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-text-field.scss +1 -1
  571. package/tokens/{v0_161 → v0_172}/_md-comp-plain-tooltip.scss +1 -1
  572. package/tokens/{v0_161 → v0_172}/_md-comp-primary-navigation-tab.scss +1 -1
  573. package/tokens/{v0_161 → v0_172}/_md-comp-radio-button.scss +1 -1
  574. package/tokens/{v0_161 → v0_172}/_md-comp-rich-tooltip.scss +3 -5
  575. package/tokens/{v0_161 → v0_172}/_md-comp-scrim.scss +1 -1
  576. package/tokens/{v0_161 → v0_172}/_md-comp-search-bar.scss +2 -4
  577. package/tokens/{v0_161 → v0_172}/_md-comp-search-view.scss +2 -4
  578. package/tokens/{v0_161 → v0_172}/_md-comp-secondary-navigation-tab.scss +3 -3
  579. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-bottom.scss +3 -4
  580. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-floating.scss +3 -5
  581. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-side.scss +4 -4
  582. package/tokens/{v0_161 → v0_172}/_md-comp-slider.scss +3 -2
  583. package/tokens/{v0_161 → v0_172}/_md-comp-snackbar.scss +1 -1
  584. package/tokens/{v0_161 → v0_172}/_md-comp-standard-menu-button.scss +1 -1
  585. package/tokens/{v0_161 → v0_172}/_md-comp-suggestion-chip.scss +3 -4
  586. package/tokens/{v0_161 → v0_172}/_md-comp-switch.scss +13 -11
  587. package/tokens/{v0_161 → v0_172}/_md-comp-text-button.scss +1 -1
  588. package/tokens/{v0_161 → v0_172}/_md-comp-time-input.scss +3 -4
  589. package/tokens/{v0_161 → v0_172}/_md-comp-time-picker.scss +5 -5
  590. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-large.scss +1 -3
  591. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-medium.scss +1 -3
  592. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small-centered.scss +3 -1
  593. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small.scss +3 -3
  594. package/tokens/{v0_161 → v0_172}/_md-ref-palette.scss +23 -23
  595. package/tokens/{v0_161 → v0_172}/_md-ref-typeface.scss +1 -1
  596. package/tokens/{v0_161 → v0_172}/_md-sys-color.scss +9 -9
  597. package/tokens/{v0_161 → v0_172}/_md-sys-elevation.scss +1 -1
  598. package/tokens/{v0_161 → v0_172}/_md-sys-motion.scss +1 -1
  599. package/tokens/{v0_161 → v0_172}/_md-sys-shape.scss +1 -1
  600. package/tokens/{v0_161 → v0_172}/_md-sys-state.scss +1 -1
  601. package/tokens/{v0_161 → v0_172}/_md-sys-typescale.scss +1 -1
  602. package/tokens/v0_172/index.test.css.d.ts +1 -0
  603. package/tokens/v0_172/lib.test.css.d.ts +1 -0
  604. package/types/aria.d.ts +61 -1
  605. package/actionelement/action-element.d.ts +0 -79
  606. package/actionelement/action-element.js +0 -97
  607. package/actionelement/action-element.js.map +0 -1
  608. package/button/elevated-link-button.d.ts +0 -36
  609. package/button/elevated-link-button.js +0 -41
  610. package/button/elevated-link-button.js.map +0 -1
  611. package/button/filled-link-button.d.ts +0 -34
  612. package/button/filled-link-button.js +0 -39
  613. package/button/filled-link-button.js.map +0 -1
  614. package/button/lib/elevated-link-button.d.ts +0 -13
  615. package/button/lib/elevated-link-button.js +0 -21
  616. package/button/lib/elevated-link-button.js.map +0 -1
  617. package/button/lib/filled-link-button.d.ts +0 -14
  618. package/button/lib/filled-link-button.js +0 -22
  619. package/button/lib/filled-link-button.js.map +0 -1
  620. package/button/lib/link-button.d.ts +0 -24
  621. package/button/lib/link-button.js +0 -59
  622. package/button/lib/link-button.js.map +0 -1
  623. package/button/lib/outlined-link-button.d.ts +0 -12
  624. package/button/lib/outlined-link-button.js +0 -20
  625. package/button/lib/outlined-link-button.js.map +0 -1
  626. package/button/lib/state.d.ts +0 -10
  627. package/button/lib/state.js +0 -7
  628. package/button/lib/state.js.map +0 -1
  629. package/button/lib/text-link-button.d.ts +0 -10
  630. package/button/lib/text-link-button.js +0 -16
  631. package/button/lib/text-link-button.js.map +0 -1
  632. package/button/lib/tonal-link-button.d.ts +0 -14
  633. package/button/lib/tonal-link-button.js +0 -22
  634. package/button/lib/tonal-link-button.js.map +0 -1
  635. package/button/outlined-link-button.d.ts +0 -36
  636. package/button/outlined-link-button.js +0 -40
  637. package/button/outlined-link-button.js.map +0 -1
  638. package/button/text-link-button.d.ts +0 -34
  639. package/button/text-link-button.js +0 -38
  640. package/button/text-link-button.js.map +0 -1
  641. package/button/tonal-link-button.d.ts +0 -35
  642. package/button/tonal-link-button.js +0 -40
  643. package/button/tonal-link-button.js.map +0 -1
  644. package/controller/action-controller.d.ts +0 -147
  645. package/controller/action-controller.js +0 -286
  646. package/controller/action-controller.js.map +0 -1
  647. package/decorators/aria-property.d.ts +0 -32
  648. package/decorators/aria-property.js +0 -99
  649. package/decorators/aria-property.js.map +0 -1
  650. package/elevation/lib/_md-comp-elevation.scss +0 -27
  651. package/fab/_fab-extended.scss +0 -6
  652. package/fab/fab-extended.d.ts +0 -23
  653. package/fab/fab-extended.js +0 -29
  654. package/fab/fab-extended.js.map +0 -1
  655. package/fab/lib/_fab-extended.scss +0 -73
  656. package/fab/lib/fab-extended-styles.css.js +0 -9
  657. package/fab/lib/fab-extended-styles.css.js.map +0 -1
  658. package/fab/lib/fab-extended.d.ts +0 -19
  659. package/fab/lib/fab-extended.js +0 -28
  660. package/fab/lib/fab-extended.js.map +0 -1
  661. package/fab/lib/fab-shared-styles.css.js +0 -9
  662. package/fab/lib/fab-shared-styles.css.js.map +0 -1
  663. package/fab/lib/fab-shared.js +0 -121
  664. package/fab/lib/fab-shared.js.map +0 -1
  665. package/focus/lib/_md-comp-focus-ring.scss +0 -30
  666. package/iconbutton/filled-icon-button-toggle.d.ts +0 -31
  667. package/iconbutton/filled-icon-button-toggle.js +0 -40
  668. package/iconbutton/filled-icon-button-toggle.js.map +0 -1
  669. package/iconbutton/filled-link-icon-button.d.ts +0 -31
  670. package/iconbutton/filled-link-icon-button.js +0 -39
  671. package/iconbutton/filled-link-icon-button.js.map +0 -1
  672. package/iconbutton/filled-tonal-icon-button-toggle.d.ts +0 -31
  673. package/iconbutton/filled-tonal-icon-button-toggle.js +0 -40
  674. package/iconbutton/filled-tonal-icon-button-toggle.js.map +0 -1
  675. package/iconbutton/filled-tonal-link-icon-button.d.ts +0 -31
  676. package/iconbutton/filled-tonal-link-icon-button.js +0 -39
  677. package/iconbutton/filled-tonal-link-icon-button.js.map +0 -1
  678. package/iconbutton/lib/icon-button-toggle.d.ts +0 -34
  679. package/iconbutton/lib/icon-button-toggle.js +0 -87
  680. package/iconbutton/lib/icon-button-toggle.js.map +0 -1
  681. package/iconbutton/lib/link-icon-button.d.ts +0 -23
  682. package/iconbutton/lib/link-icon-button.js +0 -58
  683. package/iconbutton/lib/link-icon-button.js.map +0 -1
  684. package/iconbutton/outlined-icon-button-toggle.d.ts +0 -31
  685. package/iconbutton/outlined-icon-button-toggle.js +0 -39
  686. package/iconbutton/outlined-icon-button-toggle.js.map +0 -1
  687. package/iconbutton/outlined-link-icon-button.d.ts +0 -31
  688. package/iconbutton/outlined-link-icon-button.js +0 -39
  689. package/iconbutton/outlined-link-icon-button.js.map +0 -1
  690. package/iconbutton/standard-icon-button-toggle.d.ts +0 -31
  691. package/iconbutton/standard-icon-button-toggle.js +0 -39
  692. package/iconbutton/standard-icon-button-toggle.js.map +0 -1
  693. package/iconbutton/standard-link-icon-button.d.ts +0 -31
  694. package/iconbutton/standard-link-icon-button.js +0 -39
  695. package/iconbutton/standard-link-icon-button.js.map +0 -1
  696. package/slider/lib/_tokens.scss +0 -60
  697. /package/{fab/lib/fab-extended-styles.css.d.ts → chips/lib/filter-styles.css.d.ts} +0 -0
  698. /package/{fab/lib/fab-shared-styles.css.d.ts → circularprogress/lib/circular-progress-styles.css.d.ts} +0 -0
  699. /package/{tokens/v0_161/index.test.css.d.ts → fab/lib/fab-branded-styles.css.d.ts} +0 -0
  700. /package/{tokens/v0_161/lib.test.css.d.ts → fab/lib/forced-colors-styles.css.d.ts} +0 -0
  701. /package/tokens/{v0_161 → v0_172}/_index.scss +0 -0
  702. /package/tokens/{v0_161 → v0_172}/index.test.css.js +0 -0
  703. /package/tokens/{v0_161 → v0_172}/index.test.css.js.map +0 -0
  704. /package/tokens/{v0_161 → v0_172}/index.test.scss +0 -0
  705. /package/tokens/{v0_161 → v0_172}/lib.test.css.js +0 -0
  706. /package/tokens/{v0_161 → v0_172}/lib.test.css.js.map +0 -0
  707. /package/tokens/{v0_161 → v0_172}/lib.test.scss +0 -0
package/button/lib/text-button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"text-button.js","sourceRoot":"","sources":["text-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,gEAAgE;AAChE,MAAM,OAAO,UAAW,SAAQ,MAAM;IACjB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {Button} from './button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TextButton extends Button {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--text': true,\n };\n }\n}\n"]}
1
+ {"version":3,"file":"text-button.js","sourceRoot":"","sources":["text-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,MAAM;IACjB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {Button} from './button.js';\n\n/**\n * A text button component.\n */\nexport class TextButton extends Button {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--text': true,\n };\n }\n}\n"]}
package/button/lib/text-styles.css.js CHANGED
@@ -4,6 +4,6 @@
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
6
  import { css } from 'lit';
7
- export const styles = css `:host{--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, 9999px));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, 9999px));--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-text-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-text-button-focus-state-layer-opacity, 0.12);--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-text-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-text-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_with-icon-disabled-icon-opacity: var(--md-text-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-text-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-hover-icon-color: var(--md-text-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-color: var(--md-text-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-size: var(--md-text-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-text-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-text-button-spacing-leading, 12px);--_spacing-trailing: var(--md-text-button-spacing-trailing, 12px);--_with-icon-spacing-leading: var(--md-text-button-with-icon-spacing-leading, 12px);--_with-icon-spacing-trailing: var(--md-text-button-with-icon-spacing-trailing, 16px);--_with-trailing-icon-spacing-leading: var(--md-text-button-with-trailing-icon-spacing-leading, 16px);--_with-trailing-icon-spacing-trailing: var(--md-text-button-with-trailing-icon-spacing-trailing, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}/*# sourceMappingURL=text-styles.css.map */
7
+ export const styles = css `:host{--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, 9999px));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, 9999px));--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-text-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-text-button-focus-state-layer-opacity, 0.12);--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-text-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-text-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_with-icon-disabled-icon-opacity: var(--md-text-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-text-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-hover-icon-color: var(--md-text-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-color: var(--md-text-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-size: var(--md-text-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-text-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-text-button-spacing-leading, 12px);--_spacing-trailing: var(--md-text-button-spacing-trailing, 12px);--_with-icon-spacing-leading: var(--md-text-button-with-icon-spacing-leading, 12px);--_with-icon-spacing-trailing: var(--md-text-button-with-icon-spacing-trailing, 16px);--_with-trailing-icon-spacing-leading: var(--md-text-button-with-trailing-icon-spacing-leading, 16px);--_with-trailing-icon-spacing-trailing: var(--md-text-button-with-trailing-icon-spacing-trailing, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}/*# sourceMappingURL=text-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=text-styles.css.js.map
package/button/lib/text-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"text-styles.css.js","sourceRoot":"","sources":["text-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{--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, 9999px));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, 9999px));--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-text-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-text-button-focus-state-layer-opacity, 0.12);--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-text-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-text-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_with-icon-disabled-icon-opacity: var(--md-text-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-text-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-hover-icon-color: var(--md-text-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-color: var(--md-text-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-size: var(--md-text-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-text-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-text-button-spacing-leading, 12px);--_spacing-trailing: var(--md-text-button-spacing-trailing, 12px);--_with-icon-spacing-leading: var(--md-text-button-with-icon-spacing-leading, 12px);--_with-icon-spacing-trailing: var(--md-text-button-with-icon-spacing-trailing, 16px);--_with-trailing-icon-spacing-leading: var(--md-text-button-with-trailing-icon-spacing-leading, 16px);--_with-trailing-icon-spacing-trailing: var(--md-text-button-with-trailing-icon-spacing-trailing, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}/*# sourceMappingURL=text-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"text-styles.css.js","sourceRoot":"","sources":["text-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{--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, 9999px));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, 9999px));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, 9999px));--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-text-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-text-button-focus-state-layer-opacity, 0.12);--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-text-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-text-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_with-icon-disabled-icon-opacity: var(--md-text-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-text-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-hover-icon-color: var(--md-text-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-color: var(--md-text-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-size: var(--md-text-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-text-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-text-button-spacing-leading, 12px);--_spacing-trailing: var(--md-text-button-spacing-trailing, 12px);--_with-icon-spacing-leading: var(--md-text-button-with-icon-spacing-leading, 12px);--_with-icon-spacing-trailing: var(--md-text-button-with-icon-spacing-trailing, 16px);--_with-trailing-icon-spacing-leading: var(--md-text-button-with-trailing-icon-spacing-leading, 16px);--_with-trailing-icon-spacing-trailing: var(--md-text-button-with-trailing-icon-spacing-trailing, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}/*# sourceMappingURL=text-styles.css.map */\n`;\n "]}
package/button/lib/tonal-button.d.ts CHANGED
@@ -7,8 +7,10 @@ import '../../elevation/elevation.js';
7
7
  import { TemplateResult } from 'lit';
8
8
  import { ClassInfo } from 'lit/directives/class-map.js';
9
9
  import { Button } from './button.js';
10
+ /**
11
+ * A tonal button component.
12
+ */
10
13
  export declare class TonalButton extends Button {
11
14
  protected getRenderClasses(): ClassInfo;
12
- /** @soyTemplate */
13
15
  protected renderElevation(): TemplateResult;
14
16
  }
package/button/lib/tonal-button.js CHANGED
@@ -6,7 +6,9 @@
6
6
  import '../../elevation/elevation.js';
7
7
  import { html } from 'lit';
8
8
  import { Button } from './button.js';
9
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
9
+ /**
10
+ * A tonal button component.
11
+ */
10
12
  export class TonalButton extends Button {
11
13
  getRenderClasses() {
12
14
  return {
@@ -14,9 +16,8 @@ export class TonalButton extends Button {
14
16
  'md3-button--tonal': true,
15
17
  };
16
18
  }
17
- /** @soyTemplate */
18
19
  renderElevation() {
19
- return html `<md-elevation shadow></md-elevation>`;
20
+ return html `<md-elevation></md-elevation>`;
20
21
  }
21
22
  }
22
23
  //# sourceMappingURL=tonal-button.js.map
package/button/lib/tonal-button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tonal-button.js","sourceRoot":"","sources":["tonal-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,gEAAgE;AAChE,MAAM,OAAO,WAAY,SAAQ,MAAM;IAClB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,eAAe;QAChC,OAAO,IAAI,CAAA,sCAAsC,CAAC;IACpD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {Button} from './button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TonalButton extends Button {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--tonal': true,\n };\n }\n\n /** @soyTemplate */\n protected override renderElevation(): TemplateResult {\n return html`<md-elevation shadow></md-elevation>`;\n }\n}\n"]}
1
+ {"version":3,"file":"tonal-button.js","sourceRoot":"","sources":["tonal-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,MAAM;IAClB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {Button} from './button.js';\n\n/**\n * A tonal button component.\n */\nexport class TonalButton extends Button {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--tonal': true,\n };\n }\n\n protected override renderElevation(): TemplateResult {\n return html`<md-elevation></md-elevation>`;\n }\n}\n"]}
package/button/lib/tonal-styles.css.js CHANGED
@@ -4,6 +4,6 @@
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
6
  import { css } from 'lit';
7
- export const styles = css `:host{--_container-shape-start-start: var(--md-tonal-button-container-shape-start-start, var(--md-tonal-button-container-shape, 9999px));--_container-shape-start-end: var(--md-tonal-button-container-shape-start-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-end: var(--md-tonal-button-container-shape-end-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-start: var(--md-tonal-button-container-shape-end-start, var(--md-tonal-button-container-shape, 9999px));--_container-color: var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-tonal-button-container-elevation, 0);--_container-height: var(--md-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-container-elevation: var(--md-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-color: var(--md-tonal-button-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-opacity: var(--md-tonal-button-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-type: var(--md-tonal-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_pressed-container-elevation: var(--md-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-tonal-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-tonal-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_with-icon-disabled-icon-opacity: var(--md-tonal-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-tonal-button-with-icon-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-hover-icon-color: var(--md-tonal-button-with-icon-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-color: var(--md-tonal-button-with-icon-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-size: var(--md-tonal-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-tonal-button-with-icon-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_spacing-leading: var(--md-tonal-button-spacing-leading, 24px);--_spacing-trailing: var(--md-tonal-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-tonal-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-tonal-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px)}/*# sourceMappingURL=tonal-styles.css.map */
7
+ export const styles = css `:host{--_container-shape-start-start: var(--md-tonal-button-container-shape-start-start, var(--md-tonal-button-container-shape, 9999px));--_container-shape-start-end: var(--md-tonal-button-container-shape-start-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-end: var(--md-tonal-button-container-shape-end-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-start: var(--md-tonal-button-container-shape-end-start, var(--md-tonal-button-container-shape, 9999px));--_container-color: var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-tonal-button-container-elevation, 0);--_container-height: var(--md-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-color: var(--md-tonal-button-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-opacity: var(--md-tonal-button-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-type: var(--md-tonal-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-tonal-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-tonal-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_with-icon-disabled-icon-opacity: var(--md-tonal-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-tonal-button-with-icon-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-hover-icon-color: var(--md-tonal-button-with-icon-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-color: var(--md-tonal-button-with-icon-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-size: var(--md-tonal-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-tonal-button-with-icon-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_spacing-leading: var(--md-tonal-button-spacing-leading, 24px);--_spacing-trailing: var(--md-tonal-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-tonal-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-tonal-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px)}/*# sourceMappingURL=tonal-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=tonal-styles.css.js.map
package/button/lib/tonal-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tonal-styles.css.js","sourceRoot":"","sources":["tonal-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{--_container-shape-start-start: var(--md-tonal-button-container-shape-start-start, var(--md-tonal-button-container-shape, 9999px));--_container-shape-start-end: var(--md-tonal-button-container-shape-start-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-end: var(--md-tonal-button-container-shape-end-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-start: var(--md-tonal-button-container-shape-end-start, var(--md-tonal-button-container-shape, 9999px));--_container-color: var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-tonal-button-container-elevation, 0);--_container-height: var(--md-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-container-elevation: var(--md-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-color: var(--md-tonal-button-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-opacity: var(--md-tonal-button-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-type: var(--md-tonal-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_pressed-container-elevation: var(--md-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-tonal-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-tonal-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_with-icon-disabled-icon-opacity: var(--md-tonal-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-tonal-button-with-icon-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-hover-icon-color: var(--md-tonal-button-with-icon-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-color: var(--md-tonal-button-with-icon-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-size: var(--md-tonal-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-tonal-button-with-icon-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_spacing-leading: var(--md-tonal-button-spacing-leading, 24px);--_spacing-trailing: var(--md-tonal-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-tonal-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-tonal-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px)}/*# sourceMappingURL=tonal-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"tonal-styles.css.js","sourceRoot":"","sources":["tonal-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{--_container-shape-start-start: var(--md-tonal-button-container-shape-start-start, var(--md-tonal-button-container-shape, 9999px));--_container-shape-start-end: var(--md-tonal-button-container-shape-start-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-end: var(--md-tonal-button-container-shape-end-end, var(--md-tonal-button-container-shape, 9999px));--_container-shape-end-start: var(--md-tonal-button-container-shape-end-start, var(--md-tonal-button-container-shape, 9999px));--_container-color: var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-tonal-button-container-elevation, 0);--_container-height: var(--md-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-color: var(--md-tonal-button-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-state-layer-opacity: var(--md-tonal-button-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-type: var(--md-tonal-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-tonal-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-tonal-button-with-icon-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_with-icon-disabled-icon-opacity: var(--md-tonal-button-with-icon-disabled-icon-opacity, 0.38);--_with-icon-focus-icon-color: var(--md-tonal-button-with-icon-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-hover-icon-color: var(--md-tonal-button-with-icon-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-color: var(--md-tonal-button-with-icon-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_with-icon-icon-size: var(--md-tonal-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-tonal-button-with-icon-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_spacing-leading: var(--md-tonal-button-spacing-leading, 24px);--_spacing-trailing: var(--md-tonal-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-tonal-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-tonal-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px)}/*# sourceMappingURL=tonal-styles.css.map */\n`;\n "]}
package/checkbox/lib/checkbox-styles.css.js CHANGED
@@ -4,6 +4,6 @@
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
6
  import { css } from 'lit';
7
- export const styles = css `:host{--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-size: var(--md-checkbox-container-size, 18px);--_error-focus-state-layer-color: var(--md-checkbox-error-focus-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-focus-state-layer-opacity: var(--md-checkbox-error-focus-state-layer-opacity, 0.12);--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-focus-state-layer-color: var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-focus-state-layer-color: var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-opacity: var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);border-radius:var(--_container-shape);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}input{appearance:none;inset:0;margin:0;outline:none;position:absolute;opacity:0;block-size:100%;inline-size:100%}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-size);width:var(--_container-size)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-focus-ring{--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-offset:-2px}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape)}.selected md-ripple{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-focus-color:var(--_error-focus-state-layer-color);--md-ripple-focus-opacity:var(--_error-focus-state-layer-opacity);--md-ripple-hover-color:var(--_error-hover-state-layer-color);--md-ripple-hover-opacity:var(--_error-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_error-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */
7
+ export const styles = css `:host{--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-size: var(--md-checkbox-container-size, 18px);--_error-focus-state-layer-color: var(--md-checkbox-error-focus-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-focus-state-layer-opacity: var(--md-checkbox-error-focus-state-layer-opacity, 0.12);--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-focus-state-layer-color: var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-focus-state-layer-color: var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-focus-state-layer-opacity: var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);border-radius:var(--_container-shape);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}input{appearance:none;inset:0;margin:0;outline:none;position:absolute;opacity:0;block-size:100%;inline-size:100%}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-size);width:var(--_container-size)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-focus-ring{--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-offset:-2px}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape)}.selected md-ripple{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-focus-color:var(--_error-focus-state-layer-color);--md-ripple-focus-opacity:var(--_error-focus-state-layer-opacity);--md-ripple-hover-color:var(--_error-hover-state-layer-color);--md-ripple-hover-opacity:var(--_error-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_error-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=checkbox-styles.css.js.map
package/checkbox/lib/checkbox-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-styles.css.js","sourceRoot":"","sources":["checkbox-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{--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-size: var(--md-checkbox-container-size, 18px);--_error-focus-state-layer-color: var(--md-checkbox-error-focus-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-focus-state-layer-opacity: var(--md-checkbox-error-focus-state-layer-opacity, 0.12);--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-focus-state-layer-color: var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-focus-state-layer-color: var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-opacity: var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);border-radius:var(--_container-shape);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}input{appearance:none;inset:0;margin:0;outline:none;position:absolute;opacity:0;block-size:100%;inline-size:100%}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-size);width:var(--_container-size)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-focus-ring{--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-offset:-2px}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape)}.selected md-ripple{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-focus-color:var(--_error-focus-state-layer-color);--md-ripple-focus-opacity:var(--_error-focus-state-layer-opacity);--md-ripple-hover-color:var(--_error-hover-state-layer-color);--md-ripple-hover-opacity:var(--_error-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_error-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"checkbox-styles.css.js","sourceRoot":"","sources":["checkbox-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{--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-size: var(--md-checkbox-container-size, 18px);--_error-focus-state-layer-color: var(--md-checkbox-error-focus-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-focus-state-layer-opacity: var(--md-checkbox-error-focus-state-layer-opacity, 0.12);--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-focus-state-layer-color: var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-focus-state-layer-color: var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-focus-state-layer-opacity: var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);border-radius:var(--_container-shape);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}input{appearance:none;inset:0;margin:0;outline:none;position:absolute;opacity:0;block-size:100%;inline-size:100%}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-size);width:var(--_container-size)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-focus-ring{--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, 9999px);--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, 9999px);--md-focus-ring-offset:-2px}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape)}.selected md-ripple{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-focus-color:var(--_error-focus-state-layer-color);--md-ripple-focus-opacity:var(--_error-focus-state-layer-opacity);--md-ripple-hover-color:var(--_error-hover-state-layer-color);--md-ripple-hover-opacity:var(--_error-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_error-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */\n`;\n "]}
package/checkbox/lib/checkbox.d.ts CHANGED
@@ -47,7 +47,6 @@ export declare class Checkbox extends LitElement {
47
47
  * The associated form element with which this element's value will submit.
48
48
  */
49
49
  get form(): HTMLFormElement;
50
- ariaLabel: string;
51
50
  private prevChecked;
52
51
  private prevDisabled;
53
52
  private prevIndeterminate;
package/checkbox/lib/checkbox.js CHANGED
@@ -3,17 +3,18 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
- import { __decorate, __metadata } from "tslib";
6
+ var _a;
7
+ import { __decorate } from "tslib";
7
8
  import '../../focus/focus-ring.js';
8
9
  import '../../ripple/ripple.js';
9
- import { html, LitElement, nothing } from 'lit';
10
+ import { html, isServer, LitElement, nothing } from 'lit';
10
11
  import { property, query, queryAsync, state } from 'lit/decorators.js';
11
12
  import { classMap } from 'lit/directives/class-map.js';
12
13
  import { when } from 'lit/directives/when.js';
14
+ import { requestUpdateOnAriaChange } from '../../aria/delegate.js';
13
15
  import { dispatchActivationClick, isActivationClick, redispatchEvent } from '../../controller/events.js';
14
16
  import { FormController, getFormValue } from '../../controller/form-controller.js';
15
17
  import { stringConverter } from '../../controller/string-converter.js';
16
- import { ariaProperty } from '../../decorators/aria-property.js';
17
18
  import { pointerPress, shouldShowStrongFocus } from '../../focus/strong-focus.js';
18
19
  import { ripple } from '../../ripple/directive.js';
19
20
  /**
@@ -69,13 +70,15 @@ export class Checkbox extends LitElement {
69
70
  return html `<md-ripple ?disabled=${this.disabled} unbounded></md-ripple>`;
70
71
  };
71
72
  this.addController(new FormController(this));
72
- this.addEventListener('click', (event) => {
73
- if (!isActivationClick(event)) {
74
- return;
75
- }
76
- this.focus();
77
- dispatchActivationClick(this.input);
78
- });
73
+ if (!isServer) {
74
+ this.addEventListener('click', (event) => {
75
+ if (!isActivationClick(event)) {
76
+ return;
77
+ }
78
+ this.focus();
79
+ dispatchActivationClick(this.input);
80
+ });
81
+ }
79
82
  }
80
83
  focus() {
81
84
  this.input?.focus();
@@ -110,6 +113,8 @@ export class Checkbox extends LitElement {
110
113
  'prev-indeterminate': prevIndeterminate,
111
114
  'prev-disabled': this.prevDisabled,
112
115
  });
116
+ // Needed for closure conformance
117
+ const { ariaLabel } = this;
113
118
  return html `
114
119
  <div class="container ${containerClasses}">
115
120
  <div class="outline"></div>
@@ -123,7 +128,7 @@ export class Checkbox extends LitElement {
123
128
  </div>
124
129
  <input type="checkbox"
125
130
  aria-checked=${isIndeterminate ? 'mixed' : nothing}
126
- aria-label=${this.ariaLabel || nothing}
131
+ aria-label=${ariaLabel || nothing}
127
132
  ?disabled=${this.disabled}
128
133
  .indeterminate=${this.indeterminate}
129
134
  .checked=${this.checked}
@@ -152,66 +157,51 @@ export class Checkbox extends LitElement {
152
157
  this.showFocusRing = shouldShowStrongFocus();
153
158
  }
154
159
  }
160
+ _a = Checkbox;
161
+ (() => {
162
+ requestUpdateOnAriaChange(_a);
163
+ })();
155
164
  /**
156
165
  * @nocollapse
157
166
  */
158
167
  Checkbox.formAssociated = true;
159
168
  __decorate([
160
- property({ type: Boolean, reflect: true }),
161
- __metadata("design:type", Object)
169
+ property({ type: Boolean, reflect: true })
162
170
  ], Checkbox.prototype, "checked", void 0);
163
171
  __decorate([
164
- property({ type: Boolean, reflect: true }),
165
- __metadata("design:type", Object)
172
+ property({ type: Boolean, reflect: true })
166
173
  ], Checkbox.prototype, "disabled", void 0);
167
174
  __decorate([
168
- property({ type: Boolean, reflect: true }),
169
- __metadata("design:type", Object)
175
+ property({ type: Boolean, reflect: true })
170
176
  ], Checkbox.prototype, "error", void 0);
171
177
  __decorate([
172
- property({ type: Boolean, reflect: true }),
173
- __metadata("design:type", Object)
178
+ property({ type: Boolean, reflect: true })
174
179
  ], Checkbox.prototype, "indeterminate", void 0);
175
180
  __decorate([
176
- property(),
177
- __metadata("design:type", Object)
181
+ property()
178
182
  ], Checkbox.prototype, "value", void 0);
179
183
  __decorate([
180
- property({ type: String, reflect: true, converter: stringConverter }),
181
- __metadata("design:type", Object)
184
+ property({ reflect: true, converter: stringConverter })
182
185
  ], Checkbox.prototype, "name", void 0);
183
186
  __decorate([
184
- ariaProperty // tslint:disable-line:no-new-decorators
185
- ,
186
- property({ type: String, attribute: 'data-aria-label', noAccessor: true }),
187
- __metadata("design:type", String)
188
- ], Checkbox.prototype, "ariaLabel", void 0);
189
- __decorate([
190
- state(),
191
- __metadata("design:type", Object)
187
+ state()
192
188
  ], Checkbox.prototype, "prevChecked", void 0);
193
189
  __decorate([
194
- state(),
195
- __metadata("design:type", Object)
190
+ state()
196
191
  ], Checkbox.prototype, "prevDisabled", void 0);
197
192
  __decorate([
198
- state(),
199
- __metadata("design:type", Object)
193
+ state()
200
194
  ], Checkbox.prototype, "prevIndeterminate", void 0);
201
195
  __decorate([
202
- queryAsync('md-ripple'),
203
- __metadata("design:type", Promise)
196
+ queryAsync('md-ripple')
204
197
  ], Checkbox.prototype, "ripple", void 0);
205
198
  __decorate([
206
- query('input'),
207
- __metadata("design:type", HTMLInputElement)
199
+ query('input')
208
200
  ], Checkbox.prototype, "input", void 0);
209
201
  __decorate([
210
- state(),
211
- __metadata("design:type", Object)
202
+ state()
212
203
  ], Checkbox.prototype, "showFocusRing", void 0);
213
204
  __decorate([
214
- state(),
215
- __metadata("design:type", Object)
205
+ state()
216
206
  ], Checkbox.prototype, "showRipple", void 0);
217
207
  //# sourceMappingURL=checkbox.js.map
package/checkbox/lib/checkbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, LitElement, nothing, PropertyValues, TemplateResult} from 'lit';\nimport {property, query, queryAsync, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {when} from 'lit/directives/when.js';\n\nimport {dispatchActivationClick, isActivationClick, redispatchEvent} from '../../controller/events.js';\nimport {FormController, getFormValue} from '../../controller/form-controller.js';\nimport {stringConverter} from '../../controller/string-converter.js';\nimport {ariaProperty} from '../../decorators/aria-property.js';\nimport {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';\nimport {ripple} from '../../ripple/directive.js';\nimport {MdRipple} from '../../ripple/ripple.js';\n\n/**\n * A checkbox component.\n */\nexport class Checkbox extends LitElement {\n /**\n * @nocollapse\n */\n static formAssociated = true;\n\n /**\n * Whether or not the checkbox is selected.\n */\n @property({type: Boolean, reflect: true}) checked = false;\n\n /**\n * Whether or not the checkbox is disabled.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n\n /**\n * Whether or not the checkbox is invalid.\n */\n @property({type: Boolean, reflect: true}) error = false;\n\n /**\n * Whether or not the checkbox is indeterminate.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes\n */\n @property({type: Boolean, reflect: true}) indeterminate = false;\n\n /**\n * The value of the checkbox that is submitted with a form when selected.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n */\n @property() value = 'on';\n\n /**\n * The HTML name to use in form submission.\n */\n @property({type: String, reflect: true, converter: stringConverter})\n name = '';\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 @ariaProperty // tslint:disable-line:no-new-decorators\n @property({type: String, attribute: 'data-aria-label', noAccessor: true})\n override ariaLabel!: string;\n\n @state() private prevChecked = false;\n @state() private prevDisabled = false;\n @state() private prevIndeterminate = false;\n @queryAsync('md-ripple') private readonly ripple!: Promise<MdRipple|null>;\n @query('input') private readonly input!: HTMLInputElement|null;\n @state() private showFocusRing = false;\n @state() private showRipple = false;\n\n constructor() {\n super();\n this.addController(new FormController(this));\n this.addEventListener('click', (event: MouseEvent) => {\n if (!isActivationClick(event)) {\n return;\n }\n this.focus();\n dispatchActivationClick(this.input!);\n });\n }\n\n override focus() {\n this.input?.focus();\n }\n\n [getFormValue]() {\n return this.checked ? this.value : null;\n }\n\n protected override update(changed: PropertyValues<Checkbox>) {\n if (changed.has('checked') || changed.has('disabled') ||\n changed.has('indeterminate')) {\n this.prevChecked = changed.get('checked') ?? this.checked;\n this.prevDisabled = changed.get('disabled') ?? this.disabled;\n this.prevIndeterminate =\n changed.get('indeterminate') ?? this.indeterminate;\n }\n\n super.update(changed);\n }\n\n protected override render(): TemplateResult {\n const prevNone = !this.prevChecked && !this.prevIndeterminate;\n const prevChecked = this.prevChecked && !this.prevIndeterminate;\n const prevIndeterminate = this.prevIndeterminate;\n const isChecked = this.checked && !this.indeterminate;\n const isIndeterminate = this.indeterminate;\n\n const containerClasses = classMap({\n 'selected': isChecked || isIndeterminate,\n 'unselected': !isChecked && !isIndeterminate,\n 'checked': isChecked,\n 'indeterminate': isIndeterminate,\n 'error': this.error && !this.disabled,\n 'prev-unselected': prevNone,\n 'prev-checked': prevChecked,\n 'prev-indeterminate': prevIndeterminate,\n 'prev-disabled': this.prevDisabled,\n });\n\n return html`\n <div class=\"container ${containerClasses}\">\n <div class=\"outline\"></div>\n <div class=\"background\"></div>\n <md-focus-ring .visible=${this.showFocusRing}></md-focus-ring>\n ${when(this.showRipple, this.renderRipple)}\n <svg class=\"icon\" viewBox=\"0 0 18 18\">\n <rect class=\"mark short\" />\n <rect class=\"mark long\" />\n </svg>\n </div>\n <input type=\"checkbox\"\n aria-checked=${isIndeterminate ? 'mixed' : nothing}\n aria-label=${this.ariaLabel || nothing}\n ?disabled=${this.disabled}\n .indeterminate=${this.indeterminate}\n .checked=${this.checked}\n @blur=${this.handleBlur}\n @change=${this.handleChange}\n @focus=${this.handleFocus}\n @pointerdown=${this.handlePointerDown}\n ${ripple(this.getRipple)}\n >\n `;\n }\n\n private handleBlur() {\n this.showFocusRing = false;\n }\n\n private handleChange(event: Event) {\n const target = event.target as HTMLInputElement;\n this.checked = target.checked;\n this.indeterminate = target.indeterminate;\n\n redispatchEvent(this, event);\n }\n\n private handleFocus() {\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n private handlePointerDown() {\n pointerPress();\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n private readonly getRipple = () => { // bind to this\n this.showRipple = true;\n return this.ripple;\n };\n\n private readonly renderRipple = () => { // bind to this\n return html`<md-ripple ?disabled=${this.disabled} unbounded></md-ripple>`;\n };\n}\n"]}
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2019 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, PropertyValues, TemplateResult} from 'lit';\nimport {property, query, queryAsync, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {when} from 'lit/directives/when.js';\n\nimport {requestUpdateOnAriaChange} from '../../aria/delegate.js';\nimport {dispatchActivationClick, isActivationClick, redispatchEvent} from '../../controller/events.js';\nimport {FormController, getFormValue} from '../../controller/form-controller.js';\nimport {stringConverter} from '../../controller/string-converter.js';\nimport {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';\nimport {ripple} from '../../ripple/directive.js';\nimport {MdRipple} from '../../ripple/ripple.js';\nimport {ARIAMixinStrict} from '../../types/aria.js';\n\n/**\n * A checkbox component.\n */\nexport class Checkbox extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n /**\n * @nocollapse\n */\n static formAssociated = true;\n\n /**\n * Whether or not the checkbox is selected.\n */\n @property({type: Boolean, reflect: true}) checked = false;\n\n /**\n * Whether or not the checkbox is disabled.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n\n /**\n * Whether or not the checkbox is invalid.\n */\n @property({type: Boolean, reflect: true}) error = false;\n\n /**\n * Whether or not the checkbox is indeterminate.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes\n */\n @property({type: Boolean, reflect: true}) indeterminate = false;\n\n /**\n * The value of the checkbox that is submitted with a form when selected.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n */\n @property() value = 'on';\n\n /**\n * The HTML name to use in form submission.\n */\n @property({reflect: true, converter: stringConverter}) name = '';\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 @state() private prevChecked = false;\n @state() private prevDisabled = false;\n @state() private prevIndeterminate = false;\n @queryAsync('md-ripple') private readonly ripple!: Promise<MdRipple|null>;\n @query('input') private readonly input!: HTMLInputElement|null;\n @state() private showFocusRing = false;\n @state() private showRipple = false;\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.focus();\n dispatchActivationClick(this.input!);\n });\n }\n }\n\n override focus() {\n this.input?.focus();\n }\n\n [getFormValue]() {\n return this.checked ? this.value : null;\n }\n\n protected override update(changed: PropertyValues<Checkbox>) {\n if (changed.has('checked') || changed.has('disabled') ||\n changed.has('indeterminate')) {\n this.prevChecked = changed.get('checked') ?? this.checked;\n this.prevDisabled = changed.get('disabled') ?? this.disabled;\n this.prevIndeterminate =\n changed.get('indeterminate') ?? this.indeterminate;\n }\n\n super.update(changed);\n }\n\n protected override render(): TemplateResult {\n const prevNone = !this.prevChecked && !this.prevIndeterminate;\n const prevChecked = this.prevChecked && !this.prevIndeterminate;\n const prevIndeterminate = this.prevIndeterminate;\n const isChecked = this.checked && !this.indeterminate;\n const isIndeterminate = this.indeterminate;\n\n const containerClasses = classMap({\n 'selected': isChecked || isIndeterminate,\n 'unselected': !isChecked && !isIndeterminate,\n 'checked': isChecked,\n 'indeterminate': isIndeterminate,\n 'error': this.error && !this.disabled,\n 'prev-unselected': prevNone,\n 'prev-checked': prevChecked,\n 'prev-indeterminate': prevIndeterminate,\n 'prev-disabled': this.prevDisabled,\n });\n\n // Needed for closure conformance\n const {ariaLabel} = this as ARIAMixinStrict;\n return html`\n <div class=\"container ${containerClasses}\">\n <div class=\"outline\"></div>\n <div class=\"background\"></div>\n <md-focus-ring .visible=${this.showFocusRing}></md-focus-ring>\n ${when(this.showRipple, this.renderRipple)}\n <svg class=\"icon\" viewBox=\"0 0 18 18\">\n <rect class=\"mark short\" />\n <rect class=\"mark long\" />\n </svg>\n </div>\n <input type=\"checkbox\"\n aria-checked=${isIndeterminate ? 'mixed' : nothing}\n aria-label=${ariaLabel || nothing}\n ?disabled=${this.disabled}\n .indeterminate=${this.indeterminate}\n .checked=${this.checked}\n @blur=${this.handleBlur}\n @change=${this.handleChange}\n @focus=${this.handleFocus}\n @pointerdown=${this.handlePointerDown}\n ${ripple(this.getRipple)}\n >\n `;\n }\n\n private handleBlur() {\n this.showFocusRing = false;\n }\n\n private handleChange(event: Event) {\n const target = event.target as HTMLInputElement;\n this.checked = target.checked;\n this.indeterminate = target.indeterminate;\n\n redispatchEvent(this, event);\n }\n\n private handleFocus() {\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n private handlePointerDown() {\n pointerPress();\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n private readonly getRipple = () => { // bind to this\n this.showRipple = true;\n return this.ripple;\n };\n\n private readonly renderRipple = () => { // bind to this\n return html`<md-ripple ?disabled=${this.disabled} unbounded></md-ripple>`;\n };\n}\n"]}
package/chips/_filter-chip.scss ADDED
@@ -0,0 +1,6 @@
1
+ //
2
+ // Copyright 2023 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ @forward './lib/filter-chip' show theme;
package/chips/filter-chip.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2023 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { FilterChip } from './lib/filter-chip.js';
7
+ declare global {
8
+ interface HTMLElementTagNameMap {
9
+ 'md-filter-chip': MdFilterChip;
10
+ }
11
+ }
12
+ /**
13
+ * TODO(b/243982145): add docs
14
+ *
15
+ * @final
16
+ * @suppress {visibility}
17
+ */
18
+ export declare class MdFilterChip extends FilterChip {
19
+ static styles: import("lit").CSSResult[];
20
+ }
package/chips/filter-chip.js ADDED
@@ -0,0 +1,24 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2023 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { __decorate } from "tslib";
7
+ import { customElement } from 'lit/decorators.js';
8
+ import { FilterChip } from './lib/filter-chip.js';
9
+ import { styles } from './lib/filter-styles.css.js';
10
+ import { styles as sharedStyles } from './lib/shared-styles.css.js';
11
+ /**
12
+ * TODO(b/243982145): add docs
13
+ *
14
+ * @final
15
+ * @suppress {visibility}
16
+ */
17
+ let MdFilterChip = class MdFilterChip extends FilterChip {
18
+ };
19
+ MdFilterChip.styles = [sharedStyles, styles];
20
+ MdFilterChip = __decorate([
21
+ customElement('md-filter-chip')
22
+ ], MdFilterChip);
23
+ export { MdFilterChip };
24
+ //# sourceMappingURL=filter-chip.js.map
package/chips/filter-chip.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filter-chip.js","sourceRoot":"","sources":["filter-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;;AAC1B,mBAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAExB;SAFY,YAAY","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {FilterChip} from './lib/filter-chip.js';\nimport {styles} from './lib/filter-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-filter-chip': MdFilterChip;\n }\n}\n\n/**\n * TODO(b/243982145): add docs\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-filter-chip')\nexport class MdFilterChip extends FilterChip {\n static override styles = [sharedStyles, styles];\n}\n"]}