@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,12 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TemplateResult } from 'lit';
7
- import { ClassInfo } from 'lit/directives/class-map.js';
8
- import { LinkButton } from './link-button.js';
9
- export declare class OutlinedLinkButton extends LinkButton {
10
- protected getRenderClasses(): ClassInfo;
11
- protected renderOutline(): TemplateResult;
12
- }
@@ -1,20 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { html } from 'lit';
7
- import { LinkButton } from './link-button.js';
8
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
9
- export class OutlinedLinkButton extends LinkButton {
10
- getRenderClasses() {
11
- return {
12
- ...super.getRenderClasses(),
13
- 'md3-button--outlined': true,
14
- };
15
- }
16
- renderOutline() {
17
- return html `<span class="md3-button__outline"></span>`;
18
- }
19
- }
20
- //# sourceMappingURL=outlined-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAC7B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA,2CAA2C,CAAC;IACzD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class OutlinedLinkButton extends LinkButton {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--outlined': true,\n };\n }\n\n protected override renderOutline(): TemplateResult {\n return html`<span class=\"md3-button__outline\"></span>`;\n }\n}\n"]}
@@ -1,10 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { ClassInfo } from 'lit/directives/class-map.js';
7
- import { LinkButton } from './link-button.js';
8
- export declare class TextLinkButton extends LinkButton {
9
- protected getRenderClasses(): ClassInfo;
10
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { LinkButton } from './link-button.js';
7
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
8
- export class TextLinkButton extends LinkButton {
9
- getRenderClasses() {
10
- return {
11
- ...super.getRenderClasses(),
12
- 'md3-button--text': true,
13
- };
14
- }
15
- }
16
- //# sourceMappingURL=text-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,cAAe,SAAQ,UAAU;IACzB,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 {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TextLinkButton extends LinkButton {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--text': true,\n };\n }\n}\n"]}
@@ -1,14 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../elevation/elevation.js';
7
- import { TemplateResult } from 'lit';
8
- import { ClassInfo } from 'lit/directives/class-map.js';
9
- import { LinkButton } from './link-button.js';
10
- export declare class TonalLinkButton extends LinkButton {
11
- protected getRenderClasses(): ClassInfo;
12
- /** @soyTemplate */
13
- protected renderElevation(): TemplateResult;
14
- }
@@ -1,22 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../elevation/elevation.js';
7
- import { html } from 'lit';
8
- import { LinkButton } from './link-button.js';
9
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
10
- export class TonalLinkButton extends LinkButton {
11
- getRenderClasses() {
12
- return {
13
- ...super.getRenderClasses(),
14
- 'md3-button--tonal': true,
15
- };
16
- }
17
- /** @soyTemplate */
18
- renderElevation() {
19
- return html `<md-elevation shadow></md-elevation>`;
20
- }
21
- }
22
- //# sourceMappingURL=tonal-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAC1B,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 {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TonalLinkButton extends LinkButton {\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,36 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { OutlinedLinkButton } from './lib/outlined-link-button.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-outlined-link-button': MdOutlinedLinkButton;
10
- }
11
- }
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
18
- * from other onscreen elements.
19
- *
20
- * __Rationale:__ Use an outlined button for actions that need attention but
21
- * aren’t the primary action, such as “See all” or “Add to cart.” This is also
22
- * the button to use for giving someone the opportunity to change their mind or
23
- * escape a flow.
24
- *
25
- * __Example usages:__
26
- * - Reply
27
- * - View all
28
- * - Add to cart
29
- * - Take out of trash
30
- *
31
- * @final
32
- * @suppress {visibility}
33
- */
34
- export declare class MdOutlinedLinkButton extends OutlinedLinkButton {
35
- static styles: import("lit").CSSResult[];
36
- }
@@ -1,40 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { OutlinedLinkButton } from './lib/outlined-link-button.js';
9
- import { styles as outlinedStyles } from './lib/outlined-styles.css.js';
10
- import { styles as sharedStyles } from './lib/shared-styles.css.js';
11
- /**
12
- * @summary Buttons help people take action, such as sending an email, sharing a
13
- * document, or liking a comment. This is a linkable variant.
14
- *
15
- * @description
16
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
17
- * from other onscreen elements.
18
- *
19
- * __Rationale:__ Use an outlined button for actions that need attention but
20
- * aren’t the primary action, such as “See all” or “Add to cart.” This is also
21
- * the button to use for giving someone the opportunity to change their mind or
22
- * escape a flow.
23
- *
24
- * __Example usages:__
25
- * - Reply
26
- * - View all
27
- * - Add to cart
28
- * - Take out of trash
29
- *
30
- * @final
31
- * @suppress {visibility}
32
- */
33
- let MdOutlinedLinkButton = class MdOutlinedLinkButton extends OutlinedLinkButton {
34
- };
35
- MdOutlinedLinkButton.styles = [sharedStyles, outlinedStyles];
36
- MdOutlinedLinkButton = __decorate([
37
- customElement('md-outlined-link-button')
38
- ], MdOutlinedLinkButton);
39
- export { MdOutlinedLinkButton };
40
- //# sourceMappingURL=outlined-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;;AAC1C,2BAAM,GAAG,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAD7C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAEhC;SAFY,oBAAoB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {OutlinedLinkButton} from './lib/outlined-link-button.js';\nimport {styles as outlinedStyles} from './lib/outlined-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-outlined-link-button': MdOutlinedLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Use an outlined button for actions that need attention but\n * aren’t the primary action, such as “See all” or “Add to cart.” This is also\n * the button to use for giving someone the opportunity to change their mind or\n * escape a flow.\n *\n * __Example usages:__\n * - Reply\n * - View all\n * - Add to cart\n * - Take out of trash\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-outlined-link-button')\nexport class MdOutlinedLinkButton extends OutlinedLinkButton {\n static override styles = [sharedStyles, outlinedStyles];\n}\n"]}
@@ -1,34 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TextLinkButton } from './lib/text-link-button.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-text-link-button': MdTextLinkButton;
10
- }
11
- }
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
18
- * least amount of prominence
19
- *
20
- * __Rationale:__ Text buttons have less visual prominence, so should be used
21
- * for low emphasis actions, such as an alternative option.
22
- *
23
- * __Example usages:__
24
- * - Learn more
25
- * - View all
26
- * - Change account
27
- * - Turn on
28
- *
29
- * @final
30
- * @suppress {visibility}
31
- */
32
- export declare class MdTextLinkButton extends TextLinkButton {
33
- static styles: import("lit").CSSResult[];
34
- }
@@ -1,38 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { styles as sharedStyles } from './lib/shared-styles.css.js';
9
- import { TextLinkButton } from './lib/text-link-button.js';
10
- import { styles as textStyles } from './lib/text-styles.css.js';
11
- /**
12
- * @summary Buttons help people take action, such as sending an email, sharing a
13
- * document, or liking a comment. This is a linkable variant.
14
- *
15
- * @description
16
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
17
- * least amount of prominence
18
- *
19
- * __Rationale:__ Text buttons have less visual prominence, so should be used
20
- * for low emphasis actions, such as an alternative option.
21
- *
22
- * __Example usages:__
23
- * - Learn more
24
- * - View all
25
- * - Change account
26
- * - Turn on
27
- *
28
- * @final
29
- * @suppress {visibility}
30
- */
31
- let MdTextLinkButton = class MdTextLinkButton extends TextLinkButton {
32
- };
33
- MdTextLinkButton.styles = [sharedStyles, textStyles];
34
- MdTextLinkButton = __decorate([
35
- customElement('md-text-link-button')
36
- ], MdTextLinkButton);
37
- export { MdTextLinkButton };
38
- //# sourceMappingURL=text-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;GAmBG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,cAAc;;AAClC,uBAAM,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AADzC,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAE5B;SAFY,gBAAgB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TextLinkButton} from './lib/text-link-button.js';\nimport {styles as textStyles} from './lib/text-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-text-link-button': MdTextLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence\n *\n * __Rationale:__ Text buttons have less visual prominence, so should be used\n * for low emphasis actions, such as an alternative option.\n *\n * __Example usages:__\n * - Learn more\n * - View all\n * - Change account\n * - Turn on\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-text-link-button')\nexport class MdTextLinkButton extends TextLinkButton {\n static override styles = [sharedStyles, textStyles];\n}\n"]}
@@ -1,35 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TonalLinkButton } from './lib/tonal-link-button.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-tonal-link-button': MdTonalLinkButton;
10
- }
11
- }
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
18
- * from other onscreen elements.
19
- *
20
- * __Rationale:__ Filled tonal buttons have a lighter background color and
21
- * darker label color, making them less visually prominent than a regular,
22
- * filled button. They’re still used for final or unblocking actions in a flow,
23
- * but do so with less emphasis.
24
- *
25
- * __Example usages:__
26
- * - Save
27
- * - Confirm
28
- * - Done
29
- *
30
- * @final
31
- * @suppress {visibility}
32
- */
33
- export declare class MdTonalLinkButton extends TonalLinkButton {
34
- static styles: import("lit").CSSResult[];
35
- }
@@ -1,40 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
9
- import { styles as sharedStyles } from './lib/shared-styles.css.js';
10
- import { TonalLinkButton } from './lib/tonal-link-button.js';
11
- import { styles as tonalStyles } from './lib/tonal-styles.css.js';
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
18
- * from other onscreen elements.
19
- *
20
- * __Rationale:__ Filled tonal buttons have a lighter background color and
21
- * darker label color, making them less visually prominent than a regular,
22
- * filled button. They’re still used for final or unblocking actions in a flow,
23
- * but do so with less emphasis.
24
- *
25
- * __Example usages:__
26
- * - Save
27
- * - Confirm
28
- * - Done
29
- *
30
- * @final
31
- * @suppress {visibility}
32
- */
33
- let MdTonalLinkButton = class MdTonalLinkButton extends TonalLinkButton {
34
- };
35
- MdTonalLinkButton.styles = [sharedStyles, sharedElevationStyles, tonalStyles];
36
- MdTonalLinkButton = __decorate([
37
- customElement('md-tonal-link-button')
38
- ], MdTonalLinkButton);
39
- export { MdTonalLinkButton };
40
- //# sourceMappingURL=tonal-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAC,MAAM,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AAQhE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,eAAe;;AACpC,wBAAM,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;AADjE,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAE7B;SAFY,iBAAiB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TonalLinkButton} from './lib/tonal-link-button.js';\nimport {styles as tonalStyles} from './lib/tonal-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-tonal-link-button': MdTonalLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Filled tonal buttons have a lighter background color and\n * darker label color, making them less visually prominent than a regular,\n * filled button. They’re still used for final or unblocking actions in a flow,\n * but do so with less emphasis.\n *\n * __Example usages:__\n * - Save\n * - Confirm\n * - Done\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-tonal-link-button')\nexport class MdTonalLinkButton extends TonalLinkButton {\n static override styles = [sharedStyles, sharedElevationStyles, tonalStyles];\n}\n"]}
@@ -1,18 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { DeleteAction } from './lib/delete-action.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-delete-action': MdDeleteAction;
10
- }
11
- }
12
- /**
13
- * @soyCompatible
14
- * @final
15
- * @suppress {visibility}
16
- */
17
- export declare class MdDeleteAction extends DeleteAction {
18
- }
@@ -1,20 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { DeleteAction } from './lib/delete-action.js';
9
- /**
10
- * @soyCompatible
11
- * @final
12
- * @suppress {visibility}
13
- */
14
- let MdDeleteAction = class MdDeleteAction extends DeleteAction {
15
- };
16
- MdDeleteAction = __decorate([
17
- customElement('md-delete-action')
18
- ], MdDeleteAction);
19
- export { MdDeleteAction };
20
- //# sourceMappingURL=delete-action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"delete-action.js","sourceRoot":"","sources":["delete-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAQpD;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,YAAY;CAAG,CAAA;AAAtC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAAwB;SAAtC,cAAc","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {DeleteAction} from './lib/delete-action.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-delete-action': MdDeleteAction;\n }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-delete-action')\nexport class MdDeleteAction extends DeleteAction {}\n"]}
@@ -1,47 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../../focus/focus-ring.js';
7
- import '../../../ripple/ripple.js';
8
- import { TemplateResult } from 'lit';
9
- import { ClassInfo } from 'lit/directives/class-map.js';
10
- import { ActionElement, BeginPressConfig, EndPressConfig } from '../../../actionelement/action-element.js';
11
- import { MdRipple } from '../../../ripple/ripple.js';
12
- /**
13
- * Base class for all actions.
14
- * @soyCompatible
15
- */
16
- export declare abstract class Action extends ActionElement {
17
- isDeletable: boolean;
18
- isFocusable: boolean;
19
- isTouchable: boolean;
20
- disabled: boolean;
21
- showFocusRing: boolean;
22
- ripple?: MdRipple | null;
23
- /** @soyPrefixAttribute */
24
- ariaLabel: string;
25
- /** @soyTemplate */
26
- protected getRootClasses(): ClassInfo;
27
- /** @soyTemplate */
28
- protected getRippleClasses(): ClassInfo;
29
- /** @soyTemplate */
30
- protected renderTouchTarget(): TemplateResult;
31
- /** @soyTemplate */
32
- protected renderRipple(): TemplateResult;
33
- /** @soyTemplate */
34
- protected renderFocusRing(): TemplateResult;
35
- protected handleFocus(): void;
36
- protected handleBlur(): void;
37
- beginPress({ positionEvent }: BeginPressConfig): void;
38
- endPress(options: EndPressConfig): void;
39
- protected handlePointerEnter(e: PointerEvent): void;
40
- handlePointerLeave(e: PointerEvent): void;
41
- handlePointerDown(e: PointerEvent): void;
42
- handleClick(e: MouseEvent): void;
43
- protected handleKeyDown(e: KeyboardEvent): void;
44
- protected getInteractionEvent(): string;
45
- private dispatchCustomEvent;
46
- private isRTL;
47
- }
@@ -1,162 +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 '../../../focus/focus-ring.js';
8
- import '../../../ripple/ripple.js';
9
- import { html } from 'lit';
10
- import { property, query, state } from 'lit/decorators.js';
11
- import { classMap } from 'lit/directives/class-map.js';
12
- import { ActionElement } from '../../../actionelement/action-element.js';
13
- import { ariaProperty } from '../../../decorators/aria-property.js';
14
- import { pointerPress, shouldShowStrongFocus } from '../../../focus/strong-focus.js';
15
- import { MdRipple } from '../../../ripple/ripple.js';
16
- import { Md3ChipActionEventType } from './events.js';
17
- /**
18
- * Base class for all actions.
19
- * @soyCompatible
20
- */
21
- export class Action extends ActionElement {
22
- constructor() {
23
- super(...arguments);
24
- this.isDeletable = false;
25
- this.isFocusable = false;
26
- this.isTouchable = false;
27
- this.disabled = false;
28
- this.showFocusRing = false;
29
- }
30
- /** @soyTemplate */
31
- getRootClasses() {
32
- return {
33
- 'md3-chip__action': true,
34
- };
35
- }
36
- /** @soyTemplate */
37
- getRippleClasses() {
38
- return {
39
- 'md3-chip__ripple': true,
40
- };
41
- }
42
- /** @soyTemplate */
43
- renderTouchTarget() {
44
- return this.isTouchable ?
45
- html `<span class="md3-chip__action-touch"></span>` :
46
- html ``;
47
- }
48
- /** @soyTemplate */
49
- renderRipple() {
50
- return html `
51
- <md-ripple class="${classMap(this.getRippleClasses())}"
52
- ?disabled="${this.disabled}">
53
- </md-ripple>`;
54
- }
55
- /** @soyTemplate */
56
- renderFocusRing() {
57
- return html `
58
- <md-focus-ring .visible="${this.showFocusRing}"></md-focus-ring>`;
59
- }
60
- handleFocus() {
61
- this.showFocusRing = shouldShowStrongFocus();
62
- }
63
- handleBlur() {
64
- this.showFocusRing = false;
65
- }
66
- beginPress({ positionEvent }) {
67
- // TODO(b/253297063): connect to ripple
68
- }
69
- endPress(options) {
70
- super.endPress(options);
71
- // TODO(b/253297063): connect to ripple
72
- if (!options.cancelled) {
73
- this.dispatchCustomEvent(this.getInteractionEvent());
74
- }
75
- }
76
- handlePointerEnter(e) {
77
- this.ripple?.handlePointerenter(e);
78
- }
79
- handlePointerLeave(e) {
80
- super.handlePointerLeave(e);
81
- this.ripple?.handlePointerleave(e);
82
- }
83
- handlePointerDown(e) {
84
- super.handlePointerDown(e);
85
- pointerPress();
86
- this.showFocusRing = shouldShowStrongFocus();
87
- }
88
- handleClick(e) {
89
- super.handleClick(e);
90
- this.dispatchCustomEvent(this.getInteractionEvent());
91
- }
92
- handleKeyDown(e) {
93
- switch (e.key) {
94
- case 'Enter':
95
- case ' ':
96
- this.dispatchCustomEvent(this.getInteractionEvent());
97
- break;
98
- case 'Delete':
99
- case 'Backspace':
100
- if (this.isDeletable) {
101
- this.dispatchCustomEvent(Md3ChipActionEventType.DELETE);
102
- }
103
- break;
104
- case 'ArrowLeft':
105
- this.dispatchCustomEvent(this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_NEXT :
106
- Md3ChipActionEventType.NAVIGATE_TO_PREV);
107
- break;
108
- case 'ArrowRight':
109
- this.dispatchCustomEvent(this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_PREV :
110
- Md3ChipActionEventType.NAVIGATE_TO_NEXT);
111
- break;
112
- case 'Home':
113
- this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_FIRST);
114
- break;
115
- case 'End':
116
- this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_LAST);
117
- break;
118
- default:
119
- // Unhandled key, do nothing.
120
- }
121
- }
122
- getInteractionEvent() {
123
- return Md3ChipActionEventType.SELECT;
124
- }
125
- dispatchCustomEvent(eventType) {
126
- this.dispatchEvent(new CustomEvent(eventType, { bubbles: true, composed: true }));
127
- }
128
- isRTL() {
129
- return getComputedStyle(this).getPropertyValue('direction') === 'rtl';
130
- }
131
- }
132
- __decorate([
133
- property({ type: Boolean, reflect: true }),
134
- __metadata("design:type", Object)
135
- ], Action.prototype, "isDeletable", void 0);
136
- __decorate([
137
- property({ type: Boolean, reflect: true }),
138
- __metadata("design:type", Object)
139
- ], Action.prototype, "isFocusable", void 0);
140
- __decorate([
141
- property({ type: Boolean, reflect: true }),
142
- __metadata("design:type", Object)
143
- ], Action.prototype, "isTouchable", void 0);
144
- __decorate([
145
- property({ type: Boolean, reflect: true }),
146
- __metadata("design:type", Object)
147
- ], Action.prototype, "disabled", void 0);
148
- __decorate([
149
- state(),
150
- __metadata("design:type", Object)
151
- ], Action.prototype, "showFocusRing", void 0);
152
- __decorate([
153
- query('md-ripple'),
154
- __metadata("design:type", MdRipple)
155
- ], Action.prototype, "ripple", void 0);
156
- __decorate([
157
- ariaProperty // tslint:disable-line:no-new-decorators
158
- ,
159
- property({ type: String, attribute: 'aria-label' }),
160
- __metadata("design:type", String)
161
- ], Action.prototype, "ariaLabel", void 0);
162
- //# sourceMappingURL=action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action.js","sourceRoot":"","sources":["action.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 '../../../focus/focus-ring.js';\nimport '../../../ripple/ripple.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\n\nimport {ActionElement, BeginPressConfig, EndPressConfig} from '../../../actionelement/action-element.js';\nimport {ariaProperty} from '../../../decorators/aria-property.js';\nimport {pointerPress, shouldShowStrongFocus} from '../../../focus/strong-focus.js';\nimport {MdRipple} from '../../../ripple/ripple.js';\n\nimport {Md3ChipActionEventType} from './events.js';\n\n/**\n * Base class for all actions.\n * @soyCompatible\n */\nexport abstract class Action extends ActionElement {\n @property({type: Boolean, reflect: true}) isDeletable = false;\n\n @property({type: Boolean, reflect: true}) isFocusable = false;\n\n @property({type: Boolean, reflect: true}) isTouchable = false;\n\n @property({type: Boolean, reflect: true}) disabled = false;\n\n @state() showFocusRing = false;\n\n @query('md-ripple') ripple?: MdRipple|null;\n\n /** @soyPrefixAttribute */\n @ariaProperty // tslint:disable-line:no-new-decorators\n @property({type: String, attribute: 'aria-label'})\n override ariaLabel!: string;\n\n /** @soyTemplate */\n protected getRootClasses(): ClassInfo {\n return {\n 'md3-chip__action': true,\n };\n }\n\n /** @soyTemplate */\n protected getRippleClasses(): ClassInfo {\n return {\n 'md3-chip__ripple': true,\n };\n }\n\n /** @soyTemplate */\n protected renderTouchTarget(): TemplateResult {\n return this.isTouchable ?\n html`<span class=\"md3-chip__action-touch\"></span>` :\n html``;\n }\n\n /** @soyTemplate */\n protected renderRipple(): TemplateResult {\n return html`\n <md-ripple class=\"${classMap(this.getRippleClasses())}\"\n ?disabled=\"${this.disabled}\">\n </md-ripple>`;\n }\n\n /** @soyTemplate */\n protected renderFocusRing(): TemplateResult {\n return html`\n <md-focus-ring .visible=\"${this.showFocusRing}\"></md-focus-ring>`;\n }\n\n protected handleFocus() {\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n protected handleBlur() {\n this.showFocusRing = false;\n }\n\n override beginPress({positionEvent}: BeginPressConfig) {\n // TODO(b/253297063): connect to ripple\n }\n\n override endPress(options: EndPressConfig) {\n super.endPress(options);\n // TODO(b/253297063): connect to ripple\n if (!options.cancelled) {\n this.dispatchCustomEvent(this.getInteractionEvent());\n }\n }\n\n protected handlePointerEnter(e: PointerEvent) {\n this.ripple?.handlePointerenter(e);\n }\n\n override handlePointerLeave(e: PointerEvent) {\n super.handlePointerLeave(e);\n this.ripple?.handlePointerleave(e);\n }\n\n override handlePointerDown(e: PointerEvent) {\n super.handlePointerDown(e);\n pointerPress();\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n override handleClick(e: MouseEvent) {\n super.handleClick(e);\n this.dispatchCustomEvent(this.getInteractionEvent());\n }\n\n protected handleKeyDown(e: KeyboardEvent) {\n switch (e.key) {\n case 'Enter':\n case ' ':\n this.dispatchCustomEvent(this.getInteractionEvent());\n break;\n case 'Delete':\n case 'Backspace':\n if (this.isDeletable) {\n this.dispatchCustomEvent(Md3ChipActionEventType.DELETE);\n }\n break;\n case 'ArrowLeft':\n this.dispatchCustomEvent(\n this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_NEXT :\n Md3ChipActionEventType.NAVIGATE_TO_PREV);\n break;\n case 'ArrowRight':\n this.dispatchCustomEvent(\n this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_PREV :\n Md3ChipActionEventType.NAVIGATE_TO_NEXT);\n break;\n case 'Home':\n this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_FIRST);\n break;\n case 'End':\n this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_LAST);\n break;\n default:\n // Unhandled key, do nothing.\n }\n }\n\n protected getInteractionEvent(): string {\n return Md3ChipActionEventType.SELECT;\n }\n\n private dispatchCustomEvent(eventType: string) {\n this.dispatchEvent(\n new CustomEvent(eventType, {bubbles: true, composed: true}));\n }\n\n private isRTL(): boolean {\n return getComputedStyle(this).getPropertyValue('direction') === 'rtl';\n }\n}\n"]}