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

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 (636) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +41 -41
  3. package/badge/lib/_badge.scss +2 -10
  4. package/button/lib/_elevated-button.scss +5 -30
  5. package/button/lib/_elevation.scss +1 -16
  6. package/button/lib/_filled-button.scss +4 -31
  7. package/button/lib/_icon.scss +1 -0
  8. package/button/lib/_outlined-button.scss +6 -23
  9. package/button/lib/_shared.scss +20 -54
  10. package/button/lib/_text-button.scss +8 -34
  11. package/button/lib/_tonal-button.scss +5 -28
  12. package/button/lib/button.d.ts +2 -0
  13. package/button/lib/button.js +5 -1
  14. package/button/lib/button.js.map +1 -1
  15. package/button/lib/elevated-styles.css.js +1 -1
  16. package/button/lib/elevated-styles.css.js.map +1 -1
  17. package/button/lib/filled-styles.css.js +1 -1
  18. package/button/lib/filled-styles.css.js.map +1 -1
  19. package/button/lib/outlined-styles.css.js +1 -1
  20. package/button/lib/outlined-styles.css.js.map +1 -1
  21. package/button/lib/shared-styles.css.js +1 -1
  22. package/button/lib/shared-styles.css.js.map +1 -1
  23. package/button/lib/text-styles.css.js +1 -1
  24. package/button/lib/text-styles.css.js.map +1 -1
  25. package/button/lib/tonal-styles.css.js +1 -1
  26. package/button/lib/tonal-styles.css.js.map +1 -1
  27. package/checkbox/lib/_checkbox.scss +1 -2
  28. package/checkbox/lib/checkbox-styles.css.js +1 -1
  29. package/checkbox/lib/checkbox-styles.css.js.map +1 -1
  30. package/chips/_assist-chip.scss +6 -0
  31. package/chips/_suggestion-chip.scss +6 -0
  32. package/chips/assist-chip.d.ts +20 -0
  33. package/chips/assist-chip.js +24 -0
  34. package/chips/assist-chip.js.map +1 -0
  35. package/chips/lib/_assist-chip.scss +27 -0
  36. package/chips/lib/_shared.scss +183 -0
  37. package/chips/lib/_suggestion-chip.scss +30 -0
  38. package/chips/lib/assist-chip.d.ts +11 -0
  39. package/chips/lib/assist-chip.js +12 -0
  40. package/chips/lib/assist-chip.js.map +1 -0
  41. package/chips/lib/assist-styles.css.js +9 -0
  42. package/chips/lib/assist-styles.css.js.map +1 -0
  43. package/{list/lib/listitem/list-item-private-styles.scss → chips/lib/assist-styles.scss} +2 -2
  44. package/chips/lib/chip.d.ts +29 -0
  45. package/chips/lib/chip.js +110 -0
  46. package/chips/lib/chip.js.map +1 -0
  47. package/chips/lib/shared-styles.css.js +9 -0
  48. package/chips/lib/shared-styles.css.js.map +1 -0
  49. package/{autocomplete → chips}/lib/shared-styles.scss +1 -1
  50. package/chips/lib/suggestion-chip.d.ts +11 -0
  51. package/chips/lib/suggestion-chip.js +12 -0
  52. package/chips/lib/suggestion-chip.js.map +1 -0
  53. package/chips/lib/suggestion-styles.css.js +9 -0
  54. package/chips/lib/suggestion-styles.css.js.map +1 -0
  55. package/{menu/lib/menuitem/menu-item-private-styles.scss → chips/lib/suggestion-styles.scss} +2 -2
  56. package/chips/suggestion-chip.d.ts +20 -0
  57. package/chips/suggestion-chip.js +24 -0
  58. package/chips/suggestion-chip.js.map +1 -0
  59. package/controller/form-controller.d.ts +1 -1
  60. package/controller/form-controller.js +21 -29
  61. package/controller/form-controller.js.map +1 -1
  62. package/dialog/lib/_dialog.scss +7 -5
  63. package/dialog/lib/_tokens.scss +1 -2
  64. package/dialog/lib/dialog-styles.css.js +1 -1
  65. package/dialog/lib/dialog-styles.css.js.map +1 -1
  66. package/dialog/lib/dialog.js +1 -1
  67. package/dialog/lib/dialog.js.map +1 -1
  68. package/elevation/lib/_elevation.scss +1 -21
  69. package/elevation/lib/elevation-styles.css.js +1 -1
  70. package/elevation/lib/elevation-styles.css.js.map +1 -1
  71. package/fab/lib/_fab-extended.scss +3 -10
  72. package/fab/lib/_fab.scss +0 -3
  73. package/fab/lib/_shared.scss +3 -25
  74. package/fab/lib/fab-extended-styles.css.js +1 -1
  75. package/fab/lib/fab-extended-styles.css.js.map +1 -1
  76. package/fab/lib/fab-shared-styles.css.js +1 -1
  77. package/fab/lib/fab-shared-styles.css.js.map +1 -1
  78. package/fab/lib/fab-shared.d.ts +0 -1
  79. package/fab/lib/fab-shared.js +1 -7
  80. package/fab/lib/fab-shared.js.map +1 -1
  81. package/field/lib/_content.scss +91 -13
  82. package/field/lib/_filled-field.scss +19 -57
  83. package/field/lib/_label.scss +1 -2
  84. package/field/lib/_md-comp-filled-field.scss +123 -64
  85. package/field/lib/_md-comp-outlined-field.scss +100 -59
  86. package/field/lib/_outlined-field.scss +13 -11
  87. package/field/lib/_shared.scss +21 -17
  88. package/field/lib/field.d.ts +6 -2
  89. package/field/lib/field.js +80 -62
  90. package/field/lib/field.js.map +1 -1
  91. package/field/lib/filled-field.d.ts +0 -5
  92. package/field/lib/filled-field.js +2 -41
  93. package/field/lib/filled-field.js.map +1 -1
  94. package/field/lib/filled-styles.css.js +1 -1
  95. package/field/lib/filled-styles.css.js.map +1 -1
  96. package/field/lib/outlined-field.js +1 -1
  97. package/field/lib/outlined-field.js.map +1 -1
  98. package/field/lib/outlined-styles.css.js +1 -1
  99. package/field/lib/outlined-styles.css.js.map +1 -1
  100. package/field/lib/shared-styles.css.js +1 -1
  101. package/field/lib/shared-styles.css.js.map +1 -1
  102. package/focus/lib/_focus-ring.scss +13 -7
  103. package/focus/lib/_md-comp-focus-ring.scss +1 -2
  104. package/focus/lib/focus-ring-styles.css.js +1 -1
  105. package/focus/lib/focus-ring-styles.css.js.map +1 -1
  106. package/icon/lib/_icon.scss +1 -1
  107. package/icon/lib/_md-comp-icon.scss +1 -2
  108. package/icon/lib/icon-styles.css.js +1 -1
  109. package/icon/lib/icon-styles.css.js.map +1 -1
  110. package/iconbutton/lib/_filled-icon-button.scss +1 -12
  111. package/iconbutton/lib/_filled-tonal-icon-button.scss +1 -12
  112. package/iconbutton/lib/_outlined-icon-button.scss +1 -13
  113. package/iconbutton/lib/_shared.scss +10 -6
  114. package/iconbutton/lib/_standard-icon-button.scss +5 -12
  115. package/iconbutton/lib/filled-styles.css.js +1 -1
  116. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  117. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  118. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  119. package/iconbutton/lib/icon-button.js +0 -2
  120. package/iconbutton/lib/icon-button.js.map +1 -1
  121. package/iconbutton/lib/outlined-styles.css.js +1 -1
  122. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  123. package/iconbutton/lib/shared-styles.css.js +1 -1
  124. package/iconbutton/lib/shared-styles.css.js.map +1 -1
  125. package/iconbutton/lib/standard-styles.css.js +1 -1
  126. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  127. package/list/lib/_list.scss +34 -17
  128. package/list/lib/list-styles.css.js +1 -1
  129. package/list/lib/list-styles.css.js.map +1 -1
  130. package/list/lib/listitem/_list-item.scss +312 -124
  131. package/list/lib/listitem/list-item-styles.css.js +1 -1
  132. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  133. package/list/lib/listitem/list-item.d.ts +8 -6
  134. package/list/lib/listitem/list-item.js +26 -27
  135. package/list/lib/listitem/list-item.js.map +1 -1
  136. package/list/list-item-link.d.ts +18 -0
  137. package/list/list-item-link.js +19 -2
  138. package/list/list-item-link.js.map +1 -1
  139. package/list/list-item.d.ts +19 -0
  140. package/list/list-item.js +20 -2
  141. package/list/list-item.js.map +1 -1
  142. package/menu/lib/_menu.scss +26 -8
  143. package/menu/lib/menu-styles.css.js +1 -1
  144. package/menu/lib/menu-styles.css.js.map +1 -1
  145. package/menu/lib/menu.d.ts +22 -9
  146. package/menu/lib/menu.js +76 -27
  147. package/menu/lib/menu.js.map +1 -1
  148. package/menu/lib/menuitem/_menu-item.scss +39 -79
  149. package/menu/lib/menuitem/menu-item-styles.css.js +1 -1
  150. package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -1
  151. package/menu/lib/menuitem/menu-item.js +1 -1
  152. package/menu/lib/menuitem/menu-item.js.map +1 -1
  153. package/menu/lib/menuitemlink/menu-item-link.js +2 -1
  154. package/menu/lib/menuitemlink/menu-item-link.js.map +1 -1
  155. package/menu/lib/shared.d.ts +16 -0
  156. package/menu/lib/shared.js +16 -0
  157. package/menu/lib/shared.js.map +1 -1
  158. package/menu/lib/submenuitem/sub-menu-item.d.ts +4 -1
  159. package/menu/lib/submenuitem/sub-menu-item.js +9 -3
  160. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
  161. package/menu/lib/surfacePositionController.d.ts +10 -2
  162. package/menu/lib/surfacePositionController.js +6 -2
  163. package/menu/lib/surfacePositionController.js.map +1 -1
  164. package/menu/lib/typeaheadController.d.ts +5 -0
  165. package/menu/lib/typeaheadController.js +7 -3
  166. package/menu/lib/typeaheadController.js.map +1 -1
  167. package/menu/menu-item-link.js +1 -2
  168. package/menu/menu-item-link.js.map +1 -1
  169. package/menu/menu-item.js +2 -3
  170. package/menu/menu-item.js.map +1 -1
  171. package/menu/sub-menu-item.js +1 -2
  172. package/menu/sub-menu-item.js.map +1 -1
  173. package/navigationbar/lib/_navigation-bar.scss +1 -4
  174. package/navigationdrawer/lib/_navigation-drawer-modal.scss +0 -3
  175. package/navigationdrawer/lib/_navigation-drawer.scss +0 -3
  176. package/navigationdrawer/lib/_shared.scss +0 -9
  177. package/navigationtab/lib/_navigation-tab.scss +4 -10
  178. package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
  179. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
  180. package/package.json +1 -1
  181. package/radio/lib/_radio.scss +1 -2
  182. package/radio/lib/radio-styles.css.js +1 -1
  183. package/radio/lib/radio-styles.css.js.map +1 -1
  184. package/segmentedbutton/lib/_shared.scss +0 -2
  185. package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
  186. package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
  187. package/slider/lib/_slider.scss +1 -4
  188. package/slider/lib/_tokens.scss +2 -8
  189. package/slider/lib/slider-styles.css.js +1 -1
  190. package/slider/lib/slider-styles.css.js.map +1 -1
  191. package/textfield/lib/_filled-text-field.scss +99 -103
  192. package/textfield/lib/_icon.scss +11 -55
  193. package/textfield/lib/_input.scss +4 -6
  194. package/textfield/lib/_outlined-text-field.scss +88 -95
  195. package/textfield/lib/filled-styles.css.js +1 -1
  196. package/textfield/lib/filled-styles.css.js.map +1 -1
  197. package/textfield/lib/outlined-styles.css.js +1 -1
  198. package/textfield/lib/outlined-styles.css.js.map +1 -1
  199. package/textfield/lib/shared-styles.css.js +1 -1
  200. package/textfield/lib/shared-styles.css.js.map +1 -1
  201. package/tokens/_index.scss +101 -2
  202. package/tokens/_md-comp-assist-chip.scss +68 -0
  203. package/tokens/_md-comp-badge.scss +34 -0
  204. package/tokens/_md-comp-banner.scss +23 -0
  205. package/tokens/_md-comp-bottom-app-bar.scss +21 -0
  206. package/tokens/_md-comp-carousel-item.scss +23 -0
  207. package/tokens/_md-comp-checkbox.scss +21 -0
  208. package/tokens/_md-comp-circular-progress-indicator.scss +22 -0
  209. package/tokens/_md-comp-data-table.scss +23 -0
  210. package/tokens/_md-comp-date-input-modal.scss +23 -0
  211. package/tokens/_md-comp-date-picker-docked.scss +25 -0
  212. package/tokens/_md-comp-date-picker-modal.scss +25 -0
  213. package/tokens/_md-comp-dialog.scss +43 -0
  214. package/tokens/_md-comp-divider.scss +17 -0
  215. package/tokens/_md-comp-elevated-button.scss +58 -0
  216. package/tokens/_md-comp-elevated-card.scss +23 -0
  217. package/tokens/_md-comp-extended-fab-branded.scss +38 -0
  218. package/tokens/_md-comp-extended-fab-primary.scss +38 -0
  219. package/tokens/_md-comp-extended-fab-secondary.scss +41 -0
  220. package/tokens/_md-comp-extended-fab-surface.scss +38 -0
  221. package/tokens/_md-comp-extended-fab-tertiary.scss +41 -0
  222. package/tokens/_md-comp-fab-branded-large.scss +23 -0
  223. package/tokens/_md-comp-fab-branded.scss +23 -0
  224. package/tokens/_md-comp-fab-primary-large.scss +23 -0
  225. package/tokens/_md-comp-fab-primary-small.scss +23 -0
  226. package/tokens/_md-comp-fab-primary.scss +23 -0
  227. package/tokens/_md-comp-fab-secondary-large.scss +23 -0
  228. package/tokens/_md-comp-fab-secondary-small.scss +23 -0
  229. package/tokens/_md-comp-fab-secondary.scss +23 -0
  230. package/tokens/_md-comp-fab-surface-large.scss +23 -0
  231. package/tokens/_md-comp-fab-surface-small.scss +23 -0
  232. package/tokens/_md-comp-fab-surface.scss +23 -0
  233. package/tokens/_md-comp-fab-tertiary-large.scss +23 -0
  234. package/tokens/_md-comp-fab-tertiary-small.scss +23 -0
  235. package/tokens/_md-comp-fab-tertiary.scss +23 -0
  236. package/tokens/_md-comp-filled-autocomplete.scss +25 -0
  237. package/tokens/_md-comp-filled-button.scss +58 -0
  238. package/tokens/_md-comp-filled-card.scss +23 -0
  239. package/tokens/_md-comp-filled-icon-button.scss +21 -0
  240. package/tokens/_md-comp-filled-menu-button.scss +25 -0
  241. package/tokens/_md-comp-filled-select.scss +25 -0
  242. package/tokens/_md-comp-filled-text-field.scss +46 -0
  243. package/tokens/_md-comp-filled-tonal-button.scss +59 -0
  244. package/tokens/_md-comp-filled-tonal-icon-button.scss +24 -0
  245. package/tokens/_md-comp-filter-chip.scss +38 -0
  246. package/tokens/_md-comp-full-screen-dialog.scss +25 -0
  247. package/tokens/_md-comp-icon-button.scss +21 -0
  248. package/tokens/_md-comp-input-chip.scss +38 -0
  249. package/tokens/_md-comp-linear-progress-indicator.scss +22 -0
  250. package/tokens/_md-comp-list.scss +58 -0
  251. package/tokens/_md-comp-menu.scss +21 -0
  252. package/tokens/_md-comp-navigation-bar.scss +25 -0
  253. package/tokens/_md-comp-navigation-drawer.scss +25 -0
  254. package/tokens/_md-comp-navigation-rail.scss +25 -0
  255. package/tokens/_md-comp-outlined-autocomplete.scss +28 -0
  256. package/tokens/_md-comp-outlined-button.scss +56 -0
  257. package/tokens/_md-comp-outlined-card.scss +23 -0
  258. package/tokens/_md-comp-outlined-icon-button.scss +21 -0
  259. package/tokens/_md-comp-outlined-menu-button.scss +23 -0
  260. package/tokens/_md-comp-outlined-segmented-button.scss +38 -0
  261. package/tokens/_md-comp-outlined-select.scss +25 -0
  262. package/tokens/_md-comp-outlined-text-field.scss +44 -0
  263. package/tokens/_md-comp-plain-tooltip.scss +21 -0
  264. package/tokens/_md-comp-primary-navigation-tab.scss +41 -0
  265. package/tokens/_md-comp-radio-button.scss +19 -0
  266. package/tokens/_md-comp-rich-tooltip.scss +25 -0
  267. package/tokens/_md-comp-scrim.scss +17 -0
  268. package/tokens/_md-comp-search-bar.scss +25 -0
  269. package/tokens/_md-comp-search-view.scss +23 -0
  270. package/tokens/_md-comp-secondary-navigation-tab.scss +41 -0
  271. package/tokens/_md-comp-sheet-bottom.scss +21 -0
  272. package/tokens/_md-comp-sheet-floating.scss +21 -0
  273. package/tokens/_md-comp-sheet-side.scss +25 -0
  274. package/tokens/_md-comp-slider.scss +38 -0
  275. package/tokens/_md-comp-snackbar.scss +25 -0
  276. package/tokens/_md-comp-standard-menu-button.scss +23 -0
  277. package/tokens/_md-comp-suggestion-chip.scss +72 -0
  278. package/tokens/_md-comp-switch.scss +21 -0
  279. package/tokens/_md-comp-text-button.scss +56 -0
  280. package/tokens/_md-comp-time-input.scss +25 -0
  281. package/tokens/_md-comp-time-picker.scss +25 -0
  282. package/tokens/_md-comp-top-app-bar-large.scss +23 -0
  283. package/tokens/_md-comp-top-app-bar-medium.scss +23 -0
  284. package/tokens/_md-comp-top-app-bar-small-centered.scss +26 -0
  285. package/tokens/_md-comp-top-app-bar-small.scss +23 -0
  286. package/tokens/_md-ref-palette.scss +12 -0
  287. package/tokens/_md-ref-typeface.scss +12 -0
  288. package/tokens/_md-sys-color.scss +25 -0
  289. package/tokens/_md-sys-elevation.scss +30 -0
  290. package/tokens/_md-sys-motion.scss +12 -0
  291. package/tokens/_md-sys-shape.scss +12 -0
  292. package/tokens/_md-sys-state.scss +12 -0
  293. package/tokens/_md-sys-typescale.scss +17 -0
  294. package/tokens/{v0_160 → v0_161}/_md-comp-assist-chip.scss +1 -1
  295. package/tokens/{v0_160 → v0_161}/_md-comp-badge.scss +1 -1
  296. package/tokens/{v0_160 → v0_161}/_md-comp-banner.scss +1 -1
  297. package/tokens/{v0_160 → v0_161}/_md-comp-bottom-app-bar.scss +1 -1
  298. package/tokens/{v0_160 → v0_161}/_md-comp-carousel-item.scss +1 -1
  299. package/tokens/{v0_160 → v0_161}/_md-comp-checkbox.scss +1 -1
  300. package/tokens/{v0_160 → v0_161}/_md-comp-circular-progress-indicator.scss +1 -1
  301. package/tokens/{v0_160 → v0_161}/_md-comp-data-table.scss +1 -1
  302. package/tokens/{v0_160 → v0_161}/_md-comp-date-input-modal.scss +1 -1
  303. package/tokens/{v0_160 → v0_161}/_md-comp-date-picker-docked.scss +1 -1
  304. package/tokens/{v0_160 → v0_161}/_md-comp-date-picker-modal.scss +3 -3
  305. package/tokens/{v0_160 → v0_161}/_md-comp-dialog.scss +1 -1
  306. package/tokens/{v0_160 → v0_161}/_md-comp-divider.scss +1 -1
  307. package/tokens/{v0_160 → v0_161}/_md-comp-elevated-button.scss +1 -1
  308. package/tokens/{v0_160 → v0_161}/_md-comp-elevated-card.scss +1 -1
  309. package/tokens/{v0_160 → v0_161}/_md-comp-extended-fab-branded.scss +1 -1
  310. package/tokens/{v0_160 → v0_161}/_md-comp-extended-fab-primary.scss +1 -1
  311. package/tokens/{v0_160 → v0_161}/_md-comp-extended-fab-secondary.scss +1 -1
  312. package/tokens/{v0_160 → v0_161}/_md-comp-extended-fab-surface.scss +1 -1
  313. package/tokens/{v0_160 → v0_161}/_md-comp-extended-fab-tertiary.scss +1 -1
  314. package/tokens/{v0_160 → v0_161}/_md-comp-fab-branded-large.scss +1 -1
  315. package/tokens/{v0_160 → v0_161}/_md-comp-fab-branded.scss +1 -1
  316. package/tokens/{v0_160 → v0_161}/_md-comp-fab-primary-large.scss +1 -1
  317. package/tokens/{v0_160 → v0_161}/_md-comp-fab-primary-small.scss +1 -1
  318. package/tokens/{v0_160 → v0_161}/_md-comp-fab-primary.scss +1 -1
  319. package/tokens/{v0_160 → v0_161}/_md-comp-fab-secondary-large.scss +1 -1
  320. package/tokens/{v0_160 → v0_161}/_md-comp-fab-secondary-small.scss +1 -1
  321. package/tokens/{v0_160 → v0_161}/_md-comp-fab-secondary.scss +1 -1
  322. package/tokens/{v0_160 → v0_161}/_md-comp-fab-surface-large.scss +1 -1
  323. package/tokens/{v0_160 → v0_161}/_md-comp-fab-surface-small.scss +1 -1
  324. package/tokens/{v0_160 → v0_161}/_md-comp-fab-surface.scss +1 -1
  325. package/tokens/{v0_160 → v0_161}/_md-comp-fab-tertiary-large.scss +1 -1
  326. package/tokens/{v0_160 → v0_161}/_md-comp-fab-tertiary-small.scss +1 -1
  327. package/tokens/{v0_160 → v0_161}/_md-comp-fab-tertiary.scss +1 -1
  328. package/tokens/{v0_160 → v0_161}/_md-comp-filled-autocomplete.scss +1 -1
  329. package/tokens/{v0_160 → v0_161}/_md-comp-filled-button.scss +1 -1
  330. package/tokens/{v0_160 → v0_161}/_md-comp-filled-card.scss +1 -1
  331. package/tokens/{v0_160 → v0_161}/_md-comp-filled-icon-button.scss +1 -1
  332. package/tokens/{v0_160 → v0_161}/_md-comp-filled-menu-button.scss +1 -1
  333. package/tokens/{v0_160 → v0_161}/_md-comp-filled-select.scss +1 -1
  334. package/tokens/{v0_160 → v0_161}/_md-comp-filled-text-field.scss +1 -1
  335. package/tokens/{v0_160 → v0_161}/_md-comp-filled-tonal-button.scss +1 -1
  336. package/tokens/{v0_160 → v0_161}/_md-comp-filled-tonal-icon-button.scss +1 -1
  337. package/tokens/{v0_160 → v0_161}/_md-comp-filter-chip.scss +1 -1
  338. package/tokens/{v0_160 → v0_161}/_md-comp-full-screen-dialog.scss +1 -1
  339. package/tokens/{v0_160 → v0_161}/_md-comp-icon-button.scss +1 -1
  340. package/tokens/{v0_160 → v0_161}/_md-comp-input-chip.scss +1 -1
  341. package/tokens/{v0_160 → v0_161}/_md-comp-linear-progress-indicator.scss +1 -1
  342. package/tokens/{v0_160 → v0_161}/_md-comp-list.scss +1 -1
  343. package/tokens/v0_161/_md-comp-menu.scss +37 -0
  344. package/tokens/{v0_160 → v0_161}/_md-comp-navigation-bar.scss +1 -1
  345. package/tokens/{v0_160 → v0_161}/_md-comp-navigation-drawer.scss +1 -1
  346. package/tokens/{v0_160 → v0_161}/_md-comp-navigation-rail.scss +1 -1
  347. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-autocomplete.scss +1 -1
  348. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-button.scss +1 -1
  349. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-card.scss +1 -1
  350. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-icon-button.scss +1 -1
  351. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-menu-button.scss +1 -1
  352. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-segmented-button.scss +1 -1
  353. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-select.scss +1 -1
  354. package/tokens/{v0_160 → v0_161}/_md-comp-outlined-text-field.scss +1 -1
  355. package/tokens/{v0_160 → v0_161}/_md-comp-plain-tooltip.scss +1 -1
  356. package/tokens/{v0_160 → v0_161}/_md-comp-primary-navigation-tab.scss +1 -1
  357. package/tokens/{v0_160 → v0_161}/_md-comp-radio-button.scss +1 -1
  358. package/tokens/{v0_160 → v0_161}/_md-comp-rich-tooltip.scss +1 -1
  359. package/tokens/{v0_160 → v0_161}/_md-comp-scrim.scss +1 -1
  360. package/tokens/{v0_160 → v0_161}/_md-comp-search-bar.scss +1 -1
  361. package/tokens/{v0_160 → v0_161}/_md-comp-search-view.scss +1 -1
  362. package/tokens/{v0_160 → v0_161}/_md-comp-secondary-navigation-tab.scss +1 -1
  363. package/tokens/{v0_160 → v0_161}/_md-comp-sheet-bottom.scss +1 -1
  364. package/tokens/{v0_160 → v0_161}/_md-comp-sheet-floating.scss +1 -1
  365. package/tokens/{v0_160 → v0_161}/_md-comp-sheet-side.scss +1 -1
  366. package/tokens/{v0_160 → v0_161}/_md-comp-slider.scss +1 -1
  367. package/tokens/{v0_160 → v0_161}/_md-comp-snackbar.scss +1 -1
  368. package/tokens/{v0_160 → v0_161}/_md-comp-standard-menu-button.scss +1 -1
  369. package/tokens/{v0_160 → v0_161}/_md-comp-suggestion-chip.scss +1 -1
  370. package/tokens/{v0_160 → v0_161}/_md-comp-switch.scss +1 -1
  371. package/tokens/{v0_160 → v0_161}/_md-comp-text-button.scss +1 -1
  372. package/tokens/{v0_160 → v0_161}/_md-comp-time-input.scss +1 -1
  373. package/tokens/{v0_160 → v0_161}/_md-comp-time-picker.scss +1 -1
  374. package/tokens/{v0_160 → v0_161}/_md-comp-top-app-bar-large.scss +1 -1
  375. package/tokens/{v0_160 → v0_161}/_md-comp-top-app-bar-medium.scss +1 -1
  376. package/tokens/{v0_160 → v0_161}/_md-comp-top-app-bar-small-centered.scss +1 -1
  377. package/tokens/{v0_160 → v0_161}/_md-comp-top-app-bar-small.scss +1 -1
  378. package/tokens/{v0_160 → v0_161}/_md-ref-palette.scss +1 -1
  379. package/tokens/{v0_160 → v0_161}/_md-ref-typeface.scss +1 -1
  380. package/tokens/{v0_160 → v0_161}/_md-sys-color.scss +1 -1
  381. package/tokens/{v0_160 → v0_161}/_md-sys-elevation.scss +1 -1
  382. package/tokens/{v0_160 → v0_161}/_md-sys-motion.scss +1 -1
  383. package/tokens/{v0_160 → v0_161}/_md-sys-shape.scss +1 -1
  384. package/tokens/{v0_160 → v0_161}/_md-sys-state.scss +1 -1
  385. package/tokens/{v0_160 → v0_161}/_md-sys-typescale.scss +1 -1
  386. package/autocomplete/_filled-autocomplete.scss +0 -6
  387. package/autocomplete/_outlined-autocomplete.scss +0 -6
  388. package/autocomplete/autocomplete-item.d.ts +0 -19
  389. package/autocomplete/autocomplete-item.js +0 -22
  390. package/autocomplete/autocomplete-item.js.map +0 -1
  391. package/autocomplete/autocomplete-list.d.ts +0 -19
  392. package/autocomplete/autocomplete-list.js +0 -23
  393. package/autocomplete/autocomplete-list.js.map +0 -1
  394. package/autocomplete/autocomplete-surface.d.ts +0 -19
  395. package/autocomplete/autocomplete-surface.js +0 -23
  396. package/autocomplete/autocomplete-surface.js.map +0 -1
  397. package/autocomplete/filled-autocomplete.d.ts +0 -28
  398. package/autocomplete/filled-autocomplete.js +0 -46
  399. package/autocomplete/filled-autocomplete.js.map +0 -1
  400. package/autocomplete/lib/_filled-autocomplete.scss +0 -189
  401. package/autocomplete/lib/_outlined-autocomplete.scss +0 -178
  402. package/autocomplete/lib/_shared.scss +0 -25
  403. package/autocomplete/lib/autocomplete.d.ts +0 -54
  404. package/autocomplete/lib/autocomplete.js +0 -265
  405. package/autocomplete/lib/autocomplete.js.map +0 -1
  406. package/autocomplete/lib/autocompleteitem/autocomplete-item.d.ts +0 -11
  407. package/autocomplete/lib/autocompleteitem/autocomplete-item.js +0 -14
  408. package/autocomplete/lib/autocompleteitem/autocomplete-item.js.map +0 -1
  409. package/autocomplete/lib/autocompleteitem/harness.d.ts +0 -11
  410. package/autocomplete/lib/autocompleteitem/harness.js +0 -12
  411. package/autocomplete/lib/autocompleteitem/harness.js.map +0 -1
  412. package/autocomplete/lib/autocompletelist/_autocomplete-list.scss +0 -13
  413. package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js +0 -9
  414. package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js.map +0 -1
  415. package/autocomplete/lib/autocompletelist/autocomplete-list-styles.scss +0 -10
  416. package/autocomplete/lib/autocompletelist/autocomplete-list.d.ts +0 -14
  417. package/autocomplete/lib/autocompletelist/autocomplete-list.js +0 -21
  418. package/autocomplete/lib/autocompletelist/autocomplete-list.js.map +0 -1
  419. package/autocomplete/lib/autocompletelist/harness.d.ts +0 -11
  420. package/autocomplete/lib/autocompletelist/harness.js +0 -12
  421. package/autocomplete/lib/autocompletelist/harness.js.map +0 -1
  422. package/autocomplete/lib/autocompletesurface/_autocomplete-surface.scss +0 -13
  423. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js +0 -9
  424. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js.map +0 -1
  425. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.scss +0 -10
  426. package/autocomplete/lib/autocompletesurface/autocomplete-surface.d.ts +0 -13
  427. package/autocomplete/lib/autocompletesurface/autocomplete-surface.js +0 -21
  428. package/autocomplete/lib/autocompletesurface/autocomplete-surface.js.map +0 -1
  429. package/autocomplete/lib/filled-styles.css.d.ts +0 -1
  430. package/autocomplete/lib/filled-styles.css.js +0 -9
  431. package/autocomplete/lib/filled-styles.css.js.map +0 -1
  432. package/autocomplete/lib/filled-styles.scss +0 -10
  433. package/autocomplete/lib/outlined-styles.css.d.ts +0 -1
  434. package/autocomplete/lib/outlined-styles.css.js +0 -9
  435. package/autocomplete/lib/outlined-styles.css.js.map +0 -1
  436. package/autocomplete/lib/outlined-styles.scss +0 -10
  437. package/autocomplete/lib/shared-styles.css.js +0 -9
  438. package/autocomplete/lib/shared-styles.css.js.map +0 -1
  439. package/autocomplete/outlined-autocomplete.d.ts +0 -28
  440. package/autocomplete/outlined-autocomplete.js +0 -46
  441. package/autocomplete/outlined-autocomplete.js.map +0 -1
  442. package/chips/action/delete-action.d.ts +0 -18
  443. package/chips/action/delete-action.js +0 -20
  444. package/chips/action/delete-action.js.map +0 -1
  445. package/chips/action/lib/action.d.ts +0 -47
  446. package/chips/action/lib/action.js +0 -162
  447. package/chips/action/lib/action.js.map +0 -1
  448. package/chips/action/lib/constants.d.ts +0 -62
  449. package/chips/action/lib/constants.js +0 -69
  450. package/chips/action/lib/constants.js.map +0 -1
  451. package/chips/action/lib/delete-action.d.ts +0 -20
  452. package/chips/action/lib/delete-action.js +0 -65
  453. package/chips/action/lib/delete-action.js.map +0 -1
  454. package/chips/action/lib/events.d.ts +0 -14
  455. package/chips/action/lib/events.js +0 -16
  456. package/chips/action/lib/events.js.map +0 -1
  457. package/chips/action/lib/link-action.d.ts +0 -19
  458. package/chips/action/lib/link-action.js +0 -55
  459. package/chips/action/lib/link-action.js.map +0 -1
  460. package/chips/action/lib/presentational-action.d.ts +0 -15
  461. package/chips/action/lib/presentational-action.js +0 -30
  462. package/chips/action/lib/presentational-action.js.map +0 -1
  463. package/chips/action/lib/primary-action.d.ts +0 -28
  464. package/chips/action/lib/primary-action.js +0 -88
  465. package/chips/action/lib/primary-action.js.map +0 -1
  466. package/chips/action/lib/selectable-action.d.ts +0 -17
  467. package/chips/action/lib/selectable-action.js +0 -67
  468. package/chips/action/lib/selectable-action.js.map +0 -1
  469. package/chips/action/lib/types.d.ts +0 -23
  470. package/chips/action/lib/types.js +0 -7
  471. package/chips/action/lib/types.js.map +0 -1
  472. package/chips/action/link-action.d.ts +0 -18
  473. package/chips/action/link-action.js +0 -20
  474. package/chips/action/link-action.js.map +0 -1
  475. package/chips/action/presentational-action.d.ts +0 -18
  476. package/chips/action/presentational-action.js +0 -20
  477. package/chips/action/presentational-action.js.map +0 -1
  478. package/chips/action/primary-action.d.ts +0 -18
  479. package/chips/action/primary-action.js +0 -20
  480. package/chips/action/primary-action.js.map +0 -1
  481. package/chips/action/selectable-action.d.ts +0 -18
  482. package/chips/action/selectable-action.js +0 -20
  483. package/chips/action/selectable-action.js.map +0 -1
  484. package/chips/chip/lib/_assist-chip-theme.scss +0 -99
  485. package/chips/chip/lib/_chip-theme.scss +0 -1285
  486. package/chips/chip/lib/_chip.scss +0 -444
  487. package/chips/chip/lib/_filter-chip-theme.scss +0 -130
  488. package/chips/chip/lib/_input-chip-theme.scss +0 -91
  489. package/chips/chip/lib/_suggestion-chip-theme.scss +0 -92
  490. package/chips/chip/lib/action-chip.d.ts +0 -18
  491. package/chips/chip/lib/action-chip.js +0 -39
  492. package/chips/chip/lib/action-chip.js.map +0 -1
  493. package/chips/chip/lib/adapter.d.ts +0 -50
  494. package/chips/chip/lib/adapter.js +0 -7
  495. package/chips/chip/lib/adapter.js.map +0 -1
  496. package/chips/chip/lib/animationframe.d.ts +0 -31
  497. package/chips/chip/lib/animationframe.js +0 -66
  498. package/chips/chip/lib/animationframe.js.map +0 -1
  499. package/chips/chip/lib/chip.d.ts +0 -43
  500. package/chips/chip/lib/chip.js +0 -134
  501. package/chips/chip/lib/chip.js.map +0 -1
  502. package/chips/chip/lib/constants.d.ts +0 -43
  503. package/chips/chip/lib/constants.js +0 -48
  504. package/chips/chip/lib/constants.js.map +0 -1
  505. package/chips/chip/lib/foundation.d.ts +0 -41
  506. package/chips/chip/lib/foundation.js +0 -255
  507. package/chips/chip/lib/foundation.js.map +0 -1
  508. package/chips/chip/lib/link-chip.d.ts +0 -21
  509. package/chips/chip/lib/link-chip.js +0 -53
  510. package/chips/chip/lib/link-chip.js.map +0 -1
  511. package/chips/chip/lib/presentational-chip.d.ts +0 -18
  512. package/chips/chip/lib/presentational-chip.js +0 -39
  513. package/chips/chip/lib/presentational-chip.js.map +0 -1
  514. package/chips/chip/lib/selectable-chip.d.ts +0 -22
  515. package/chips/chip/lib/selectable-chip.js +0 -57
  516. package/chips/chip/lib/selectable-chip.js.map +0 -1
  517. package/chips/chip/lib/types.d.ts +0 -42
  518. package/chips/chip/lib/types.js +0 -7
  519. package/chips/chip/lib/types.js.map +0 -1
  520. package/chips/chipset/lib/_chip-set-theme.scss +0 -50
  521. package/chips/chipset/lib/_chip-set.scss +0 -48
  522. package/chips/chipset/lib/adapter.d.ts +0 -45
  523. package/chips/chipset/lib/adapter.js +0 -7
  524. package/chips/chipset/lib/adapter.js.map +0 -1
  525. package/chips/chipset/lib/constants.d.ts +0 -26
  526. package/chips/chipset/lib/constants.js +0 -30
  527. package/chips/chipset/lib/constants.js.map +0 -1
  528. package/chips/chipset/lib/foundation.d.ts +0 -68
  529. package/chips/chipset/lib/foundation.js +0 -314
  530. package/chips/chipset/lib/foundation.js.map +0 -1
  531. package/chips/chipset/lib/types.d.ts +0 -41
  532. package/chips/chipset/lib/types.js +0 -7
  533. package/chips/chipset/lib/types.js.map +0 -1
  534. package/controller/foundation.d.ts +0 -24
  535. package/controller/foundation.js +0 -18
  536. package/controller/foundation.js.map +0 -1
  537. package/controller/observer-foundation.d.ts +0 -25
  538. package/controller/observer-foundation.js +0 -37
  539. package/controller/observer-foundation.js.map +0 -1
  540. package/controller/observer.d.ts +0 -52
  541. package/controller/observer.js +0 -149
  542. package/controller/observer.js.map +0 -1
  543. package/decorators/bound.d.ts +0 -40
  544. package/decorators/bound.js +0 -49
  545. package/decorators/bound.js.map +0 -1
  546. package/list/lib/avatar/_list-item-avatar.scss +0 -40
  547. package/list/lib/avatar/list-item-avatar-styles.css.d.ts +0 -1
  548. package/list/lib/avatar/list-item-avatar-styles.css.js +0 -9
  549. package/list/lib/avatar/list-item-avatar-styles.css.js.map +0 -1
  550. package/list/lib/avatar/list-item-avatar-styles.scss +0 -10
  551. package/list/lib/avatar/list-item-avatar.d.ts +0 -21
  552. package/list/lib/avatar/list-item-avatar.js +0 -48
  553. package/list/lib/avatar/list-item-avatar.js.map +0 -1
  554. package/list/lib/icon/_list-item-icon.scss +0 -71
  555. package/list/lib/icon/list-item-icon-styles.css.d.ts +0 -1
  556. package/list/lib/icon/list-item-icon-styles.css.js +0 -9
  557. package/list/lib/icon/list-item-icon-styles.css.js.map +0 -1
  558. package/list/lib/icon/list-item-icon-styles.scss +0 -10
  559. package/list/lib/icon/list-item-icon.d.ts +0 -9
  560. package/list/lib/icon/list-item-icon.js +0 -15
  561. package/list/lib/icon/list-item-icon.js.map +0 -1
  562. package/list/lib/image/_list-item-image.scss +0 -63
  563. package/list/lib/image/list-item-image-styles.css.d.ts +0 -1
  564. package/list/lib/image/list-item-image-styles.css.js +0 -9
  565. package/list/lib/image/list-item-image-styles.css.js.map +0 -1
  566. package/list/lib/image/list-item-image-styles.scss +0 -10
  567. package/list/lib/image/list-item-image.d.ts +0 -21
  568. package/list/lib/image/list-item-image.js +0 -48
  569. package/list/lib/image/list-item-image.js.map +0 -1
  570. package/list/lib/listitem/list-item-private-styles.css.d.ts +0 -1
  571. package/list/lib/listitem/list-item-private-styles.css.js +0 -9
  572. package/list/lib/listitem/list-item-private-styles.css.js.map +0 -1
  573. package/list/lib/video/_list-item-video.scss +0 -71
  574. package/list/lib/video/list-item-video-styles.css.d.ts +0 -1
  575. package/list/lib/video/list-item-video-styles.css.js +0 -9
  576. package/list/lib/video/list-item-video-styles.css.js.map +0 -1
  577. package/list/lib/video/list-item-video-styles.scss +0 -10
  578. package/list/lib/video/list-item-video.d.ts +0 -53
  579. package/list/lib/video/list-item-video.js +0 -115
  580. package/list/lib/video/list-item-video.js.map +0 -1
  581. package/list/list-item-avatar.d.ts +0 -20
  582. package/list/list-item-avatar.js +0 -23
  583. package/list/list-item-avatar.js.map +0 -1
  584. package/list/list-item-icon.d.ts +0 -20
  585. package/list/list-item-icon.js +0 -23
  586. package/list/list-item-icon.js.map +0 -1
  587. package/list/list-item-image.d.ts +0 -20
  588. package/list/list-item-image.js +0 -23
  589. package/list/list-item-image.js.map +0 -1
  590. package/list/list-item-video.d.ts +0 -20
  591. package/list/list-item-video.js +0 -23
  592. package/list/list-item-video.js.map +0 -1
  593. package/menu/lib/menuitem/menu-item-private-styles.css.d.ts +0 -1
  594. package/menu/lib/menuitem/menu-item-private-styles.css.js +0 -9
  595. package/menu/lib/menuitem/menu-item-private-styles.css.js.map +0 -1
  596. package/menusurface/_menu-surface.scss +0 -6
  597. package/menusurface/lib/_md-comp-menu-surface.scss +0 -31
  598. package/menusurface/lib/_menu-surface.scss +0 -122
  599. package/menusurface/lib/adapter.d.ts +0 -46
  600. package/menusurface/lib/adapter.js +0 -7
  601. package/menusurface/lib/adapter.js.map +0 -1
  602. package/menusurface/lib/constants.d.ts +0 -71
  603. package/menusurface/lib/constants.js +0 -83
  604. package/menusurface/lib/constants.js.map +0 -1
  605. package/menusurface/lib/foundation.d.ts +0 -176
  606. package/menusurface/lib/foundation.js +0 -544
  607. package/menusurface/lib/foundation.js.map +0 -1
  608. package/menusurface/lib/menu-surface-styles.css.d.ts +0 -1
  609. package/menusurface/lib/menu-surface-styles.css.js +0 -9
  610. package/menusurface/lib/menu-surface-styles.css.js.map +0 -1
  611. package/menusurface/lib/menu-surface-styles.scss +0 -10
  612. package/menusurface/lib/menu-surface.d.ts +0 -62
  613. package/menusurface/lib/menu-surface.js +0 -347
  614. package/menusurface/lib/menu-surface.js.map +0 -1
  615. package/menusurface/lib/types.d.ts +0 -19
  616. package/menusurface/lib/types.js +0 -7
  617. package/menusurface/lib/types.js.map +0 -1
  618. package/menusurface/menu-surface.d.ts +0 -14
  619. package/menusurface/menu-surface.js +0 -17
  620. package/menusurface/menu-surface.js.map +0 -1
  621. package/sass/_elevation.scss +0 -159
  622. package/sass/_resolvers.scss +0 -16
  623. package/sass/_typography.scss +0 -39
  624. package/tokens/v0_160/_md-comp-menu.scss +0 -121
  625. /package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.css.d.ts → chips/lib/assist-styles.css.d.ts} +0 -0
  626. /package/{autocomplete → chips}/lib/shared-styles.css.d.ts +0 -0
  627. /package/{autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.d.ts → chips/lib/suggestion-styles.css.d.ts} +0 -0
  628. /package/tokens/{v0_160 → v0_161}/_index.scss +0 -0
  629. /package/tokens/{v0_160 → v0_161}/index.test.css.d.ts +0 -0
  630. /package/tokens/{v0_160 → v0_161}/index.test.css.js +0 -0
  631. /package/tokens/{v0_160 → v0_161}/index.test.css.js.map +0 -0
  632. /package/tokens/{v0_160 → v0_161}/index.test.scss +0 -0
  633. /package/tokens/{v0_160 → v0_161}/lib.test.css.d.ts +0 -0
  634. /package/tokens/{v0_160 → v0_161}/lib.test.css.js +0 -0
  635. /package/tokens/{v0_160 → v0_161}/lib.test.css.js.map +0 -0
  636. /package/tokens/{v0_160 → v0_161}/lib.test.scss +0 -0
package/iconbutton/lib/outlined-styles.css.js CHANGED
@@ -4,6 +4,6 @@
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
6
  import { css } from 'lit';
7
- export const styles = css `:host{--_container-shape-start-start: var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-start-end: var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-end: var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-start: var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-size: var(--md-outlined-icon-button-container-size, 40px);--_disabled-icon-color: var(--md-outlined-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_disabled-selected-container-color: var(--md-outlined-icon-button-disabled-selected-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_disabled-unselected-outline-color: var(--md-outlined-icon-button-disabled-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-unselected-outline-opacity: var(--md-outlined-icon-button-disabled-unselected-outline-opacity, 0.12);--_focus-state-layer-opacity: var(--md-outlined-icon-button-focus-state-layer-opacity, 0.08);--_hover-state-layer-opacity: var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity: var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #313033));--_selected-focus-icon-color: var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-focus-state-layer-color: var(--md-outlined-icon-button-selected-focus-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-icon-color: var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-state-layer-color: var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-icon-color: var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-icon-color: var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-state-layer-color: var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_unselected-focus-icon-color: var(--md-outlined-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-outlined-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-icon-color: var(--md-outlined-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-outlined-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-icon-color: var(--md-outlined-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-color: var(--md-outlined-icon-button-unselected-outline-color, var(--md-sys-color-outline, #79747e));--_unselected-outline-width: var(--md-outlined-icon-button-unselected-outline-width, 1px);--_unselected-pressed-icon-color: var(--md-outlined-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-state-layer-color: var(--md-outlined-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_container-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_container-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_container-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_container-shape-end-start)))))}.md3-icon-button--outlined{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--outlined::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--outlined:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--outlined:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--outlined:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--outlined:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--outlined:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}.md3-icon-button--outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:"";inline-size:100%;inset:0;pointer-events:none;position:absolute}.md3-icon-button--outlined.md3-icon-button--selected::before{border-width:0}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){background-color:var(--_selected-container-color);color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}.md3-icon-button--selected:disabled{background-color:var(--_disabled-selected-container-color)}@media(forced-colors: active){.md3-icon-button--selected::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--selected:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}}/*# sourceMappingURL=outlined-styles.css.map */
7
+ export const styles = css `:host{--_container-shape-start-start: var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-start-end: var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-end: var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-start: var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-size: var(--md-outlined-icon-button-container-size, 40px);--_disabled-icon-color: var(--md-outlined-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_disabled-selected-container-color: var(--md-outlined-icon-button-disabled-selected-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_disabled-unselected-outline-color: var(--md-outlined-icon-button-disabled-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-unselected-outline-opacity: var(--md-outlined-icon-button-disabled-unselected-outline-opacity, 0.12);--_focus-state-layer-opacity: var(--md-outlined-icon-button-focus-state-layer-opacity, 0.08);--_hover-state-layer-opacity: var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity: var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #313033));--_selected-focus-icon-color: var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-focus-state-layer-color: var(--md-outlined-icon-button-selected-focus-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-icon-color: var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-state-layer-color: var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-icon-color: var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-icon-color: var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-state-layer-color: var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_unselected-focus-icon-color: var(--md-outlined-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-outlined-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-icon-color: var(--md-outlined-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-outlined-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-icon-color: var(--md-outlined-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-color: var(--md-outlined-icon-button-unselected-outline-color, var(--md-sys-color-outline, #79747e));--_unselected-outline-width: var(--md-outlined-icon-button-unselected-outline-width, 1px);--_unselected-pressed-icon-color: var(--md-outlined-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-state-layer-color: var(--md-outlined-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-icon-button--outlined{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--outlined::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--outlined:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--outlined:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--outlined:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--outlined:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--outlined:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}.md3-icon-button--outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:"";inline-size:100%;inset:0;pointer-events:none;position:absolute}.md3-icon-button--outlined.md3-icon-button--selected::before{border-width:0}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){background-color:var(--_selected-container-color);color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}.md3-icon-button--selected:disabled{background-color:var(--_disabled-selected-container-color)}@media(forced-colors: active){.md3-icon-button--selected::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--selected:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}}/*# sourceMappingURL=outlined-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=outlined-styles.css.js.map
package/iconbutton/lib/outlined-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"outlined-styles.css.js","sourceRoot":"","sources":["outlined-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-shape-start-start: var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-start-end: var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-end: var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-start: var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-size: var(--md-outlined-icon-button-container-size, 40px);--_disabled-icon-color: var(--md-outlined-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_disabled-selected-container-color: var(--md-outlined-icon-button-disabled-selected-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_disabled-unselected-outline-color: var(--md-outlined-icon-button-disabled-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-unselected-outline-opacity: var(--md-outlined-icon-button-disabled-unselected-outline-opacity, 0.12);--_focus-state-layer-opacity: var(--md-outlined-icon-button-focus-state-layer-opacity, 0.08);--_hover-state-layer-opacity: var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity: var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #313033));--_selected-focus-icon-color: var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-focus-state-layer-color: var(--md-outlined-icon-button-selected-focus-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-icon-color: var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-state-layer-color: var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-icon-color: var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-icon-color: var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-state-layer-color: var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_unselected-focus-icon-color: var(--md-outlined-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-outlined-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-icon-color: var(--md-outlined-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-outlined-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-icon-color: var(--md-outlined-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-color: var(--md-outlined-icon-button-unselected-outline-color, var(--md-sys-color-outline, #79747e));--_unselected-outline-width: var(--md-outlined-icon-button-unselected-outline-width, 1px);--_unselected-pressed-icon-color: var(--md-outlined-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-state-layer-color: var(--md-outlined-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_container-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_container-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_container-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_container-shape-end-start)))))}.md3-icon-button--outlined{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--outlined::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--outlined:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--outlined:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--outlined:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--outlined:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--outlined:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}.md3-icon-button--outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:\"\";inline-size:100%;inset:0;pointer-events:none;position:absolute}.md3-icon-button--outlined.md3-icon-button--selected::before{border-width:0}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){background-color:var(--_selected-container-color);color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}.md3-icon-button--selected:disabled{background-color:var(--_disabled-selected-container-color)}@media(forced-colors: active){.md3-icon-button--selected::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--selected:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}}/*# sourceMappingURL=outlined-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"outlined-styles.css.js","sourceRoot":"","sources":["outlined-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-shape-start-start: var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-start-end: var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-end: var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, 9999px));--_container-shape-end-start: var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, 9999px));--_container-size: var(--md-outlined-icon-button-container-size, 40px);--_disabled-icon-color: var(--md-outlined-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_disabled-selected-container-color: var(--md-outlined-icon-button-disabled-selected-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_disabled-unselected-outline-color: var(--md-outlined-icon-button-disabled-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-unselected-outline-opacity: var(--md-outlined-icon-button-disabled-unselected-outline-opacity, 0.12);--_focus-state-layer-opacity: var(--md-outlined-icon-button-focus-state-layer-opacity, 0.08);--_hover-state-layer-opacity: var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity: var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #313033));--_selected-focus-icon-color: var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-focus-state-layer-color: var(--md-outlined-icon-button-selected-focus-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-icon-color: var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-hover-state-layer-color: var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-icon-color: var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-icon-color: var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_selected-pressed-state-layer-color: var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f4eff4));--_unselected-focus-icon-color: var(--md-outlined-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-outlined-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-icon-color: var(--md-outlined-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-outlined-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-icon-color: var(--md-outlined-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-color: var(--md-outlined-icon-button-unselected-outline-color, var(--md-sys-color-outline, #79747e));--_unselected-outline-width: var(--md-outlined-icon-button-unselected-outline-width, 1px);--_unselected-pressed-icon-color: var(--md-outlined-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-state-layer-color: var(--md-outlined-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-icon-button--outlined{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--outlined::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--outlined:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--outlined:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--outlined:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--outlined:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--outlined:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}.md3-icon-button--outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:\"\";inline-size:100%;inset:0;pointer-events:none;position:absolute}.md3-icon-button--outlined.md3-icon-button--selected::before{border-width:0}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){background-color:var(--_selected-container-color);color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}.md3-icon-button--selected:disabled{background-color:var(--_disabled-selected-container-color)}@media(forced-colors: active){.md3-icon-button--selected::before{border-color:var(--_unselected-outline-color);border-width:var(--_unselected-outline-width)}.md3-icon-button--selected:disabled::before{border-color:var(--_disabled-unselected-outline-color);opacity:var(--_disabled-unselected-outline-opacity)}}/*# sourceMappingURL=outlined-styles.css.map */\n`;\n "]}
package/iconbutton/lib/shared-styles.css.js CHANGED
@@ -4,6 +4,6 @@
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
6
  import { css } from 'lit';
7
- export const styles = css `:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:max(48px,var(--_container-size));width:max(48px,var(--_container-size));align-items:center;justify-content:center}:host([disabled]){pointer-events:none}.md3-icon-button{align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;text-decoration:none;user-select:none;z-index:0;height:var(--_container-size);width:var(--_container-size);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button__icon{--md-icon-size:var(--_icon-size);--md-icon-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button--flip-icon .md3-icon-button__icon{transform:scaleX(-1)}.md3-icon-button__icon{display:inline-flex}.md3-icon-button__link{height:100%;outline:none;position:absolute;width:100%}.md3-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}/*# sourceMappingURL=shared-styles.css.map */
7
+ export const styles = css `:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-size);width:var(--_container-size);justify-content:center;--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_container-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_container-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_container-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_container-shape-end-start))}:host([disabled]){pointer-events:none}.md3-icon-button{align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button__icon{--md-icon-size:var(--_icon-size);--md-icon-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button--flip-icon .md3-icon-button__icon{transform:scaleX(-1)}.md3-icon-button__icon{display:inline-flex}.md3-icon-button__link{height:100%;outline:none;position:absolute;width:100%}.md3-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}/*# sourceMappingURL=shared-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=shared-styles.css.js.map
package/iconbutton/lib/shared-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:max(48px,var(--_container-size));width:max(48px,var(--_container-size));align-items:center;justify-content:center}:host([disabled]){pointer-events:none}.md3-icon-button{align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;text-decoration:none;user-select:none;z-index:0;height:var(--_container-size);width:var(--_container-size);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button__icon{--md-icon-size:var(--_icon-size);--md-icon-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button--flip-icon .md3-icon-button__icon{transform:scaleX(-1)}.md3-icon-button__icon{display:inline-flex}.md3-icon-button__link{height:100%;outline:none;position:absolute;width:100%}.md3-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-size);width:var(--_container-size);justify-content:center;--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_container-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_container-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_container-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_container-shape-end-start))}:host([disabled]){pointer-events:none}.md3-icon-button{align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button__icon{--md-icon-size:var(--_icon-size);--md-icon-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-icon-button--flip-icon .md3-icon-button__icon{transform:scaleX(-1)}.md3-icon-button__icon{display:inline-flex}.md3-icon-button__link{height:100%;outline:none;position:absolute;width:100%}.md3-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
package/iconbutton/lib/standard-styles.css.js CHANGED
@@ -4,6 +4,6 @@
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
6
  import { css } from 'lit';
7
- export const styles = css `:host{--_state-layer-shape-start-start: var(--md-icon-button-state-layer-shape-start-start, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-start-end: var(--md-icon-button-state-layer-shape-start-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-end: var(--md-icon-button-state-layer-shape-end-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-start: var(--md-icon-button-state-layer-shape-end-start, var(--md-icon-button-state-layer-shape, 9999px));--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-color: var(--md-icon-button-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-icon-button-selected-focus-state-layer-opacity, 0.12);--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-icon-button-state-layer-size, 40px);--_unselected-focus-icon-color: var(--md-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-opacity: var(--md-icon-button-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-icon-color: var(--md-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-opacity: var(--md-icon-button-unselected-hover-state-layer-opacity, 0.08);--_unselected-icon-color: var(--md-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-icon-color: var(--md-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-color: var(--md-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-opacity: var(--md-icon-button-unselected-pressed-state-layer-opacity, 0.12);height:max(48px,var(--_state-layer-size));width:max(48px,var(--_state-layer-size));--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_state-layer-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_state-layer-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_state-layer-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_state-layer-shape-end-start)))))}.md3-icon-button--standard{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape-start-start)}.md3-icon-button--standard:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--standard:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--standard:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--standard:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}/*# sourceMappingURL=standard-styles.css.map */
7
+ export const styles = css `:host{--_state-layer-shape-start-start: var(--md-icon-button-state-layer-shape-start-start, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-start-end: var(--md-icon-button-state-layer-shape-start-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-end: var(--md-icon-button-state-layer-shape-end-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-start: var(--md-icon-button-state-layer-shape-end-start, var(--md-icon-button-state-layer-shape, 9999px));--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-color: var(--md-icon-button-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-icon-button-selected-focus-state-layer-opacity, 0.12);--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-icon-button-state-layer-size, 40px);--_unselected-focus-icon-color: var(--md-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-opacity: var(--md-icon-button-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-icon-color: var(--md-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-opacity: var(--md-icon-button-unselected-hover-state-layer-opacity, 0.08);--_unselected-icon-color: var(--md-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-icon-color: var(--md-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-color: var(--md-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-opacity: var(--md-icon-button-unselected-pressed-state-layer-opacity, 0.12);height:var(--_state-layer-size);width:var(--_state-layer-size);--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_state-layer-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_state-layer-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_state-layer-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_state-layer-shape-end-start))}.md3-icon-button--standard{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape-start-start) var(--_state-layer-shape-start-end) var(--_state-layer-shape-end-end) var(--_state-layer-shape-end-start)}.md3-icon-button--standard:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--standard:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--standard:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--standard:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}/*# sourceMappingURL=standard-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=standard-styles.css.js.map
package/iconbutton/lib/standard-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"standard-styles.css.js","sourceRoot":"","sources":["standard-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_state-layer-shape-start-start: var(--md-icon-button-state-layer-shape-start-start, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-start-end: var(--md-icon-button-state-layer-shape-start-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-end: var(--md-icon-button-state-layer-shape-end-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-start: var(--md-icon-button-state-layer-shape-end-start, var(--md-icon-button-state-layer-shape, 9999px));--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-color: var(--md-icon-button-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-icon-button-selected-focus-state-layer-opacity, 0.12);--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-icon-button-state-layer-size, 40px);--_unselected-focus-icon-color: var(--md-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-opacity: var(--md-icon-button-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-icon-color: var(--md-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-opacity: var(--md-icon-button-unselected-hover-state-layer-opacity, 0.08);--_unselected-icon-color: var(--md-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-icon-color: var(--md-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-color: var(--md-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-opacity: var(--md-icon-button-unselected-pressed-state-layer-opacity, 0.12);height:max(48px,var(--_state-layer-size));width:max(48px,var(--_state-layer-size));--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_state-layer-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_state-layer-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_state-layer-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_state-layer-shape-end-start)))))}.md3-icon-button--standard{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape-start-start)}.md3-icon-button--standard:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--standard:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--standard:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--standard:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}/*# sourceMappingURL=standard-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"standard-styles.css.js","sourceRoot":"","sources":["standard-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_state-layer-shape-start-start: var(--md-icon-button-state-layer-shape-start-start, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-start-end: var(--md-icon-button-state-layer-shape-start-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-end: var(--md-icon-button-state-layer-shape-end-end, var(--md-icon-button-state-layer-shape, 9999px));--_state-layer-shape-end-start: var(--md-icon-button-state-layer-shape-end-start, var(--md-icon-button-state-layer-shape, 9999px));--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-color: var(--md-icon-button-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-icon-button-selected-focus-state-layer-opacity, 0.12);--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-icon-button-state-layer-size, 40px);--_unselected-focus-icon-color: var(--md-icon-button-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-color: var(--md-icon-button-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-focus-state-layer-opacity: var(--md-icon-button-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-icon-color: var(--md-icon-button-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-color: var(--md-icon-button-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-hover-state-layer-opacity: var(--md-icon-button-unselected-hover-state-layer-opacity, 0.08);--_unselected-icon-color: var(--md-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-icon-color: var(--md-icon-button-unselected-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-color: var(--md-icon-button-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-pressed-state-layer-opacity: var(--md-icon-button-unselected-pressed-state-layer-opacity, 0.12);height:var(--_state-layer-size);width:var(--_state-layer-size);--md-focus-ring-shape-start-start:var(--md-focus-ring-shape, var(--_state-layer-shape-start-start));--md-focus-ring-shape-start-end:var(--md-focus-ring-shape, var(--_state-layer-shape-start-end));--md-focus-ring-shape-end-end:var(--md-focus-ring-shape, var(--_state-layer-shape-end-end));--md-focus-ring-shape-end-start:var(--md-focus-ring-shape, var(--_state-layer-shape-end-start))}.md3-icon-button--standard{background-color:rgba(0,0,0,0);color:var(--_unselected-icon-color);--md-ripple-focus-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-shape:var(--_state-layer-shape-start-start) var(--_state-layer-shape-start-end) var(--_state-layer-shape-end-end) var(--_state-layer-shape-end-start)}.md3-icon-button--standard:hover{color:var(--_unselected-hover-icon-color)}.md3-icon-button--standard:focus{color:var(--_unselected-focus-icon-color)}.md3-icon-button--standard:active{color:var(--_unselected-pressed-icon-color)}.md3-icon-button--standard:disabled{color:var(--_disabled-icon-color)}.md3-icon-button--selected{--md-ripple-focus-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}.md3-icon-button--selected:not(:disabled){color:var(--_selected-icon-color)}.md3-icon-button--selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.md3-icon-button--selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.md3-icon-button--selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}/*# sourceMappingURL=standard-styles.css.map */\n`;\n "]}
package/list/lib/_list.scss CHANGED
@@ -7,6 +7,7 @@
7
7
  // Selector '.md3-*' should only be used in this project.
8
8
 
9
9
  // go/keep-sorted start
10
+ @use 'sass:list';
10
11
  @use 'sass:map';
11
12
  @use 'sass:string';
12
13
  // go/keep-sorted end
@@ -18,7 +19,8 @@
18
19
  // go/keep-sorted end
19
20
 
20
21
  @mixin theme($tokens) {
21
- $reference: resolve-tokens(tokens.md-comp-list-values());
22
+ $reference: tokens.md-comp-list-values();
23
+ $reference: resolve-tokens($reference);
22
24
  $tokens: resolve-tokens($tokens);
23
25
  $tokens: theme.validate-theme($reference, $tokens);
24
26
  $tokens: theme.create-theme-vars($tokens, list);
@@ -36,6 +38,7 @@
36
38
  }
37
39
 
38
40
  color: unset;
41
+ min-width: 300px;
39
42
  }
40
43
 
41
44
  .md3-list {
@@ -43,7 +46,7 @@
43
46
  display: block;
44
47
  list-style-type: none;
45
48
  margin: 0;
46
- min-width: 300px;
49
+ min-width: inherit;
47
50
  outline: none;
48
51
  padding: 8px 0;
49
52
  // Add position so the elevation overlay (which is absolutely positioned)
@@ -59,22 +62,36 @@
59
62
  /// So here we resolve list-items tokens, and resolve the difference between
60
63
  /// the full set of tokens and the ones specific to list-item.
61
64
  @function resolve-tokens($tokens) {
62
- // We need container color so rename so that we don't lose it
63
- $tokens: map.set(
64
- $tokens,
65
- container-color,
66
- map.get($tokens, list-item-container-color)
67
- );
68
- $list-item-tokens: list-item.resolve-tokens($tokens);
69
- $list-tokens: ();
70
-
71
- @each $token, $value in $tokens {
72
- $is-unique: not map.has-key($list-item-tokens, $token);
73
-
74
- @if $is-unique {
75
- $list-tokens: map.set($list-tokens, $token, $value);
76
- }
65
+ // Accept container-color token in the theme() mixin.
66
+ $container-color: map.get($tokens, container-color);
67
+
68
+ @if not $container-color {
69
+ // If not defined, rename the list-item-container-color token. This is
70
+ // useful for our styles() mixin where we simply feed this function the comp
71
+ // tokens from the compiler and no `container-color` token.
72
+ $container-color: map.get($tokens, list-item-container-color);
73
+ $tokens: map.set($tokens, container-color, $container-color);
77
74
  }
78
75
 
76
+ $list-tokens: remove-unused-tokens($tokens);
77
+
79
78
  @return $list-tokens;
80
79
  }
80
+
81
+ // removes unused tokens
82
+ @function remove-unused-tokens($tokens) {
83
+ $unused-tokens: ();
84
+ @each $token in map-keys($tokens) {
85
+ $index: string.index($token, 'list-item');
86
+
87
+ @if $index {
88
+ $unused-tokens: list.append($unused-tokens, $token);
89
+ }
90
+ }
91
+
92
+ @each $token in $unused-tokens {
93
+ $tokens: map.remove($tokens, $token);
94
+ }
95
+
96
+ @return $tokens;
97
+ }
package/list/lib/list-styles.css.js CHANGED
@@ -4,6 +4,6 @@
4
4
  * SPDX-License-Identifier: Apache-2.0
5
5
  */
6
6
  import { css } from 'lit';
7
- export const styles = css `:host{--_list-item-label-text-font: var(--md-list-list-item-label-text-font, Roboto);--_list-item-label-text-line-height: var(--md-list-list-item-label-text-line-height, 1.5rem);--_list-item-label-text-size: var(--md-list-list-item-label-text-size, 1rem);--_list-item-label-text-tracking: var(--md-list-list-item-label-text-tracking, 0.031rem);--_list-item-label-text-weight: var(--md-list-list-item-label-text-weight, 400);--_list-item-supporting-text-font: var(--md-list-list-item-supporting-text-font, Roboto);--_list-item-supporting-text-line-height: var(--md-list-list-item-supporting-text-line-height, 1.25rem);--_list-item-supporting-text-size: var(--md-list-list-item-supporting-text-size, 0.875rem);--_list-item-supporting-text-tracking: var(--md-list-list-item-supporting-text-tracking, 0.016rem);--_list-item-supporting-text-weight: var(--md-list-list-item-supporting-text-weight, 400);--_list-item-trailing-supporting-text-font: var(--md-list-list-item-trailing-supporting-text-font, Roboto);--_list-item-trailing-supporting-text-line-height: var(--md-list-list-item-trailing-supporting-text-line-height, 1rem);--_list-item-trailing-supporting-text-size: var(--md-list-list-item-trailing-supporting-text-size, 0.688rem);--_list-item-trailing-supporting-text-tracking: var(--md-list-list-item-trailing-supporting-text-tracking, 0.031rem);--_list-item-trailing-supporting-text-weight: var(--md-list-list-item-trailing-supporting-text-weight, 500);--_container-color: var(--md-list-container-color, var(--md-sys-color-surface, #fffbfe));color:unset}.md3-list{background-color:var(--_container-color);display:block;list-style-type:none;margin:0;min-width:300px;outline:none;padding:8px 0;position:relative}/*# sourceMappingURL=list-styles.css.map */
7
+ export const styles = css `:host{--_container-color: var(--md-list-container-color, var(--md-sys-color-surface, #fffbfe));color:unset;min-width:300px}.md3-list{background-color:var(--_container-color);display:block;list-style-type:none;margin:0;min-width:inherit;outline:none;padding:8px 0;position:relative}/*# sourceMappingURL=list-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=list-styles.css.js.map
package/list/lib/list-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-styles.css.js","sourceRoot":"","sources":["list-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_list-item-label-text-font: var(--md-list-list-item-label-text-font, Roboto);--_list-item-label-text-line-height: var(--md-list-list-item-label-text-line-height, 1.5rem);--_list-item-label-text-size: var(--md-list-list-item-label-text-size, 1rem);--_list-item-label-text-tracking: var(--md-list-list-item-label-text-tracking, 0.031rem);--_list-item-label-text-weight: var(--md-list-list-item-label-text-weight, 400);--_list-item-supporting-text-font: var(--md-list-list-item-supporting-text-font, Roboto);--_list-item-supporting-text-line-height: var(--md-list-list-item-supporting-text-line-height, 1.25rem);--_list-item-supporting-text-size: var(--md-list-list-item-supporting-text-size, 0.875rem);--_list-item-supporting-text-tracking: var(--md-list-list-item-supporting-text-tracking, 0.016rem);--_list-item-supporting-text-weight: var(--md-list-list-item-supporting-text-weight, 400);--_list-item-trailing-supporting-text-font: var(--md-list-list-item-trailing-supporting-text-font, Roboto);--_list-item-trailing-supporting-text-line-height: var(--md-list-list-item-trailing-supporting-text-line-height, 1rem);--_list-item-trailing-supporting-text-size: var(--md-list-list-item-trailing-supporting-text-size, 0.688rem);--_list-item-trailing-supporting-text-tracking: var(--md-list-list-item-trailing-supporting-text-tracking, 0.031rem);--_list-item-trailing-supporting-text-weight: var(--md-list-list-item-trailing-supporting-text-weight, 500);--_container-color: var(--md-list-container-color, var(--md-sys-color-surface, #fffbfe));color:unset}.md3-list{background-color:var(--_container-color);display:block;list-style-type:none;margin:0;min-width:300px;outline:none;padding:8px 0;position:relative}/*# sourceMappingURL=list-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"list-styles.css.js","sourceRoot":"","sources":["list-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-color: var(--md-list-container-color, var(--md-sys-color-surface, #fffbfe));color:unset;min-width:300px}.md3-list{background-color:var(--_container-color);display:block;list-style-type:none;margin:0;min-width:inherit;outline:none;padding:8px 0;position:relative}/*# sourceMappingURL=list-styles.css.map */\n`;\n "]}