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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (798) hide show
  1. package/README.md +5 -5
  2. package/badge/lib/_badge.scss +2 -10
  3. package/badge/lib/badge-styles.css.js +1 -1
  4. package/badge/lib/badge-styles.css.js.map +1 -1
  5. package/button/lib/_elevated-button.scss +5 -30
  6. package/button/lib/_elevation.scss +8 -29
  7. package/button/lib/_filled-button.scss +4 -31
  8. package/button/lib/_icon.scss +1 -0
  9. package/button/lib/_outlined-button.scss +6 -23
  10. package/button/lib/_shared.scss +23 -52
  11. package/button/lib/_text-button.scss +8 -34
  12. package/button/lib/_tonal-button.scss +5 -28
  13. package/button/lib/button.d.ts +16 -1
  14. package/button/lib/button.js +41 -15
  15. package/button/lib/button.js.map +1 -1
  16. package/button/lib/elevated-button.d.ts +3 -0
  17. package/button/lib/elevated-button.js +4 -2
  18. package/button/lib/elevated-button.js.map +1 -1
  19. package/button/lib/elevated-styles.css.js +1 -1
  20. package/button/lib/elevated-styles.css.js.map +1 -1
  21. package/button/lib/filled-button.d.ts +3 -1
  22. package/button/lib/filled-button.js +4 -3
  23. package/button/lib/filled-button.js.map +1 -1
  24. package/button/lib/filled-styles.css.js +1 -1
  25. package/button/lib/filled-styles.css.js.map +1 -1
  26. package/button/lib/outlined-button.d.ts +3 -0
  27. package/button/lib/outlined-button.js +3 -1
  28. package/button/lib/outlined-button.js.map +1 -1
  29. package/button/lib/outlined-styles.css.js +1 -1
  30. package/button/lib/outlined-styles.css.js.map +1 -1
  31. package/button/lib/shared-elevation-styles.css.js +1 -1
  32. package/button/lib/shared-elevation-styles.css.js.map +1 -1
  33. package/button/lib/shared-styles.css.js +1 -1
  34. package/button/lib/shared-styles.css.js.map +1 -1
  35. package/button/lib/text-button.d.ts +3 -0
  36. package/button/lib/text-button.js +3 -1
  37. package/button/lib/text-button.js.map +1 -1
  38. package/button/lib/text-styles.css.js +1 -1
  39. package/button/lib/text-styles.css.js.map +1 -1
  40. package/button/lib/tonal-button.d.ts +3 -1
  41. package/button/lib/tonal-button.js +4 -3
  42. package/button/lib/tonal-button.js.map +1 -1
  43. package/button/lib/tonal-styles.css.js +1 -1
  44. package/button/lib/tonal-styles.css.js.map +1 -1
  45. package/checkbox/lib/_checkbox.scss +1 -2
  46. package/checkbox/lib/checkbox-styles.css.js +1 -1
  47. package/checkbox/lib/checkbox-styles.css.js.map +1 -1
  48. package/chips/_assist-chip.scss +6 -0
  49. package/chips/_suggestion-chip.scss +6 -0
  50. package/chips/assist-chip.d.ts +20 -0
  51. package/chips/assist-chip.js +24 -0
  52. package/chips/assist-chip.js.map +1 -0
  53. package/chips/lib/_assist-chip.scss +27 -0
  54. package/chips/lib/_shared.scss +213 -0
  55. package/chips/lib/_suggestion-chip.scss +30 -0
  56. package/chips/lib/assist-chip.d.ts +11 -0
  57. package/chips/lib/assist-chip.js +12 -0
  58. package/chips/lib/assist-chip.js.map +1 -0
  59. package/chips/lib/assist-styles.css.js +9 -0
  60. package/chips/lib/assist-styles.css.js.map +1 -0
  61. package/{menusurface/lib/menu-surface-styles.scss → chips/lib/assist-styles.scss} +3 -3
  62. package/chips/lib/chip.d.ts +29 -0
  63. package/chips/lib/chip.js +110 -0
  64. package/chips/lib/chip.js.map +1 -0
  65. package/chips/lib/shared-styles.css.js +9 -0
  66. package/chips/lib/shared-styles.css.js.map +1 -0
  67. package/{autocomplete → chips}/lib/shared-styles.scss +1 -1
  68. package/chips/lib/suggestion-chip.d.ts +11 -0
  69. package/chips/lib/suggestion-chip.js +12 -0
  70. package/chips/lib/suggestion-chip.js.map +1 -0
  71. package/chips/lib/suggestion-styles.css.js +9 -0
  72. package/chips/lib/suggestion-styles.css.js.map +1 -0
  73. package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.scss → chips/lib/suggestion-styles.scss} +3 -3
  74. package/chips/suggestion-chip.d.ts +20 -0
  75. package/chips/suggestion-chip.js +24 -0
  76. package/chips/suggestion-chip.js.map +1 -0
  77. package/circularprogress/_circular-progress.scss +6 -0
  78. package/circularprogress/circular-progress.d.ts +24 -0
  79. package/circularprogress/circular-progress.js +27 -0
  80. package/circularprogress/circular-progress.js.map +1 -0
  81. package/circularprogress/harness.d.ts +12 -0
  82. package/circularprogress/harness.js +12 -0
  83. package/circularprogress/harness.js.map +1 -0
  84. package/circularprogress/lib/_circular-progress.scss +282 -0
  85. package/circularprogress/lib/circular-progress-styles.css.js +9 -0
  86. package/circularprogress/lib/circular-progress-styles.css.js.map +1 -0
  87. package/circularprogress/lib/circular-progress-styles.scss +8 -0
  88. package/circularprogress/lib/circular-progress.d.ts +29 -0
  89. package/circularprogress/lib/circular-progress.js +98 -0
  90. package/circularprogress/lib/circular-progress.js.map +1 -0
  91. package/dialog/lib/_dialog.scss +5 -8
  92. package/dialog/lib/_tokens.scss +1 -2
  93. package/dialog/lib/dialog-styles.css.js +1 -1
  94. package/dialog/lib/dialog-styles.css.js.map +1 -1
  95. package/dialog/lib/dialog.js +1 -1
  96. package/dialog/lib/dialog.js.map +1 -1
  97. package/elevation/lib/_elevation.scss +14 -69
  98. package/elevation/lib/elevation-styles.css.js +1 -1
  99. package/elevation/lib/elevation-styles.css.js.map +1 -1
  100. package/elevation/lib/elevation.d.ts +0 -8
  101. package/elevation/lib/elevation.js +1 -25
  102. package/elevation/lib/elevation.js.map +1 -1
  103. package/fab/lib/_fab-extended.scss +3 -10
  104. package/fab/lib/_fab.scss +0 -3
  105. package/fab/lib/_shared.scss +19 -44
  106. package/fab/lib/fab-extended-styles.css.js +1 -1
  107. package/fab/lib/fab-extended-styles.css.js.map +1 -1
  108. package/fab/lib/fab-shared-styles.css.js +1 -1
  109. package/fab/lib/fab-shared-styles.css.js.map +1 -1
  110. package/fab/lib/fab-shared.d.ts +0 -1
  111. package/fab/lib/fab-shared.js +2 -8
  112. package/fab/lib/fab-shared.js.map +1 -1
  113. package/fab/lib/fab-styles.css.js +1 -1
  114. package/fab/lib/fab-styles.css.js.map +1 -1
  115. package/field/lib/field.d.ts +4 -1
  116. package/field/lib/field.js +7 -0
  117. package/field/lib/field.js.map +1 -1
  118. package/field/lib/filled-styles.css.js +1 -1
  119. package/field/lib/filled-styles.css.js.map +1 -1
  120. package/field/lib/outlined-styles.css.js +1 -1
  121. package/field/lib/outlined-styles.css.js.map +1 -1
  122. package/focus/lib/_focus-ring.scss +30 -14
  123. package/focus/lib/focus-ring-styles.css.js +1 -1
  124. package/focus/lib/focus-ring-styles.css.js.map +1 -1
  125. package/focus/strong-focus.d.ts +11 -0
  126. package/focus/strong-focus.js +11 -1
  127. package/focus/strong-focus.js.map +1 -1
  128. package/iconbutton/filled-icon-button.js +1 -0
  129. package/iconbutton/filled-icon-button.js.map +1 -1
  130. package/iconbutton/filled-tonal-icon-button.js +1 -0
  131. package/iconbutton/filled-tonal-icon-button.js.map +1 -1
  132. package/iconbutton/harness.d.ts +1 -2
  133. package/iconbutton/harness.js.map +1 -1
  134. package/iconbutton/lib/_filled-icon-button.scss +1 -12
  135. package/iconbutton/lib/_filled-tonal-icon-button.scss +1 -12
  136. package/iconbutton/lib/_outlined-icon-button.scss +1 -13
  137. package/iconbutton/lib/_shared.scss +10 -6
  138. package/iconbutton/lib/_standard-icon-button.scss +5 -12
  139. package/iconbutton/lib/filled-styles.css.js +1 -1
  140. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  141. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  142. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  143. package/iconbutton/lib/icon-button.d.ts +33 -2
  144. package/iconbutton/lib/icon-button.js +104 -18
  145. package/iconbutton/lib/icon-button.js.map +1 -1
  146. package/iconbutton/lib/outlined-styles.css.js +1 -1
  147. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  148. package/iconbutton/lib/shared-styles.css.js +1 -1
  149. package/iconbutton/lib/shared-styles.css.js.map +1 -1
  150. package/iconbutton/lib/standard-styles.css.js +1 -1
  151. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  152. package/list/harness.d.ts +1 -0
  153. package/list/harness.js +1 -0
  154. package/list/harness.js.map +1 -1
  155. package/list/lib/_list.scss +15 -9
  156. package/list/lib/list-styles.css.js +1 -1
  157. package/list/lib/list-styles.css.js.map +1 -1
  158. package/list/lib/list.js +2 -0
  159. package/list/lib/list.js.map +1 -1
  160. package/list/lib/listitem/_list-item.scss +50 -57
  161. package/list/lib/listitem/forced-colors-styles.css.js +9 -0
  162. package/list/lib/listitem/forced-colors-styles.css.js.map +1 -0
  163. package/list/lib/listitem/forced-colors-styles.scss +23 -0
  164. package/list/lib/listitem/list-item-styles.css.js +1 -1
  165. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  166. package/list/lib/listitem/list-item.d.ts +4 -3
  167. package/list/lib/listitem/list-item.js +7 -4
  168. package/list/lib/listitem/list-item.js.map +1 -1
  169. package/list/list-item-link.js +2 -1
  170. package/list/list-item-link.js.map +1 -1
  171. package/list/list-item.js +2 -1
  172. package/list/list-item.js.map +1 -1
  173. package/menu/harness.d.ts +1 -0
  174. package/menu/harness.js +1 -0
  175. package/menu/harness.js.map +1 -1
  176. package/menu/lib/_menu.scss +11 -19
  177. package/menu/lib/forced-colors-styles.css.js +9 -0
  178. package/menu/lib/forced-colors-styles.css.js.map +1 -0
  179. package/menu/lib/forced-colors-styles.scss +12 -0
  180. package/menu/lib/menu-styles.css.js +1 -1
  181. package/menu/lib/menu-styles.css.js.map +1 -1
  182. package/menu/lib/menu.d.ts +34 -10
  183. package/menu/lib/menu.js +116 -30
  184. package/menu/lib/menu.js.map +1 -1
  185. package/menu/lib/menuitem/_menu-item.scss +5 -11
  186. package/menu/lib/menuitem/forced-colors-styles.css.js +9 -0
  187. package/menu/lib/menuitem/forced-colors-styles.css.js.map +1 -0
  188. package/menu/lib/menuitem/forced-colors-styles.scss +22 -0
  189. package/menu/lib/menuitem/menu-item-styles.css.js +1 -1
  190. package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -1
  191. package/menu/lib/menuitem/menu-item.js +1 -1
  192. package/menu/lib/menuitem/menu-item.js.map +1 -1
  193. package/menu/lib/menuitemlink/menu-item-link.js +2 -1
  194. package/menu/lib/menuitemlink/menu-item-link.js.map +1 -1
  195. package/menu/lib/shared.d.ts +26 -0
  196. package/menu/lib/shared.js +39 -0
  197. package/menu/lib/shared.js.map +1 -1
  198. package/menu/lib/submenuitem/sub-menu-item.d.ts +8 -0
  199. package/menu/lib/submenuitem/sub-menu-item.js +21 -2
  200. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
  201. package/menu/lib/surfacePositionController.d.ts +10 -2
  202. package/menu/lib/surfacePositionController.js +6 -2
  203. package/menu/lib/surfacePositionController.js.map +1 -1
  204. package/menu/lib/typeaheadController.d.ts +15 -2
  205. package/menu/lib/typeaheadController.js +27 -17
  206. package/menu/lib/typeaheadController.js.map +1 -1
  207. package/menu/menu-item-link.js +3 -1
  208. package/menu/menu-item-link.js.map +1 -1
  209. package/menu/menu-item.js +4 -2
  210. package/menu/menu-item.js.map +1 -1
  211. package/menu/menu.js +2 -1
  212. package/menu/menu.js.map +1 -1
  213. package/menu/sub-menu-item.js +3 -1
  214. package/menu/sub-menu-item.js.map +1 -1
  215. package/navigationbar/lib/_navigation-bar.scss +4 -10
  216. package/navigationbar/lib/navigation-bar-styles.css.js +1 -1
  217. package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -1
  218. package/navigationbar/lib/navigation-bar.js +2 -2
  219. package/navigationbar/lib/navigation-bar.js.map +1 -1
  220. package/navigationdrawer/lib/_navigation-drawer-modal.scss +10 -14
  221. package/navigationdrawer/lib/_navigation-drawer.scss +9 -17
  222. package/navigationdrawer/lib/_shared.scss +0 -9
  223. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +1 -1
  224. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -1
  225. package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
  226. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
  227. package/navigationdrawer/lib/navigation-drawer.js +1 -1
  228. package/navigationdrawer/lib/navigation-drawer.js.map +1 -1
  229. package/navigationtab/lib/_navigation-tab.scss +4 -10
  230. package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
  231. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
  232. package/package.json +2 -1
  233. package/radio/lib/_radio.scss +1 -2
  234. package/radio/lib/radio-styles.css.js +1 -1
  235. package/radio/lib/radio-styles.css.js.map +1 -1
  236. package/ripple/lib/_md-comp-ripple.scss +3 -3
  237. package/ripple/lib/ripple-styles.css.js +1 -1
  238. package/ripple/lib/ripple-styles.css.js.map +1 -1
  239. package/segmentedbutton/lib/_shared.scss +0 -2
  240. package/segmentedbutton/lib/outlined-styles.css.js +1 -1
  241. package/segmentedbutton/lib/outlined-styles.css.js.map +1 -1
  242. package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
  243. package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
  244. package/slider/lib/_slider.scss +2 -11
  245. package/slider/lib/_tokens.scss +7 -8
  246. package/slider/lib/slider-styles.css.js +1 -1
  247. package/slider/lib/slider-styles.css.js.map +1 -1
  248. package/slider/lib/slider.js +1 -1
  249. package/slider/lib/slider.js.map +1 -1
  250. package/switch/lib/switch-styles.css.js +1 -1
  251. package/switch/lib/switch-styles.css.js.map +1 -1
  252. package/textfield/lib/_filled-text-field.scss +1 -7
  253. package/textfield/lib/_outlined-text-field.scss +1 -7
  254. package/textfield/lib/filled-styles.css.js +1 -1
  255. package/textfield/lib/filled-styles.css.js.map +1 -1
  256. package/textfield/lib/outlined-styles.css.js +1 -1
  257. package/textfield/lib/outlined-styles.css.js.map +1 -1
  258. package/tokens/_index.scss +104 -2
  259. package/tokens/_md-comp-assist-chip.scss +123 -0
  260. package/tokens/_md-comp-badge.scss +41 -0
  261. package/tokens/_md-comp-banner.scss +23 -0
  262. package/tokens/_md-comp-bottom-app-bar.scss +21 -0
  263. package/tokens/_md-comp-carousel-item.scss +23 -0
  264. package/tokens/_md-comp-checkbox.scss +21 -0
  265. package/tokens/_md-comp-circular-progress-indicator.scss +37 -0
  266. package/tokens/_md-comp-data-table.scss +23 -0
  267. package/tokens/_md-comp-date-input-modal.scss +23 -0
  268. package/tokens/_md-comp-date-picker-docked.scss +25 -0
  269. package/tokens/_md-comp-date-picker-modal.scss +25 -0
  270. package/tokens/_md-comp-dialog.scss +52 -0
  271. package/tokens/_md-comp-divider.scss +17 -0
  272. package/tokens/_md-comp-elevated-button.scss +118 -0
  273. package/tokens/_md-comp-elevated-card.scss +23 -0
  274. package/tokens/_md-comp-elevation.scss +28 -0
  275. package/tokens/_md-comp-extended-fab-branded.scss +45 -0
  276. package/tokens/_md-comp-extended-fab-primary.scss +45 -0
  277. package/tokens/_md-comp-extended-fab-secondary.scss +48 -0
  278. package/tokens/_md-comp-extended-fab-surface.scss +45 -0
  279. package/tokens/_md-comp-extended-fab-tertiary.scss +48 -0
  280. package/tokens/_md-comp-fab-branded-large.scss +23 -0
  281. package/tokens/_md-comp-fab-branded.scss +23 -0
  282. package/tokens/_md-comp-fab-primary-large.scss +23 -0
  283. package/tokens/_md-comp-fab-primary-small.scss +23 -0
  284. package/tokens/_md-comp-fab-primary.scss +23 -0
  285. package/tokens/_md-comp-fab-secondary-large.scss +23 -0
  286. package/tokens/_md-comp-fab-secondary-small.scss +23 -0
  287. package/tokens/_md-comp-fab-secondary.scss +23 -0
  288. package/tokens/_md-comp-fab-surface-large.scss +23 -0
  289. package/tokens/_md-comp-fab-surface-small.scss +23 -0
  290. package/tokens/_md-comp-fab-surface.scss +23 -0
  291. package/tokens/_md-comp-fab-tertiary-large.scss +23 -0
  292. package/tokens/_md-comp-fab-tertiary-small.scss +23 -0
  293. package/tokens/_md-comp-fab-tertiary.scss +23 -0
  294. package/tokens/_md-comp-filled-autocomplete.scss +25 -0
  295. package/tokens/_md-comp-filled-button.scss +118 -0
  296. package/tokens/_md-comp-filled-card.scss +23 -0
  297. package/tokens/_md-comp-filled-icon-button.scss +21 -0
  298. package/tokens/_md-comp-filled-menu-button.scss +25 -0
  299. package/tokens/_md-comp-filled-select.scss +25 -0
  300. package/tokens/_md-comp-filled-text-field.scss +55 -0
  301. package/tokens/_md-comp-filled-tonal-button.scss +119 -0
  302. package/tokens/_md-comp-filled-tonal-icon-button.scss +24 -0
  303. package/tokens/_md-comp-filter-chip.scss +228 -0
  304. package/tokens/_md-comp-focus-ring.scss +46 -0
  305. package/tokens/_md-comp-full-screen-dialog.scss +25 -0
  306. package/tokens/_md-comp-icon-button.scss +21 -0
  307. package/tokens/_md-comp-input-chip.scss +221 -0
  308. package/tokens/_md-comp-linear-progress-indicator.scss +22 -0
  309. package/tokens/_md-comp-list.scss +75 -0
  310. package/tokens/_md-comp-menu.scss +21 -0
  311. package/tokens/_md-comp-navigation-bar.scss +25 -0
  312. package/tokens/_md-comp-navigation-drawer.scss +25 -0
  313. package/tokens/_md-comp-navigation-rail.scss +25 -0
  314. package/tokens/_md-comp-outlined-autocomplete.scss +28 -0
  315. package/tokens/_md-comp-outlined-button.scss +114 -0
  316. package/tokens/_md-comp-outlined-card.scss +23 -0
  317. package/tokens/_md-comp-outlined-icon-button.scss +21 -0
  318. package/tokens/_md-comp-outlined-menu-button.scss +23 -0
  319. package/tokens/_md-comp-outlined-segmented-button.scss +47 -0
  320. package/tokens/_md-comp-outlined-select.scss +25 -0
  321. package/tokens/_md-comp-outlined-text-field.scss +53 -0
  322. package/tokens/_md-comp-plain-tooltip.scss +21 -0
  323. package/tokens/_md-comp-primary-navigation-tab.scss +50 -0
  324. package/tokens/_md-comp-radio-button.scss +19 -0
  325. package/tokens/_md-comp-rich-tooltip.scss +25 -0
  326. package/tokens/_md-comp-scrim.scss +17 -0
  327. package/tokens/_md-comp-search-bar.scss +25 -0
  328. package/tokens/_md-comp-search-view.scss +23 -0
  329. package/tokens/_md-comp-secondary-navigation-tab.scss +49 -0
  330. package/tokens/_md-comp-sheet-bottom.scss +21 -0
  331. package/tokens/_md-comp-sheet-floating.scss +21 -0
  332. package/tokens/_md-comp-sheet-side.scss +25 -0
  333. package/tokens/_md-comp-slider.scss +47 -0
  334. package/tokens/_md-comp-snackbar.scss +25 -0
  335. package/tokens/_md-comp-standard-menu-button.scss +23 -0
  336. package/tokens/_md-comp-suggestion-chip.scss +123 -0
  337. package/tokens/_md-comp-switch.scss +21 -0
  338. package/tokens/_md-comp-test-table.scss +31 -0
  339. package/tokens/_md-comp-text-button.scss +107 -0
  340. package/tokens/_md-comp-time-input.scss +25 -0
  341. package/tokens/_md-comp-time-picker.scss +25 -0
  342. package/tokens/_md-comp-top-app-bar-large.scss +23 -0
  343. package/tokens/_md-comp-top-app-bar-medium.scss +23 -0
  344. package/tokens/_md-comp-top-app-bar-small-centered.scss +26 -0
  345. package/tokens/_md-comp-top-app-bar-small.scss +23 -0
  346. package/tokens/_md-ref-palette.scss +12 -0
  347. package/tokens/_md-ref-typeface.scss +34 -0
  348. package/tokens/_md-sys-color.scss +25 -0
  349. package/tokens/_md-sys-elevation.scss +30 -0
  350. package/tokens/_md-sys-motion.scss +12 -0
  351. package/tokens/_md-sys-shape.scss +12 -0
  352. package/tokens/_md-sys-state.scss +12 -0
  353. package/tokens/_md-sys-typescale.scss +51 -0
  354. package/tokens/_values.scss +111 -0
  355. package/tokens/{v0_161 → v0_172}/_md-comp-assist-chip.scss +3 -4
  356. package/tokens/{v0_160 → v0_172}/_md-comp-badge.scss +1 -1
  357. package/tokens/{v0_160 → v0_172}/_md-comp-banner.scss +2 -4
  358. package/tokens/{v0_160 → v0_172}/_md-comp-bottom-app-bar.scss +3 -5
  359. package/tokens/{v0_160 → v0_172}/_md-comp-carousel-item.scss +1 -3
  360. package/tokens/{v0_161 → v0_172}/_md-comp-checkbox.scss +1 -1
  361. package/tokens/{v0_161 → v0_172}/_md-comp-circular-progress-indicator.scss +1 -1
  362. package/tokens/{v0_160 → v0_172}/_md-comp-data-table.scss +2 -2
  363. package/tokens/{v0_161 → v0_172}/_md-comp-date-input-modal.scss +2 -4
  364. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-docked.scss +2 -4
  365. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-modal.scss +2 -4
  366. package/tokens/{v0_160 → v0_172}/_md-comp-dialog.scss +2 -4
  367. package/tokens/{v0_161 → v0_172}/_md-comp-divider.scss +1 -1
  368. package/tokens/{v0_160 → v0_172}/_md-comp-elevated-button.scss +2 -4
  369. package/tokens/{v0_160 → v0_172}/_md-comp-elevated-card.scss +2 -4
  370. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-branded.scss +4 -4
  371. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-primary.scss +1 -1
  372. package/tokens/{v0_160 → v0_172}/_md-comp-extended-fab-secondary.scss +1 -1
  373. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-surface.scss +4 -4
  374. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-tertiary.scss +1 -1
  375. package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded-large.scss +4 -4
  376. package/tokens/{v0_160 → v0_172}/_md-comp-fab-branded.scss +4 -4
  377. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-large.scss +1 -1
  378. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-small.scss +1 -1
  379. package/tokens/{v0_160 → v0_172}/_md-comp-fab-primary.scss +1 -1
  380. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-large.scss +1 -1
  381. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-small.scss +1 -1
  382. package/tokens/{v0_160 → v0_172}/_md-comp-fab-secondary.scss +1 -1
  383. package/tokens/{v0_160 → v0_172}/_md-comp-fab-surface-large.scss +4 -4
  384. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-small.scss +4 -4
  385. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface.scss +4 -4
  386. package/tokens/{v0_160 → v0_172}/_md-comp-fab-tertiary-large.scss +1 -1
  387. package/tokens/{v0_160 → v0_172}/_md-comp-fab-tertiary-small.scss +1 -1
  388. package/tokens/{v0_160 → v0_172}/_md-comp-fab-tertiary.scss +1 -1
  389. package/tokens/{v0_161 → v0_172}/_md-comp-filled-autocomplete.scss +4 -6
  390. package/tokens/{v0_161 → v0_172}/_md-comp-filled-button.scss +1 -1
  391. package/tokens/{v0_161 → v0_172}/_md-comp-filled-card.scss +3 -2
  392. package/tokens/{v0_161 → v0_172}/_md-comp-filled-icon-button.scss +2 -2
  393. package/tokens/{v0_161 → v0_172}/_md-comp-filled-menu-button.scss +1 -1
  394. package/tokens/{v0_161 → v0_172}/_md-comp-filled-select.scss +4 -6
  395. package/tokens/{v0_161 → v0_172}/_md-comp-filled-text-field.scss +3 -2
  396. package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-button.scss +1 -1
  397. package/tokens/{v0_160 → v0_172}/_md-comp-filled-tonal-icon-button.scss +2 -2
  398. package/tokens/{v0_160 → v0_172}/_md-comp-filter-chip.scss +2 -4
  399. package/tokens/{v0_160 → v0_172}/_md-comp-full-screen-dialog.scss +3 -3
  400. package/tokens/{v0_160 → v0_172}/_md-comp-icon-button.scss +1 -1
  401. package/tokens/{v0_160 → v0_172}/_md-comp-input-chip.scss +1 -1
  402. package/tokens/{v0_160 → v0_172}/_md-comp-linear-progress-indicator.scss +2 -2
  403. package/tokens/{v0_160 → v0_172}/_md-comp-list.scss +1 -1
  404. package/tokens/{v0_161 → v0_172}/_md-comp-menu.scss +3 -5
  405. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-bar.scss +2 -4
  406. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-drawer.scss +4 -4
  407. package/tokens/{v0_160/_md-comp-navigation-bar.scss → v0_172/_md-comp-navigation-rail.scss} +9 -7
  408. package/tokens/{v0_160 → v0_172}/_md-comp-outlined-autocomplete.scss +4 -6
  409. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-button.scss +1 -1
  410. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-card.scss +1 -3
  411. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-icon-button.scss +1 -1
  412. package/tokens/{v0_160 → v0_172}/_md-comp-outlined-menu-button.scss +1 -1
  413. package/tokens/{v0_160 → v0_172}/_md-comp-outlined-segmented-button.scss +1 -1
  414. package/tokens/{v0_160 → v0_172}/_md-comp-outlined-select.scss +4 -6
  415. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-text-field.scss +1 -1
  416. package/tokens/{v0_161 → v0_172}/_md-comp-plain-tooltip.scss +1 -1
  417. package/tokens/{v0_160 → v0_172}/_md-comp-primary-navigation-tab.scss +1 -1
  418. package/tokens/{v0_160 → v0_172}/_md-comp-radio-button.scss +1 -1
  419. package/tokens/{v0_160 → v0_172}/_md-comp-rich-tooltip.scss +3 -5
  420. package/tokens/{v0_160 → v0_172}/_md-comp-scrim.scss +1 -1
  421. package/tokens/{v0_161 → v0_172}/_md-comp-search-bar.scss +2 -4
  422. package/tokens/{v0_161 → v0_172}/_md-comp-search-view.scss +2 -4
  423. package/tokens/{v0_160 → v0_172}/_md-comp-secondary-navigation-tab.scss +3 -3
  424. package/tokens/{v0_160 → v0_172}/_md-comp-sheet-bottom.scss +3 -4
  425. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-floating.scss +3 -5
  426. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-side.scss +4 -4
  427. package/tokens/{v0_160 → v0_172}/_md-comp-slider.scss +3 -2
  428. package/tokens/{v0_161 → v0_172}/_md-comp-snackbar.scss +1 -1
  429. package/tokens/{v0_161 → v0_172}/_md-comp-standard-menu-button.scss +1 -1
  430. package/tokens/{v0_161 → v0_172}/_md-comp-suggestion-chip.scss +3 -4
  431. package/tokens/{v0_161 → v0_172}/_md-comp-switch.scss +13 -11
  432. package/tokens/{v0_161 → v0_172}/_md-comp-text-button.scss +1 -1
  433. package/tokens/{v0_160 → v0_172}/_md-comp-time-input.scss +3 -4
  434. package/tokens/{v0_160 → v0_172}/_md-comp-time-picker.scss +5 -5
  435. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-large.scss +1 -3
  436. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-medium.scss +1 -3
  437. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small-centered.scss +3 -1
  438. package/tokens/{v0_160 → v0_172}/_md-comp-top-app-bar-small.scss +3 -3
  439. package/tokens/{v0_161 → v0_172}/_md-ref-palette.scss +23 -23
  440. package/tokens/{v0_161 → v0_172}/_md-ref-typeface.scss +1 -1
  441. package/tokens/{v0_161 → v0_172}/_md-sys-color.scss +9 -9
  442. package/tokens/{v0_160 → v0_172}/_md-sys-elevation.scss +1 -1
  443. package/tokens/{v0_160 → v0_172}/_md-sys-motion.scss +1 -1
  444. package/tokens/{v0_160 → v0_172}/_md-sys-shape.scss +1 -1
  445. package/tokens/{v0_160 → v0_172}/_md-sys-state.scss +1 -1
  446. package/tokens/{v0_160 → v0_172}/_md-sys-typescale.scss +1 -1
  447. package/autocomplete/_filled-autocomplete.scss +0 -6
  448. package/autocomplete/_outlined-autocomplete.scss +0 -6
  449. package/autocomplete/autocomplete-item.d.ts +0 -19
  450. package/autocomplete/autocomplete-item.js +0 -22
  451. package/autocomplete/autocomplete-item.js.map +0 -1
  452. package/autocomplete/autocomplete-list.d.ts +0 -19
  453. package/autocomplete/autocomplete-list.js +0 -23
  454. package/autocomplete/autocomplete-list.js.map +0 -1
  455. package/autocomplete/autocomplete-surface.d.ts +0 -19
  456. package/autocomplete/autocomplete-surface.js +0 -23
  457. package/autocomplete/autocomplete-surface.js.map +0 -1
  458. package/autocomplete/filled-autocomplete.d.ts +0 -28
  459. package/autocomplete/filled-autocomplete.js +0 -46
  460. package/autocomplete/filled-autocomplete.js.map +0 -1
  461. package/autocomplete/lib/_filled-autocomplete.scss +0 -189
  462. package/autocomplete/lib/_outlined-autocomplete.scss +0 -178
  463. package/autocomplete/lib/_shared.scss +0 -25
  464. package/autocomplete/lib/autocomplete.d.ts +0 -54
  465. package/autocomplete/lib/autocomplete.js +0 -265
  466. package/autocomplete/lib/autocomplete.js.map +0 -1
  467. package/autocomplete/lib/autocompleteitem/autocomplete-item.d.ts +0 -11
  468. package/autocomplete/lib/autocompleteitem/autocomplete-item.js +0 -14
  469. package/autocomplete/lib/autocompleteitem/autocomplete-item.js.map +0 -1
  470. package/autocomplete/lib/autocompleteitem/harness.d.ts +0 -11
  471. package/autocomplete/lib/autocompleteitem/harness.js +0 -12
  472. package/autocomplete/lib/autocompleteitem/harness.js.map +0 -1
  473. package/autocomplete/lib/autocompletelist/_autocomplete-list.scss +0 -13
  474. package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js +0 -9
  475. package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js.map +0 -1
  476. package/autocomplete/lib/autocompletelist/autocomplete-list.d.ts +0 -14
  477. package/autocomplete/lib/autocompletelist/autocomplete-list.js +0 -21
  478. package/autocomplete/lib/autocompletelist/autocomplete-list.js.map +0 -1
  479. package/autocomplete/lib/autocompletelist/harness.d.ts +0 -11
  480. package/autocomplete/lib/autocompletelist/harness.js +0 -12
  481. package/autocomplete/lib/autocompletelist/harness.js.map +0 -1
  482. package/autocomplete/lib/autocompletesurface/_autocomplete-surface.scss +0 -13
  483. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js +0 -9
  484. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js.map +0 -1
  485. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.scss +0 -10
  486. package/autocomplete/lib/autocompletesurface/autocomplete-surface.d.ts +0 -13
  487. package/autocomplete/lib/autocompletesurface/autocomplete-surface.js +0 -21
  488. package/autocomplete/lib/autocompletesurface/autocomplete-surface.js.map +0 -1
  489. package/autocomplete/lib/filled-styles.css.js +0 -9
  490. package/autocomplete/lib/filled-styles.css.js.map +0 -1
  491. package/autocomplete/lib/filled-styles.scss +0 -10
  492. package/autocomplete/lib/outlined-styles.css.js +0 -9
  493. package/autocomplete/lib/outlined-styles.css.js.map +0 -1
  494. package/autocomplete/lib/outlined-styles.scss +0 -10
  495. package/autocomplete/lib/shared-styles.css.js +0 -9
  496. package/autocomplete/lib/shared-styles.css.js.map +0 -1
  497. package/autocomplete/outlined-autocomplete.d.ts +0 -28
  498. package/autocomplete/outlined-autocomplete.js +0 -46
  499. package/autocomplete/outlined-autocomplete.js.map +0 -1
  500. package/button/elevated-link-button.d.ts +0 -36
  501. package/button/elevated-link-button.js +0 -41
  502. package/button/elevated-link-button.js.map +0 -1
  503. package/button/filled-link-button.d.ts +0 -34
  504. package/button/filled-link-button.js +0 -39
  505. package/button/filled-link-button.js.map +0 -1
  506. package/button/lib/elevated-link-button.d.ts +0 -13
  507. package/button/lib/elevated-link-button.js +0 -21
  508. package/button/lib/elevated-link-button.js.map +0 -1
  509. package/button/lib/filled-link-button.d.ts +0 -14
  510. package/button/lib/filled-link-button.js +0 -22
  511. package/button/lib/filled-link-button.js.map +0 -1
  512. package/button/lib/link-button.d.ts +0 -24
  513. package/button/lib/link-button.js +0 -59
  514. package/button/lib/link-button.js.map +0 -1
  515. package/button/lib/outlined-link-button.d.ts +0 -12
  516. package/button/lib/outlined-link-button.js +0 -20
  517. package/button/lib/outlined-link-button.js.map +0 -1
  518. package/button/lib/text-link-button.d.ts +0 -10
  519. package/button/lib/text-link-button.js +0 -16
  520. package/button/lib/text-link-button.js.map +0 -1
  521. package/button/lib/tonal-link-button.d.ts +0 -14
  522. package/button/lib/tonal-link-button.js +0 -22
  523. package/button/lib/tonal-link-button.js.map +0 -1
  524. package/button/outlined-link-button.d.ts +0 -36
  525. package/button/outlined-link-button.js +0 -40
  526. package/button/outlined-link-button.js.map +0 -1
  527. package/button/text-link-button.d.ts +0 -34
  528. package/button/text-link-button.js +0 -38
  529. package/button/text-link-button.js.map +0 -1
  530. package/button/tonal-link-button.d.ts +0 -35
  531. package/button/tonal-link-button.js +0 -40
  532. package/button/tonal-link-button.js.map +0 -1
  533. package/chips/action/delete-action.d.ts +0 -18
  534. package/chips/action/delete-action.js +0 -20
  535. package/chips/action/delete-action.js.map +0 -1
  536. package/chips/action/lib/action.d.ts +0 -47
  537. package/chips/action/lib/action.js +0 -162
  538. package/chips/action/lib/action.js.map +0 -1
  539. package/chips/action/lib/constants.d.ts +0 -62
  540. package/chips/action/lib/constants.js +0 -69
  541. package/chips/action/lib/constants.js.map +0 -1
  542. package/chips/action/lib/delete-action.d.ts +0 -20
  543. package/chips/action/lib/delete-action.js +0 -65
  544. package/chips/action/lib/delete-action.js.map +0 -1
  545. package/chips/action/lib/events.d.ts +0 -14
  546. package/chips/action/lib/events.js +0 -16
  547. package/chips/action/lib/events.js.map +0 -1
  548. package/chips/action/lib/link-action.d.ts +0 -19
  549. package/chips/action/lib/link-action.js +0 -55
  550. package/chips/action/lib/link-action.js.map +0 -1
  551. package/chips/action/lib/presentational-action.d.ts +0 -15
  552. package/chips/action/lib/presentational-action.js +0 -30
  553. package/chips/action/lib/presentational-action.js.map +0 -1
  554. package/chips/action/lib/primary-action.d.ts +0 -28
  555. package/chips/action/lib/primary-action.js +0 -88
  556. package/chips/action/lib/primary-action.js.map +0 -1
  557. package/chips/action/lib/selectable-action.d.ts +0 -17
  558. package/chips/action/lib/selectable-action.js +0 -67
  559. package/chips/action/lib/selectable-action.js.map +0 -1
  560. package/chips/action/lib/types.d.ts +0 -23
  561. package/chips/action/lib/types.js +0 -7
  562. package/chips/action/lib/types.js.map +0 -1
  563. package/chips/action/link-action.d.ts +0 -18
  564. package/chips/action/link-action.js +0 -20
  565. package/chips/action/link-action.js.map +0 -1
  566. package/chips/action/presentational-action.d.ts +0 -18
  567. package/chips/action/presentational-action.js +0 -20
  568. package/chips/action/presentational-action.js.map +0 -1
  569. package/chips/action/primary-action.d.ts +0 -18
  570. package/chips/action/primary-action.js +0 -20
  571. package/chips/action/primary-action.js.map +0 -1
  572. package/chips/action/selectable-action.d.ts +0 -18
  573. package/chips/action/selectable-action.js +0 -20
  574. package/chips/action/selectable-action.js.map +0 -1
  575. package/chips/chip/lib/_assist-chip-theme.scss +0 -99
  576. package/chips/chip/lib/_chip-theme.scss +0 -1285
  577. package/chips/chip/lib/_chip.scss +0 -444
  578. package/chips/chip/lib/_filter-chip-theme.scss +0 -130
  579. package/chips/chip/lib/_input-chip-theme.scss +0 -91
  580. package/chips/chip/lib/_suggestion-chip-theme.scss +0 -92
  581. package/chips/chip/lib/action-chip.d.ts +0 -18
  582. package/chips/chip/lib/action-chip.js +0 -39
  583. package/chips/chip/lib/action-chip.js.map +0 -1
  584. package/chips/chip/lib/adapter.d.ts +0 -50
  585. package/chips/chip/lib/adapter.js +0 -7
  586. package/chips/chip/lib/adapter.js.map +0 -1
  587. package/chips/chip/lib/animationframe.d.ts +0 -31
  588. package/chips/chip/lib/animationframe.js +0 -66
  589. package/chips/chip/lib/animationframe.js.map +0 -1
  590. package/chips/chip/lib/chip.d.ts +0 -43
  591. package/chips/chip/lib/chip.js +0 -134
  592. package/chips/chip/lib/chip.js.map +0 -1
  593. package/chips/chip/lib/constants.d.ts +0 -43
  594. package/chips/chip/lib/constants.js +0 -48
  595. package/chips/chip/lib/constants.js.map +0 -1
  596. package/chips/chip/lib/foundation.d.ts +0 -41
  597. package/chips/chip/lib/foundation.js +0 -255
  598. package/chips/chip/lib/foundation.js.map +0 -1
  599. package/chips/chip/lib/link-chip.d.ts +0 -21
  600. package/chips/chip/lib/link-chip.js +0 -53
  601. package/chips/chip/lib/link-chip.js.map +0 -1
  602. package/chips/chip/lib/presentational-chip.d.ts +0 -18
  603. package/chips/chip/lib/presentational-chip.js +0 -39
  604. package/chips/chip/lib/presentational-chip.js.map +0 -1
  605. package/chips/chip/lib/selectable-chip.d.ts +0 -22
  606. package/chips/chip/lib/selectable-chip.js +0 -57
  607. package/chips/chip/lib/selectable-chip.js.map +0 -1
  608. package/chips/chip/lib/types.d.ts +0 -42
  609. package/chips/chip/lib/types.js +0 -7
  610. package/chips/chip/lib/types.js.map +0 -1
  611. package/chips/chipset/lib/_chip-set-theme.scss +0 -50
  612. package/chips/chipset/lib/_chip-set.scss +0 -48
  613. package/chips/chipset/lib/adapter.d.ts +0 -45
  614. package/chips/chipset/lib/adapter.js +0 -7
  615. package/chips/chipset/lib/adapter.js.map +0 -1
  616. package/chips/chipset/lib/constants.d.ts +0 -26
  617. package/chips/chipset/lib/constants.js +0 -30
  618. package/chips/chipset/lib/constants.js.map +0 -1
  619. package/chips/chipset/lib/foundation.d.ts +0 -68
  620. package/chips/chipset/lib/foundation.js +0 -314
  621. package/chips/chipset/lib/foundation.js.map +0 -1
  622. package/chips/chipset/lib/types.d.ts +0 -41
  623. package/chips/chipset/lib/types.js +0 -7
  624. package/chips/chipset/lib/types.js.map +0 -1
  625. package/elevation/lib/_md-comp-elevation.scss +0 -27
  626. package/focus/lib/_md-comp-focus-ring.scss +0 -31
  627. package/iconbutton/filled-icon-button-toggle.d.ts +0 -31
  628. package/iconbutton/filled-icon-button-toggle.js +0 -40
  629. package/iconbutton/filled-icon-button-toggle.js.map +0 -1
  630. package/iconbutton/filled-link-icon-button.d.ts +0 -31
  631. package/iconbutton/filled-link-icon-button.js +0 -39
  632. package/iconbutton/filled-link-icon-button.js.map +0 -1
  633. package/iconbutton/filled-tonal-icon-button-toggle.d.ts +0 -31
  634. package/iconbutton/filled-tonal-icon-button-toggle.js +0 -40
  635. package/iconbutton/filled-tonal-icon-button-toggle.js.map +0 -1
  636. package/iconbutton/filled-tonal-link-icon-button.d.ts +0 -31
  637. package/iconbutton/filled-tonal-link-icon-button.js +0 -39
  638. package/iconbutton/filled-tonal-link-icon-button.js.map +0 -1
  639. package/iconbutton/lib/icon-button-toggle.d.ts +0 -34
  640. package/iconbutton/lib/icon-button-toggle.js +0 -87
  641. package/iconbutton/lib/icon-button-toggle.js.map +0 -1
  642. package/iconbutton/lib/link-icon-button.d.ts +0 -23
  643. package/iconbutton/lib/link-icon-button.js +0 -58
  644. package/iconbutton/lib/link-icon-button.js.map +0 -1
  645. package/iconbutton/outlined-icon-button-toggle.d.ts +0 -31
  646. package/iconbutton/outlined-icon-button-toggle.js +0 -39
  647. package/iconbutton/outlined-icon-button-toggle.js.map +0 -1
  648. package/iconbutton/outlined-link-icon-button.d.ts +0 -31
  649. package/iconbutton/outlined-link-icon-button.js +0 -39
  650. package/iconbutton/outlined-link-icon-button.js.map +0 -1
  651. package/iconbutton/standard-icon-button-toggle.d.ts +0 -31
  652. package/iconbutton/standard-icon-button-toggle.js +0 -39
  653. package/iconbutton/standard-icon-button-toggle.js.map +0 -1
  654. package/iconbutton/standard-link-icon-button.d.ts +0 -31
  655. package/iconbutton/standard-link-icon-button.js +0 -39
  656. package/iconbutton/standard-link-icon-button.js.map +0 -1
  657. package/menusurface/_menu-surface.scss +0 -6
  658. package/menusurface/lib/_md-comp-menu-surface.scss +0 -31
  659. package/menusurface/lib/_menu-surface.scss +0 -122
  660. package/menusurface/lib/adapter.d.ts +0 -46
  661. package/menusurface/lib/adapter.js +0 -7
  662. package/menusurface/lib/adapter.js.map +0 -1
  663. package/menusurface/lib/constants.d.ts +0 -71
  664. package/menusurface/lib/constants.js +0 -83
  665. package/menusurface/lib/constants.js.map +0 -1
  666. package/menusurface/lib/foundation.d.ts +0 -176
  667. package/menusurface/lib/foundation.js +0 -544
  668. package/menusurface/lib/foundation.js.map +0 -1
  669. package/menusurface/lib/menu-surface-styles.css.js +0 -9
  670. package/menusurface/lib/menu-surface-styles.css.js.map +0 -1
  671. package/menusurface/lib/menu-surface.d.ts +0 -62
  672. package/menusurface/lib/menu-surface.js +0 -347
  673. package/menusurface/lib/menu-surface.js.map +0 -1
  674. package/menusurface/lib/types.d.ts +0 -19
  675. package/menusurface/lib/types.js +0 -7
  676. package/menusurface/lib/types.js.map +0 -1
  677. package/menusurface/menu-surface.d.ts +0 -14
  678. package/menusurface/menu-surface.js +0 -17
  679. package/menusurface/menu-surface.js.map +0 -1
  680. package/sass/_elevation.scss +0 -159
  681. package/sass/_resolvers.scss +0 -16
  682. package/sass/_typography.scss +0 -39
  683. package/tokens/v0_160/_md-comp-assist-chip.scss +0 -109
  684. package/tokens/v0_160/_md-comp-checkbox.scss +0 -126
  685. package/tokens/v0_160/_md-comp-circular-progress-indicator.scss +0 -39
  686. package/tokens/v0_160/_md-comp-date-input-modal.scss +0 -89
  687. package/tokens/v0_160/_md-comp-date-picker-docked.scss +0 -246
  688. package/tokens/v0_160/_md-comp-date-picker-modal.scss +0 -305
  689. package/tokens/v0_160/_md-comp-divider.scss +0 -25
  690. package/tokens/v0_160/_md-comp-extended-fab-branded.scss +0 -86
  691. package/tokens/v0_160/_md-comp-extended-fab-primary.scss +0 -94
  692. package/tokens/v0_160/_md-comp-extended-fab-surface.scss +0 -90
  693. package/tokens/v0_160/_md-comp-extended-fab-tertiary.scss +0 -95
  694. package/tokens/v0_160/_md-comp-fab-branded-large.scss +0 -60
  695. package/tokens/v0_160/_md-comp-fab-primary-large.scss +0 -65
  696. package/tokens/v0_160/_md-comp-fab-primary-small.scss +0 -65
  697. package/tokens/v0_160/_md-comp-fab-secondary-large.scss +0 -66
  698. package/tokens/v0_160/_md-comp-fab-secondary-small.scss +0 -66
  699. package/tokens/v0_160/_md-comp-fab-surface-small.scss +0 -64
  700. package/tokens/v0_160/_md-comp-fab-surface.scss +0 -64
  701. package/tokens/v0_160/_md-comp-filled-autocomplete.scss +0 -267
  702. package/tokens/v0_160/_md-comp-filled-button.scss +0 -89
  703. package/tokens/v0_160/_md-comp-filled-card.scss +0 -58
  704. package/tokens/v0_160/_md-comp-filled-icon-button.scss +0 -79
  705. package/tokens/v0_160/_md-comp-filled-menu-button.scss +0 -98
  706. package/tokens/v0_160/_md-comp-filled-select.scss +0 -272
  707. package/tokens/v0_160/_md-comp-filled-text-field.scss +0 -189
  708. package/tokens/v0_160/_md-comp-filled-tonal-button.scss +0 -99
  709. package/tokens/v0_160/_md-comp-menu.scss +0 -121
  710. package/tokens/v0_160/_md-comp-navigation-drawer.scss +0 -162
  711. package/tokens/v0_160/_md-comp-navigation-rail.scss +0 -131
  712. package/tokens/v0_160/_md-comp-outlined-button.scss +0 -84
  713. package/tokens/v0_160/_md-comp-outlined-card.scss +0 -65
  714. package/tokens/v0_160/_md-comp-outlined-icon-button.scss +0 -79
  715. package/tokens/v0_160/_md-comp-outlined-text-field.scss +0 -171
  716. package/tokens/v0_160/_md-comp-plain-tooltip.scss +0 -55
  717. package/tokens/v0_160/_md-comp-search-bar.scss +0 -99
  718. package/tokens/v0_160/_md-comp-search-view.scss +0 -93
  719. package/tokens/v0_160/_md-comp-sheet-floating.scss +0 -34
  720. package/tokens/v0_160/_md-comp-sheet-side.scss +0 -91
  721. package/tokens/v0_160/_md-comp-snackbar.scss +0 -127
  722. package/tokens/v0_160/_md-comp-standard-menu-button.scss +0 -98
  723. package/tokens/v0_160/_md-comp-suggestion-chip.scss +0 -125
  724. package/tokens/v0_160/_md-comp-switch.scss +0 -136
  725. package/tokens/v0_160/_md-comp-text-button.scss +0 -77
  726. package/tokens/v0_160/_md-comp-top-app-bar-large.scss +0 -63
  727. package/tokens/v0_160/_md-comp-top-app-bar-medium.scss +0 -63
  728. package/tokens/v0_160/_md-comp-top-app-bar-small-centered.scss +0 -66
  729. package/tokens/v0_160/_md-ref-palette.scss +0 -107
  730. package/tokens/v0_160/_md-ref-typeface.scss +0 -21
  731. package/tokens/v0_160/_md-sys-color.scss +0 -904
  732. package/tokens/v0_161/_index.scss +0 -107
  733. package/tokens/v0_161/_md-comp-badge.scss +0 -58
  734. package/tokens/v0_161/_md-comp-banner.scss +0 -75
  735. package/tokens/v0_161/_md-comp-bottom-app-bar.scss +0 -35
  736. package/tokens/v0_161/_md-comp-carousel-item.scss +0 -65
  737. package/tokens/v0_161/_md-comp-data-table.scss +0 -96
  738. package/tokens/v0_161/_md-comp-dialog.scss +0 -123
  739. package/tokens/v0_161/_md-comp-elevated-button.scss +0 -91
  740. package/tokens/v0_161/_md-comp-elevated-card.scss +0 -59
  741. package/tokens/v0_161/_md-comp-extended-fab-secondary.scss +0 -95
  742. package/tokens/v0_161/_md-comp-fab-branded.scss +0 -60
  743. package/tokens/v0_161/_md-comp-fab-primary.scss +0 -65
  744. package/tokens/v0_161/_md-comp-fab-secondary.scss +0 -66
  745. package/tokens/v0_161/_md-comp-fab-surface-large.scss +0 -64
  746. package/tokens/v0_161/_md-comp-fab-tertiary-large.scss +0 -66
  747. package/tokens/v0_161/_md-comp-fab-tertiary-small.scss +0 -66
  748. package/tokens/v0_161/_md-comp-fab-tertiary.scss +0 -66
  749. package/tokens/v0_161/_md-comp-filled-tonal-icon-button.scss +0 -86
  750. package/tokens/v0_161/_md-comp-filter-chip.scss +0 -209
  751. package/tokens/v0_161/_md-comp-full-screen-dialog.scss +0 -111
  752. package/tokens/v0_161/_md-comp-icon-button.scss +0 -70
  753. package/tokens/v0_161/_md-comp-input-chip.scss +0 -184
  754. package/tokens/v0_161/_md-comp-linear-progress-indicator.scss +0 -41
  755. package/tokens/v0_161/_md-comp-list.scss +0 -248
  756. package/tokens/v0_161/_md-comp-navigation-rail.scss +0 -131
  757. package/tokens/v0_161/_md-comp-outlined-autocomplete.scss +0 -257
  758. package/tokens/v0_161/_md-comp-outlined-menu-button.scss +0 -94
  759. package/tokens/v0_161/_md-comp-outlined-segmented-button.scss +0 -112
  760. package/tokens/v0_161/_md-comp-outlined-select.scss +0 -262
  761. package/tokens/v0_161/_md-comp-primary-navigation-tab.scss +0 -121
  762. package/tokens/v0_161/_md-comp-radio-button.scss +0 -68
  763. package/tokens/v0_161/_md-comp-rich-tooltip.scss +0 -121
  764. package/tokens/v0_161/_md-comp-scrim.scss +0 -25
  765. package/tokens/v0_161/_md-comp-secondary-navigation-tab.scss +0 -84
  766. package/tokens/v0_161/_md-comp-sheet-bottom.scss +0 -45
  767. package/tokens/v0_161/_md-comp-slider.scss +0 -114
  768. package/tokens/v0_161/_md-comp-time-input.scss +0 -218
  769. package/tokens/v0_161/_md-comp-time-picker.scss +0 -264
  770. package/tokens/v0_161/_md-comp-top-app-bar-small.scss +0 -64
  771. package/tokens/v0_161/_md-sys-elevation.scss +0 -21
  772. package/tokens/v0_161/_md-sys-motion.scss +0 -53
  773. package/tokens/v0_161/_md-sys-shape.scss +0 -30
  774. package/tokens/v0_161/_md-sys-state.scss +0 -19
  775. package/tokens/v0_161/_md-sys-typescale.scss +0 -284
  776. package/tokens/v0_161/index.test.css.js +0 -9
  777. package/tokens/v0_161/index.test.css.js.map +0 -1
  778. package/tokens/v0_161/index.test.scss +0 -584
  779. package/tokens/v0_161/lib.test.css.d.ts +0 -1
  780. package/tokens/v0_161/lib.test.css.js +0 -9
  781. package/tokens/v0_161/lib.test.css.js.map +0 -1
  782. package/tokens/v0_161/lib.test.scss +0 -663
  783. /package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.css.d.ts → chips/lib/assist-styles.css.d.ts} +0 -0
  784. /package/{autocomplete → chips}/lib/shared-styles.css.d.ts +0 -0
  785. /package/{autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.d.ts → chips/lib/suggestion-styles.css.d.ts} +0 -0
  786. /package/{autocomplete/lib/filled-styles.css.d.ts → circularprogress/lib/circular-progress-styles.css.d.ts} +0 -0
  787. /package/{autocomplete/lib/outlined-styles.css.d.ts → list/lib/listitem/forced-colors-styles.css.d.ts} +0 -0
  788. /package/{menusurface/lib/menu-surface-styles.css.d.ts → menu/lib/forced-colors-styles.css.d.ts} +0 -0
  789. /package/{tokens/v0_160/index.test.css.d.ts → menu/lib/menuitem/forced-colors-styles.css.d.ts} +0 -0
  790. /package/tokens/{v0_160 → v0_172}/_index.scss +0 -0
  791. /package/tokens/{v0_161 → v0_172}/index.test.css.d.ts +0 -0
  792. /package/tokens/{v0_160 → v0_172}/index.test.css.js +0 -0
  793. /package/tokens/{v0_160 → v0_172}/index.test.css.js.map +0 -0
  794. /package/tokens/{v0_160 → v0_172}/index.test.scss +0 -0
  795. /package/tokens/{v0_160 → v0_172}/lib.test.css.d.ts +0 -0
  796. /package/tokens/{v0_160 → v0_172}/lib.test.css.js +0 -0
  797. /package/tokens/{v0_160 → v0_172}/lib.test.css.js.map +0 -0
  798. /package/tokens/{v0_160 → v0_172}/lib.test.scss +0 -0
@@ -1,255 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger, MDCChipActionType } from '../../action/lib/constants.js';
7
- import { AnimationFrame } from './animationframe.js';
8
- import { MDCChipAnimation, MDCChipAttributes, MDCChipCssClasses, MDCChipEvents } from './constants.js';
9
- var Direction;
10
- (function (Direction) {
11
- Direction[Direction["UNSPECIFIED"] = 0] = "UNSPECIFIED";
12
- Direction[Direction["LEFT"] = 1] = "LEFT";
13
- Direction[Direction["RIGHT"] = 2] = "RIGHT";
14
- })(Direction || (Direction = {}));
15
- var AnimationKeys;
16
- (function (AnimationKeys) {
17
- AnimationKeys["SELECTION"] = "selection";
18
- AnimationKeys["EXIT"] = "exit";
19
- })(AnimationKeys || (AnimationKeys = {}));
20
- /**
21
- * MDCChipFoundation provides a foundation for all chips.
22
- */
23
- export class MDCChipFoundation {
24
- static get defaultAdapter() {
25
- return {
26
- addClass: () => undefined,
27
- emitEvent: () => undefined,
28
- getActions: () => [],
29
- getAttribute: () => null,
30
- getElementID: () => '',
31
- getOffsetWidth: () => 0,
32
- hasClass: () => false,
33
- isActionDisabled: () => false,
34
- isActionFocusable: () => false,
35
- isActionSelectable: () => false,
36
- isActionSelected: () => false,
37
- isRTL: () => false,
38
- removeClass: () => undefined,
39
- setActionDisabled: () => undefined,
40
- setActionFocus: () => undefined,
41
- setActionSelected: () => undefined,
42
- setStyleProperty: () => undefined,
43
- };
44
- }
45
- constructor(adapter) {
46
- this.adapter = { ...MDCChipFoundation.defaultAdapter, ...adapter };
47
- this.animFrame = new AnimationFrame();
48
- }
49
- destroy() {
50
- this.animFrame.cancelAll();
51
- }
52
- getElementID() {
53
- return this.adapter.getElementID();
54
- }
55
- setDisabled(isDisabled) {
56
- const actions = this.getActions();
57
- for (const action of actions) {
58
- this.adapter.setActionDisabled(action, isDisabled);
59
- }
60
- if (isDisabled) {
61
- this.adapter.addClass(MDCChipCssClasses.DISABLED);
62
- }
63
- else {
64
- this.adapter.removeClass(MDCChipCssClasses.DISABLED);
65
- }
66
- }
67
- isDisabled() {
68
- const actions = this.getActions();
69
- for (const action of actions) {
70
- if (this.adapter.isActionDisabled(action)) {
71
- return true;
72
- }
73
- }
74
- return false;
75
- }
76
- getActions() {
77
- return this.adapter.getActions();
78
- }
79
- isActionFocusable(action) {
80
- return this.adapter.isActionFocusable(action);
81
- }
82
- isActionSelectable(action) {
83
- return this.adapter.isActionSelectable(action);
84
- }
85
- isActionSelected(action) {
86
- return this.adapter.isActionSelected(action);
87
- }
88
- setActionFocus(action, focus) {
89
- this.adapter.setActionFocus(action, focus);
90
- }
91
- setActionSelected(action, isSelected) {
92
- this.adapter.setActionSelected(action, isSelected);
93
- this.animateSelection(isSelected);
94
- }
95
- startAnimation(animation) {
96
- if (animation === MDCChipAnimation.ENTER) {
97
- this.adapter.addClass(MDCChipCssClasses.ENTER);
98
- return;
99
- }
100
- if (animation === MDCChipAnimation.EXIT) {
101
- this.adapter.addClass(MDCChipCssClasses.EXIT);
102
- return;
103
- }
104
- }
105
- handleAnimationEnd(event) {
106
- const { animationName } = event;
107
- if (animationName === MDCChipAnimation.ENTER) {
108
- this.adapter.removeClass(MDCChipCssClasses.ENTER);
109
- this.adapter.emitEvent(MDCChipEvents.ANIMATION, {
110
- chipID: this.getElementID(),
111
- animation: MDCChipAnimation.ENTER,
112
- addedAnnouncement: this.getAddedAnnouncement(),
113
- isComplete: true,
114
- });
115
- return;
116
- }
117
- if (animationName === MDCChipAnimation.EXIT) {
118
- this.adapter.removeClass(MDCChipCssClasses.EXIT);
119
- this.adapter.addClass(MDCChipCssClasses.HIDDEN);
120
- const width = this.adapter.getOffsetWidth();
121
- this.adapter.setStyleProperty('width', `${width}px`);
122
- // Wait two frames so the width gets applied correctly.
123
- this.animFrame.request(AnimationKeys.EXIT, () => {
124
- this.animFrame.request(AnimationKeys.EXIT, () => {
125
- this.adapter.setStyleProperty('width', '0');
126
- });
127
- });
128
- }
129
- }
130
- handleTransitionEnd() {
131
- if (!this.adapter.hasClass(MDCChipCssClasses.HIDDEN))
132
- return;
133
- this.adapter.emitEvent(MDCChipEvents.ANIMATION, {
134
- chipID: this.getElementID(),
135
- animation: MDCChipAnimation.EXIT,
136
- removedAnnouncement: this.getRemovedAnnouncement(),
137
- isComplete: true,
138
- });
139
- }
140
- handleActionInteraction({ detail }) {
141
- const { source, actionID } = detail;
142
- const isSelectable = this.adapter.isActionSelectable(source);
143
- const isSelected = this.adapter.isActionSelected(source);
144
- this.adapter.emitEvent(MDCChipEvents.INTERACTION, {
145
- chipID: this.getElementID(),
146
- shouldRemove: this.shouldRemove(detail),
147
- actionID,
148
- isSelectable,
149
- isSelected,
150
- source,
151
- });
152
- }
153
- handleActionNavigation({ detail }) {
154
- const { source, key } = detail;
155
- const isRTL = this.adapter.isRTL();
156
- const isTrailingActionFocusable = this.adapter.isActionFocusable(MDCChipActionType.TRAILING);
157
- const isPrimaryActionFocusable = this.adapter.isActionFocusable(MDCChipActionType.PRIMARY);
158
- const dir = this.directionFromKey(key, isRTL);
159
- const shouldNavigateToTrailing = source === MDCChipActionType.PRIMARY &&
160
- dir === Direction.RIGHT && isTrailingActionFocusable;
161
- const shouldNavigateToPrimary = source === MDCChipActionType.TRAILING &&
162
- dir === Direction.LEFT && isPrimaryActionFocusable;
163
- if (shouldNavigateToTrailing) {
164
- this.navigateActions({ from: source, to: MDCChipActionType.TRAILING });
165
- return;
166
- }
167
- if (shouldNavigateToPrimary) {
168
- this.navigateActions({ from: source, to: MDCChipActionType.PRIMARY });
169
- return;
170
- }
171
- this.adapter.emitEvent(MDCChipEvents.NAVIGATION, {
172
- chipID: this.getElementID(),
173
- isRTL,
174
- source,
175
- key,
176
- });
177
- }
178
- directionFromKey(key, isRTL) {
179
- const isLeftKey = key === 'ArrowLeft';
180
- const isRightKey = key === 'ArrowRight';
181
- if (!isRTL && isLeftKey || isRTL && isRightKey) {
182
- return Direction.LEFT;
183
- }
184
- if (!isRTL && isRightKey || isRTL && isLeftKey) {
185
- return Direction.RIGHT;
186
- }
187
- return Direction.UNSPECIFIED;
188
- }
189
- navigateActions(nav) {
190
- this.adapter.setActionFocus(nav.from, MDCChipActionFocusBehavior.NOT_FOCUSABLE);
191
- this.adapter.setActionFocus(nav.to, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);
192
- }
193
- shouldRemove({ source, trigger }) {
194
- if (trigger === MDCChipActionInteractionTrigger.BACKSPACE_KEY ||
195
- trigger === MDCChipActionInteractionTrigger.DELETE_KEY) {
196
- return true;
197
- }
198
- return source === MDCChipActionType.TRAILING;
199
- }
200
- getRemovedAnnouncement() {
201
- const msg = this.adapter.getAttribute(MDCChipAttributes.DATA_REMOVED_ANNOUNCEMENT);
202
- return msg || undefined;
203
- }
204
- getAddedAnnouncement() {
205
- const msg = this.adapter.getAttribute(MDCChipAttributes.DATA_ADDED_ANNOUNCEMENT);
206
- return msg || undefined;
207
- }
208
- animateSelection(isSelected) {
209
- this.resetAnimationStyles();
210
- // Wait two frames to ensure the animation classes are unset
211
- this.animFrame.request(AnimationKeys.SELECTION, () => {
212
- this.animFrame.request(AnimationKeys.SELECTION, () => {
213
- this.updateSelectionStyles(isSelected);
214
- });
215
- });
216
- }
217
- resetAnimationStyles() {
218
- this.adapter.removeClass(MDCChipCssClasses.SELECTING);
219
- this.adapter.removeClass(MDCChipCssClasses.DESELECTING);
220
- this.adapter.removeClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);
221
- this.adapter.removeClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);
222
- }
223
- updateSelectionStyles(isSelected) {
224
- const hasIcon = this.adapter.hasClass(MDCChipCssClasses.WITH_PRIMARY_ICON);
225
- if (hasIcon && isSelected) {
226
- this.adapter.addClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);
227
- this.animFrame.request(AnimationKeys.SELECTION, () => {
228
- this.adapter.addClass(MDCChipCssClasses.SELECTED);
229
- });
230
- return;
231
- }
232
- if (hasIcon && !isSelected) {
233
- this.adapter.addClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);
234
- this.animFrame.request(AnimationKeys.SELECTION, () => {
235
- this.adapter.removeClass(MDCChipCssClasses.SELECTED);
236
- });
237
- return;
238
- }
239
- if (isSelected) {
240
- this.adapter.addClass(MDCChipCssClasses.SELECTING);
241
- this.animFrame.request(AnimationKeys.SELECTION, () => {
242
- this.adapter.addClass(MDCChipCssClasses.SELECTED);
243
- });
244
- return;
245
- }
246
- if (!isSelected) {
247
- this.adapter.addClass(MDCChipCssClasses.DESELECTING);
248
- this.animFrame.request(AnimationKeys.SELECTION, () => {
249
- this.adapter.removeClass(MDCChipCssClasses.SELECTED);
250
- });
251
- return;
252
- }
253
- }
254
- }
255
- //# sourceMappingURL=foundation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger, MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipActionInteractionEventDetail} from '../../action/lib/types.js';\n\nimport {MDCChipAdapter} from './adapter.js';\nimport {AnimationFrame} from './animationframe.js';\nimport {MDCChipAnimation, MDCChipAttributes, MDCChipCssClasses, MDCChipEvents} from './constants.js';\nimport {ActionInteractionEvent, ActionNavigationEvent, MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail} from './types.js';\n\ninterface Navigation {\n from: MDCChipActionType;\n to: MDCChipActionType;\n}\n\nenum Direction {\n UNSPECIFIED, // Default\n LEFT,\n RIGHT,\n}\n\nenum AnimationKeys {\n SELECTION = 'selection',\n EXIT = 'exit',\n}\n\n/**\n * MDCChipFoundation provides a foundation for all chips.\n */\nexport class MDCChipFoundation {\n private readonly adapter: MDCChipAdapter;\n\n static get defaultAdapter(): MDCChipAdapter {\n return {\n addClass: () => undefined,\n emitEvent: () => undefined,\n getActions: () => [],\n getAttribute: () => null,\n getElementID: () => '',\n getOffsetWidth: () => 0,\n hasClass: () => false,\n isActionDisabled: () => false,\n isActionFocusable: () => false,\n isActionSelectable: () => false,\n isActionSelected: () => false,\n isRTL: () => false,\n removeClass: () => undefined,\n setActionDisabled: () => undefined,\n setActionFocus: () => undefined,\n setActionSelected: () => undefined,\n setStyleProperty: () => undefined,\n };\n }\n\n private readonly animFrame: AnimationFrame;\n\n constructor(adapter?: Partial<MDCChipAdapter>) {\n this.adapter = {...MDCChipFoundation.defaultAdapter, ...adapter};\n this.animFrame = new AnimationFrame();\n }\n\n destroy() {\n this.animFrame.cancelAll();\n }\n\n getElementID() {\n return this.adapter.getElementID();\n }\n\n setDisabled(isDisabled: boolean) {\n const actions = this.getActions();\n for (const action of actions) {\n this.adapter.setActionDisabled(action, isDisabled);\n }\n\n if (isDisabled) {\n this.adapter.addClass(MDCChipCssClasses.DISABLED);\n } else {\n this.adapter.removeClass(MDCChipCssClasses.DISABLED);\n }\n }\n\n isDisabled(): boolean {\n const actions = this.getActions();\n for (const action of actions) {\n if (this.adapter.isActionDisabled(action)) {\n return true;\n }\n }\n return false;\n }\n\n getActions(): MDCChipActionType[] {\n return this.adapter.getActions();\n }\n\n isActionFocusable(action: MDCChipActionType): boolean {\n return this.adapter.isActionFocusable(action);\n }\n\n isActionSelectable(action: MDCChipActionType): boolean {\n return this.adapter.isActionSelectable(action);\n }\n\n isActionSelected(action: MDCChipActionType): boolean {\n return this.adapter.isActionSelected(action);\n }\n\n setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\n this.adapter.setActionFocus(action, focus);\n }\n\n setActionSelected(action: MDCChipActionType, isSelected: boolean) {\n this.adapter.setActionSelected(action, isSelected);\n this.animateSelection(isSelected);\n }\n\n startAnimation(animation: MDCChipAnimation) {\n if (animation === MDCChipAnimation.ENTER) {\n this.adapter.addClass(MDCChipCssClasses.ENTER);\n return;\n }\n\n if (animation === MDCChipAnimation.EXIT) {\n this.adapter.addClass(MDCChipCssClasses.EXIT);\n return;\n }\n }\n\n handleAnimationEnd(event: AnimationEvent) {\n const {animationName} = event;\n if (animationName === MDCChipAnimation.ENTER) {\n this.adapter.removeClass(MDCChipCssClasses.ENTER);\n this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n MDCChipEvents.ANIMATION, {\n chipID: this.getElementID(),\n animation: MDCChipAnimation.ENTER,\n addedAnnouncement: this.getAddedAnnouncement(),\n isComplete: true,\n });\n return;\n }\n\n if (animationName === MDCChipAnimation.EXIT) {\n this.adapter.removeClass(MDCChipCssClasses.EXIT);\n this.adapter.addClass(MDCChipCssClasses.HIDDEN);\n const width = this.adapter.getOffsetWidth();\n this.adapter.setStyleProperty('width', `${width}px`);\n // Wait two frames so the width gets applied correctly.\n this.animFrame.request(AnimationKeys.EXIT, () => {\n this.animFrame.request(AnimationKeys.EXIT, () => {\n this.adapter.setStyleProperty('width', '0');\n });\n });\n }\n }\n\n handleTransitionEnd() {\n if (!this.adapter.hasClass(MDCChipCssClasses.HIDDEN)) return;\n\n this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n MDCChipEvents.ANIMATION, {\n chipID: this.getElementID(),\n animation: MDCChipAnimation.EXIT,\n removedAnnouncement: this.getRemovedAnnouncement(),\n isComplete: true,\n });\n }\n\n handleActionInteraction({detail}: ActionInteractionEvent) {\n const {source, actionID} = detail;\n const isSelectable = this.adapter.isActionSelectable(source);\n const isSelected = this.adapter.isActionSelected(source);\n\n this.adapter.emitEvent<MDCChipInteractionEventDetail>(\n MDCChipEvents.INTERACTION, {\n chipID: this.getElementID(),\n shouldRemove: this.shouldRemove(detail),\n actionID,\n isSelectable,\n isSelected,\n source,\n });\n }\n\n handleActionNavigation({detail}: ActionNavigationEvent) {\n const {source, key} = detail;\n const isRTL = this.adapter.isRTL();\n const isTrailingActionFocusable =\n this.adapter.isActionFocusable(MDCChipActionType.TRAILING);\n const isPrimaryActionFocusable =\n this.adapter.isActionFocusable(MDCChipActionType.PRIMARY);\n const dir = this.directionFromKey(key, isRTL);\n\n const shouldNavigateToTrailing = source === MDCChipActionType.PRIMARY &&\n dir === Direction.RIGHT && isTrailingActionFocusable;\n\n const shouldNavigateToPrimary = source === MDCChipActionType.TRAILING &&\n dir === Direction.LEFT && isPrimaryActionFocusable;\n\n if (shouldNavigateToTrailing) {\n this.navigateActions({from: source, to: MDCChipActionType.TRAILING});\n return;\n }\n\n if (shouldNavigateToPrimary) {\n this.navigateActions({from: source, to: MDCChipActionType.PRIMARY});\n return;\n }\n\n this.adapter.emitEvent<MDCChipNavigationEventDetail>(\n MDCChipEvents.NAVIGATION, {\n chipID: this.getElementID(),\n isRTL,\n source,\n key,\n });\n }\n\n private directionFromKey(key: string, isRTL: boolean): Direction {\n const isLeftKey = key === 'ArrowLeft';\n const isRightKey = key === 'ArrowRight';\n if (!isRTL && isLeftKey || isRTL && isRightKey) {\n return Direction.LEFT;\n }\n\n if (!isRTL && isRightKey || isRTL && isLeftKey) {\n return Direction.RIGHT;\n }\n\n return Direction.UNSPECIFIED;\n }\n\n private navigateActions(nav: Navigation) {\n this.adapter.setActionFocus(\n nav.from, MDCChipActionFocusBehavior.NOT_FOCUSABLE);\n this.adapter.setActionFocus(\n nav.to, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n }\n\n private shouldRemove({source, trigger}: MDCChipActionInteractionEventDetail):\n boolean {\n if (trigger === MDCChipActionInteractionTrigger.BACKSPACE_KEY ||\n trigger === MDCChipActionInteractionTrigger.DELETE_KEY) {\n return true;\n }\n\n return source === MDCChipActionType.TRAILING;\n }\n\n private getRemovedAnnouncement(): string|undefined {\n const msg =\n this.adapter.getAttribute(MDCChipAttributes.DATA_REMOVED_ANNOUNCEMENT);\n return msg || undefined;\n }\n\n private getAddedAnnouncement(): string|undefined {\n const msg =\n this.adapter.getAttribute(MDCChipAttributes.DATA_ADDED_ANNOUNCEMENT);\n return msg || undefined;\n }\n\n private animateSelection(isSelected: boolean) {\n this.resetAnimationStyles();\n // Wait two frames to ensure the animation classes are unset\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.updateSelectionStyles(isSelected);\n });\n });\n }\n\n private resetAnimationStyles() {\n this.adapter.removeClass(MDCChipCssClasses.SELECTING);\n this.adapter.removeClass(MDCChipCssClasses.DESELECTING);\n this.adapter.removeClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n this.adapter.removeClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n }\n\n private updateSelectionStyles(isSelected: boolean) {\n const hasIcon = this.adapter.hasClass(MDCChipCssClasses.WITH_PRIMARY_ICON);\n if (hasIcon && isSelected) {\n this.adapter.addClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.addClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n\n if (hasIcon && !isSelected) {\n this.adapter.addClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n\n if (isSelected) {\n this.adapter.addClass(MDCChipCssClasses.SELECTING);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.addClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n\n if (!isSelected) {\n this.adapter.addClass(MDCChipCssClasses.DESELECTING);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n }\n}\n"]}
@@ -1,21 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/link-action.js';
7
- import { TemplateResult } from 'lit';
8
- import { Chip } from './chip.js';
9
- /** @soyCompatible */
10
- export declare class LinkChip extends Chip {
11
- href: string;
12
- target: string;
13
- /**
14
- * @soyTemplate
15
- * @soyAttributes attributes: .md3-chip
16
- * @soyAttributes linkAttributes: .md3-chip__action
17
- */
18
- protected render(): TemplateResult;
19
- /** @soyTemplate */
20
- private renderPrimaryAction;
21
- }
@@ -1,53 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate, __metadata } from "tslib";
7
- // import '@material/web/chips/action.js';
8
- import '../../action/link-action.js';
9
- import { html } from 'lit';
10
- import { property } from 'lit/decorators.js';
11
- import { classMap } from 'lit/directives/class-map.js';
12
- import { Chip } from './chip.js';
13
- /** @soyCompatible */
14
- export class LinkChip extends Chip {
15
- /**
16
- * @soyTemplate
17
- * @soyAttributes attributes: .md3-chip
18
- * @soyAttributes linkAttributes: .md3-chip__action
19
- */
20
- render() {
21
- return html `
22
- <span class="${classMap(this.getRootClasses())}" role="row">
23
- ${this.renderOverlay()}
24
- <span class="md3-chip__cell md3-chip__cell--primary" role="gridcell">
25
- ${this.renderPrimaryAction()}
26
- </span>
27
- ${this.renderDeleteAction()}
28
- </span>`;
29
- }
30
- /** @soyTemplate */
31
- renderPrimaryAction() {
32
- return html `
33
- <md-link-action
34
- ?disabled=${this.disabled}
35
- ?isFocusable=${this.isFocusable}
36
- ?isTouchable=${this.isTouchable}
37
- .icon=${this.icon}
38
- .label=${this.label}
39
- .ariaLabel=${this.ariaLabel}
40
- .href=${this.href}
41
- .target=${this.target}>
42
- </md-link-action>`;
43
- }
44
- }
45
- __decorate([
46
- property({ type: String }),
47
- __metadata("design:type", String)
48
- ], LinkChip.prototype, "href", void 0);
49
- __decorate([
50
- property({ type: String }),
51
- __metadata("design:type", String)
52
- ], LinkChip.prototype, "target", void 0);
53
- //# sourceMappingURL=link-chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link-chip.js","sourceRoot":"","sources":["link-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,0CAA0C;AAC1C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,QAAS,SAAQ,IAAI;IAKhC;;;;OAIG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;;YAElB,IAAI,CAAC,mBAAmB,EAAE;;UAE5B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;kBACnB,IAAI,CAAC,IAAI;oBACP,IAAI,CAAC,MAAM;wBACP,CAAC;IACvB,CAAC;CACF;AAlCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;sCAAe;AAExC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// import '@material/web/chips/action.js';\nimport '../../action/link-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class LinkChip extends Chip {\n @property({type: String}) href!: string;\n\n @property({type: String}) target!: string;\n\n /**\n * @soyTemplate\n * @soyAttributes attributes: .md3-chip\n * @soyAttributes linkAttributes: .md3-chip__action\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\" role=\"row\">\n ${this.renderOverlay()}\n <span class=\"md3-chip__cell md3-chip__cell--primary\" role=\"gridcell\">\n ${this.renderPrimaryAction()}\n </span>\n ${this.renderDeleteAction()}\n </span>`;\n }\n\n /** @soyTemplate */\n private renderPrimaryAction(): TemplateResult {\n return html`\n <md-link-action\n ?disabled=${this.disabled}\n ?isFocusable=${this.isFocusable}\n ?isTouchable=${this.isTouchable}\n .icon=${this.icon}\n .label=${this.label}\n .ariaLabel=${this.ariaLabel}\n .href=${this.href}\n .target=${this.target}>\n </md-link-action>`;\n }\n}\n"]}
@@ -1,18 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/presentational-action.js';
7
- import { TemplateResult } from 'lit';
8
- import { Chip } from './chip.js';
9
- /** @soyCompatible */
10
- export declare class PresentationalChip extends Chip {
11
- /**
12
- * @soyTemplate
13
- * @soyAttributes attributes: .md3-chip
14
- */
15
- protected render(): TemplateResult;
16
- /** @soyTemplate */
17
- private renderPrimaryAction;
18
- }
@@ -1,39 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/presentational-action.js';
7
- import { html } from 'lit';
8
- import { classMap } from 'lit/directives/class-map.js';
9
- import { Chip } from './chip.js';
10
- /** @soyCompatible */
11
- export class PresentationalChip extends Chip {
12
- /**
13
- * @soyTemplate
14
- * @soyAttributes attributes: .md3-chip
15
- */
16
- render() {
17
- return html `
18
- <span class="${classMap(this.getRootClasses())}" role="row">
19
- ${this.renderOverlay()}
20
- <span class="md3-chip__cell md3-chip__cell--primary" role="gridcell">
21
- ${this.renderPrimaryAction()}
22
- </span>
23
- ${this.renderDeleteAction()}
24
- </span>`;
25
- }
26
- /** @soyTemplate */
27
- renderPrimaryAction() {
28
- return html `
29
- <md-presentational-action
30
- ?disabled=${this.disabled}
31
- ?isFocusable=${this.isFocusable}
32
- ?isTouchable=${this.isTouchable}
33
- .icon=${this.icon}
34
- .label=${this.label}
35
- .ariaLabel=${this.ariaLabel}>
36
- </md-presentational-action>`;
37
- }
38
- }
39
- //# sourceMappingURL=presentational-chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"presentational-chip.js","sourceRoot":"","sources":["presentational-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,uCAAuC,CAAC;AAE/C,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,kBAAmB,SAAQ,IAAI;IAC1C;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;;YAElB,IAAI,CAAC,mBAAmB,EAAE;;UAE5B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;kCACH,CAAC;IACjC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../action/presentational-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class PresentationalChip extends Chip {\n /**\n * @soyTemplate\n * @soyAttributes attributes: .md3-chip\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\" role=\"row\">\n ${this.renderOverlay()}\n <span class=\"md3-chip__cell md3-chip__cell--primary\" role=\"gridcell\">\n ${this.renderPrimaryAction()}\n </span>\n ${this.renderDeleteAction()}\n </span>`;\n }\n\n /** @soyTemplate */\n private renderPrimaryAction(): TemplateResult {\n return html`\n <md-presentational-action\n ?disabled=${this.disabled}\n ?isFocusable=${this.isFocusable}\n ?isTouchable=${this.isTouchable}\n .icon=${this.icon}\n .label=${this.label}\n .ariaLabel=${this.ariaLabel}>\n </md-presentational-action>`;\n }\n}\n\n"]}
@@ -1,22 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/selectable-action.js';
7
- import { TemplateResult } from 'lit';
8
- import { ClassInfo } from 'lit/directives/class-map.js';
9
- import { Chip } from './chip.js';
10
- /** @soyCompatible */
11
- export declare class SelectableChip extends Chip {
12
- selected: boolean;
13
- /**
14
- * @soyTemplate
15
- * @soyAttributes attributes: .md3-chip
16
- */
17
- protected render(): TemplateResult;
18
- /** @soyTemplate */
19
- protected getRootClasses(): ClassInfo;
20
- /** @soyTemplate */
21
- private renderPrimaryAction;
22
- }
@@ -1,57 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate, __metadata } from "tslib";
7
- import '../../action/selectable-action.js';
8
- import { html } from 'lit';
9
- import { property } from 'lit/decorators.js';
10
- import { classMap } from 'lit/directives/class-map.js';
11
- import { Chip } from './chip.js';
12
- /** @soyCompatible */
13
- export class SelectableChip extends Chip {
14
- constructor() {
15
- super(...arguments);
16
- this.selected = false;
17
- }
18
- /**
19
- * @soyTemplate
20
- * @soyAttributes attributes: .md3-chip
21
- */
22
- render() {
23
- return html `
24
- <span class="${classMap(this.getRootClasses())}" role="presentation">
25
- ${this.renderOverlay()}
26
- ${this.renderPrimaryAction()}
27
- ${this.renderDeleteAction()}
28
- </span>`;
29
- }
30
- /** @soyTemplate */
31
- getRootClasses() {
32
- return {
33
- ...super.getRootClasses(),
34
- 'md3-chip--with-primary-graphic': true,
35
- 'md3-chip--selectable': true,
36
- 'md3-chip--selected': this.selected,
37
- };
38
- }
39
- /** @soyTemplate */
40
- renderPrimaryAction() {
41
- return html `
42
- <md-selectable-action
43
- ?disabled=${this.disabled}
44
- ?selected=${this.selected}
45
- ?isFocusable=${this.isFocusable}
46
- ?isTouchable=${this.isTouchable}
47
- .icon=${this.icon}
48
- .label=${this.label}
49
- .ariaLabel=${this.ariaLabel}>
50
- </md-selectable-action>`;
51
- }
52
- }
53
- __decorate([
54
- property({ type: Boolean, reflect: true }),
55
- __metadata("design:type", Object)
56
- ], SelectableChip.prototype, "selected", void 0);
57
- //# sourceMappingURL=selectable-chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selectable-chip.js","sourceRoot":"","sources":["selectable-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,IAAI;IAAxC;;QAC4C,aAAQ,GAAG,KAAK,CAAC;IAsC7D,CAAC;IApCC;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,mBAAmB,EAAE;UAC1B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,gCAAgC,EAAE,IAAI;YACtC,sBAAsB,EAAE,IAAI;YAC5B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;SACpC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;8BACP,CAAC;IAC7B,CAAC;CACF;AAtCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;gDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../action/selectable-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class SelectableChip extends Chip {\n @property({type: Boolean, reflect: true}) selected = false;\n\n /**\n * @soyTemplate\n * @soyAttributes attributes: .md3-chip\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\" role=\"presentation\">\n ${this.renderOverlay()}\n ${this.renderPrimaryAction()}\n ${this.renderDeleteAction()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip--with-primary-graphic': true,\n 'md3-chip--selectable': true,\n 'md3-chip--selected': this.selected,\n };\n }\n\n /** @soyTemplate */\n private renderPrimaryAction(): TemplateResult {\n return html`\n <md-selectable-action\n ?disabled=${this.disabled}\n ?selected=${this.selected}\n ?isFocusable=${this.isFocusable}\n ?isTouchable=${this.isTouchable}\n .icon=${this.icon}\n .label=${this.label}\n .ariaLabel=${this.ariaLabel}>\n </md-selectable-action>`;\n }\n}\n\n"]}
@@ -1,42 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { MDCChipActionType } from '../../action/lib/constants.js';
7
- import { MDCChipActionInteractionEventDetail, MDCChipActionNavigationEventDetail } from '../../action/lib/types.js';
8
- import { MDCChipAnimation } from './constants.js';
9
- /** MDCChipInteractionEventDetail provides details for the interaction event. */
10
- export interface MDCChipInteractionEventDetail {
11
- actionID: string;
12
- chipID: string;
13
- source: MDCChipActionType;
14
- shouldRemove: boolean;
15
- isSelectable: boolean;
16
- isSelected: boolean;
17
- }
18
- /** MDCChipNavigationEventDetail provides details for the navigation event. */
19
- export interface MDCChipNavigationEventDetail {
20
- chipID: string;
21
- source: MDCChipActionType;
22
- key: string;
23
- isRTL: boolean;
24
- }
25
- /**
26
- * MDCChipAnimationEventDetail provides details for the animation event.
27
- */
28
- export interface MDCChipAnimationEventDetail {
29
- chipID: string;
30
- animation: MDCChipAnimation;
31
- isComplete: boolean;
32
- addedAnnouncement?: string;
33
- removedAnnouncement?: string;
34
- }
35
- /**
36
- * MDCChipActionInteractionEvent is the custom event for the interaction event.
37
- */
38
- export type ActionInteractionEvent = CustomEvent<MDCChipActionInteractionEventDetail>;
39
- /**
40
- * MDCChipActionInteractionEvent is the custom event for the interaction event.
41
- */
42
- export type ActionNavigationEvent = CustomEvent<MDCChipActionNavigationEventDetail>;
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- export {};
7
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipActionInteractionEventDetail, MDCChipActionNavigationEventDetail} from '../../action/lib/types.js';\n\nimport {MDCChipAnimation} from './constants.js';\n\n/** MDCChipInteractionEventDetail provides details for the interaction event. */\nexport interface MDCChipInteractionEventDetail {\n actionID: string;\n chipID: string;\n source: MDCChipActionType;\n shouldRemove: boolean;\n isSelectable: boolean;\n isSelected: boolean;\n}\n\n/** MDCChipNavigationEventDetail provides details for the navigation event. */\nexport interface MDCChipNavigationEventDetail {\n chipID: string;\n source: MDCChipActionType;\n key: string;\n isRTL: boolean;\n}\n\n/**\n * MDCChipAnimationEventDetail provides details for the animation event.\n */\nexport interface MDCChipAnimationEventDetail {\n chipID: string;\n animation: MDCChipAnimation;\n isComplete: boolean;\n addedAnnouncement?: string;\n removedAnnouncement?: string;\n}\n\n/**\n * MDCChipActionInteractionEvent is the custom event for the interaction event.\n */\nexport type ActionInteractionEvent =\n CustomEvent<MDCChipActionInteractionEventDetail>;\n\n/**\n * MDCChipActionInteractionEvent is the custom event for the interaction event.\n */\nexport type ActionNavigationEvent =\n CustomEvent<MDCChipActionNavigationEventDetail>;\n"]}
@@ -1,50 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
-
7
- // go/keep-sorted start
8
- @use 'sass:math';
9
- // go/keep-sorted end
10
-
11
- // stylelint-disable selector-class-pattern -- MDC internal usage.
12
-
13
- $space-between-chips: 8px;
14
-
15
- ///
16
- /// Sets the horiontal space between the chips in the chip set.
17
- /// @param {Number} $space - The horizontal space between the chips.
18
- ///
19
- @mixin horizontal-space-between-chips($space) {
20
- ///
21
- /// We should use the column-gap property when our browser matrix allows.
22
- ///
23
-
24
- .md3-chip-set__chips {
25
- // Set the margin to the negative horizontal space to account for chips
26
- // being inset on the leading edge.
27
- // TODO(b/248173007): Explore using CSS grid layout instead.
28
- margin-inline-start: -$space;
29
- }
30
-
31
- .md3-chip {
32
- margin-inline-start: $space;
33
- }
34
- }
35
-
36
- ///
37
- /// Sets the vertical space between the chips in the chip set.
38
- /// @param {Number} $space - The vertical space between the chips.
39
- ///
40
- @mixin vertical-space-between-chips($space) {
41
- ///
42
- /// We should use the row-gap property when our browser matrix allows.
43
- ///
44
-
45
- .md3-chip {
46
- // Set top and bottom to half the vertical space since there's no
47
- // well supported method for vertical wrapping gaps.
48
- margin-block: math.div($space, 2);
49
- }
50
- }