@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/textfield/lib/filled-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-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, 0px));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, 0px));--_container-padding-horizontal: var(--md-filled-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-filled-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-filled-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-filled-text-field-input-text-suffix-padding, 2px);--_with-label-container-padding-vertical: var(--md-filled-text-field-with-label-container-padding-vertical, 8px);--_active-indicator-color: var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-text-field-active-indicator-height, 1px);--_caret-color: var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_container-color: var(--md-filled-text-field-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-active-indicator-height: var(--md-filled-text-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-container-opacity: var(--md-filled-text-field-disabled-container-opacity, 0.04);--_disabled-input-text-color: var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-active-indicator-color: var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-caret-color: var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-input-text-color: var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-state-layer-opacity: var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-text-field-focus-active-indicator-height, 2px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-active-indicator-height: var(--md-filled-text-field-hover-active-indicator-height, 1px);--_hover-input-text-color: var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-icon-color: var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-state-layer-opacity: var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-filled-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-filled-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-filled-text-field-leading-icon-size, 24px);--_supporting-text-color: var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-filled-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-filled-text-field-trailing-icon-size, 24px);--md-filled-field-container-shape-start-start:var(--md-filled-field-container-shape, var(--_container-shape-start-start));--md-filled-field-container-shape-start-end:var(--md-filled-field-container-shape, var(--_container-shape-start-end));--md-filled-field-container-shape-end-end:var(--md-filled-field-container-shape, var(--_container-shape-end-end));--md-filled-field-container-shape-end-start:var(--md-filled-field-container-shape, var(--_container-shape-end-start));--md-filled-field-active-indicator-color:var(--_active-indicator-color);--md-filled-field-active-indicator-height:var(--_active-indicator-height);--md-filled-field-container-color:var(--_container-color);--md-filled-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-filled-field-container-padding-vertical:var(--_container-padding-vertical);--md-filled-field-content-color:var(--_input-text-color);--md-filled-field-disabled-active-indicator-color:var(--_disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height:var(--_disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity:var(--_disabled-active-indicator-opacity);--md-filled-field-disabled-container-color:var(--_disabled-container-color);--md-filled-field-disabled-container-opacity:var(--_disabled-container-opacity);--md-filled-field-disabled-content-color:var(--_disabled-input-text-color);--md-filled-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-filled-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-filled-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-filled-field-disabled-leading-icon-color:var(--_disabled-leading-icon-color);--md-filled-field-disabled-leading-icon-opacity:var(--_disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-icon-color:var(--_disabled-trailing-icon-color);--md-filled-field-disabled-trailing-icon-opacity:var(--_disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color:var(--_error-active-indicator-color);--md-filled-field-error-focus-active-indicator-color:var(--_error-focus-active-indicator-color);--md-filled-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-filled-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-filled-field-error-focus-leading-icon-color:var(--_error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-icon-color:var(--_error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color:var(--_error-hover-active-indicator-color);--md-filled-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-filled-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-filled-field-error-hover-leading-icon-color:var(--_error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color:var(--_error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity:var(--_error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-icon-color:var(--_error-hover-trailing-icon-color);--md-filled-field-error-content-color:var(--_error-input-text-color);--md-filled-field-error-label-text-color:var(--_error-label-text-color);--md-filled-field-error-leading-icon-color:var(--_error-leading-icon-color);--md-filled-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-filled-field-error-trailing-icon-color:var(--_error-trailing-icon-color);--md-filled-field-focus-active-indicator-color:var(--_focus-active-indicator-color);--md-filled-field-focus-active-indicator-height:var(--_focus-active-indicator-height);--md-filled-field-focus-content-color:var(--_focus-input-text-color);--md-filled-field-focus-label-text-color:var(--_focus-label-text-color);--md-filled-field-focus-leading-icon-color:var(--_focus-leading-icon-color);--md-filled-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-filled-field-focus-trailing-icon-color:var(--_focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color:var(--_hover-active-indicator-color);--md-filled-field-hover-active-indicator-height:var(--_hover-active-indicator-height);--md-filled-field-hover-content-color:var(--_hover-input-text-color);--md-filled-field-hover-label-text-color:var(--_hover-label-text-color);--md-filled-field-hover-leading-icon-color:var(--_hover-leading-icon-color);--md-filled-field-hover-state-layer-color:var(--_hover-state-layer-color);--md-filled-field-hover-state-layer-opacity:var(--_hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-filled-field-hover-trailing-icon-color:var(--_hover-trailing-icon-color);--md-filled-field-label-text-color:var(--_label-text-color);--md-filled-field-label-text-type:var(--_label-text-type);--md-filled-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-filled-field-label-text-populated-size:var(--_label-text-populated-size);--md-filled-field-leading-icon-color:var(--_leading-icon-color);--md-filled-field-leading-icon-size:var(--_leading-icon-size);--md-filled-field-supporting-text-color:var(--_supporting-text-color);--md-filled-field-supporting-text-type:var(--_supporting-text-type);--md-filled-field-trailing-icon-color:var(--_trailing-icon-color);--md-filled-field-trailing-icon-size:var(--_trailing-icon-size);--md-filled-field-with-label-container-padding-vertical:var(--_with-label-container-padding-vertical)}/*# sourceMappingURL=filled-styles.css.map */
7
+ export const styles = css `:host{--_container-shape-start-start: var(--md-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, 0px));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, 0px));--_container-padding-horizontal: var(--md-filled-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-filled-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-filled-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-filled-text-field-input-text-suffix-padding, 2px);--_with-label-container-padding-vertical: var(--md-filled-text-field-with-label-container-padding-vertical, 8px);--_focus-caret-color: var(--md-filled-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-color: var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-text-field-active-indicator-height, 1px);--_caret-color: var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_container-color: var(--md-filled-text-field-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-active-indicator-height: var(--md-filled-text-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-container-opacity: var(--md-filled-text-field-disabled-container-opacity, 0.04);--_disabled-input-text-color: var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-active-indicator-color: var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-caret-color: var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-input-text-color: var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-state-layer-opacity: var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-text-field-focus-active-indicator-height, 2px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-active-indicator-height: var(--md-filled-text-field-hover-active-indicator-height, 1px);--_hover-input-text-color: var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-icon-color: var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-state-layer-opacity: var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-filled-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-filled-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-filled-text-field-leading-icon-size, 24px);--_supporting-text-color: var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-filled-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-filled-text-field-trailing-icon-size, 24px);--md-filled-field-container-shape-start-start:var(--md-filled-field-container-shape, var(--_container-shape-start-start));--md-filled-field-container-shape-start-end:var(--md-filled-field-container-shape, var(--_container-shape-start-end));--md-filled-field-container-shape-end-end:var(--md-filled-field-container-shape, var(--_container-shape-end-end));--md-filled-field-container-shape-end-start:var(--md-filled-field-container-shape, var(--_container-shape-end-start));--md-filled-field-active-indicator-color:var(--_active-indicator-color);--md-filled-field-active-indicator-height:var(--_active-indicator-height);--md-filled-field-container-color:var(--_container-color);--md-filled-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-filled-field-container-padding-vertical:var(--_container-padding-vertical);--md-filled-field-content-color:var(--_input-text-color);--md-filled-field-content-type:var(--_input-text-type);--md-filled-field-disabled-active-indicator-color:var(--_disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height:var(--_disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity:var(--_disabled-active-indicator-opacity);--md-filled-field-disabled-container-color:var(--_disabled-container-color);--md-filled-field-disabled-container-opacity:var(--_disabled-container-opacity);--md-filled-field-disabled-content-color:var(--_disabled-input-text-color);--md-filled-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-filled-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-filled-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color:var(--_disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity:var(--_disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color:var(--_disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity:var(--_disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color:var(--_error-active-indicator-color);--md-filled-field-error-content-color:var(--_error-input-text-color);--md-filled-field-error-focus-active-indicator-color:var(--_error-focus-active-indicator-color);--md-filled-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-filled-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color:var(--_error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color:var(--_error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color:var(--_error-hover-active-indicator-color);--md-filled-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-filled-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color:var(--_error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color:var(--_error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity:var(--_error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color:var(--_error-hover-trailing-icon-color);--md-filled-field-error-label-text-color:var(--_error-label-text-color);--md-filled-field-error-leading-content-color:var(--_error-leading-icon-color);--md-filled-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-filled-field-error-trailing-content-color:var(--_error-trailing-icon-color);--md-filled-field-focus-active-indicator-color:var(--_focus-active-indicator-color);--md-filled-field-focus-active-indicator-height:var(--_focus-active-indicator-height);--md-filled-field-focus-content-color:var(--_focus-input-text-color);--md-filled-field-focus-label-text-color:var(--_focus-label-text-color);--md-filled-field-focus-leading-content-color:var(--_focus-leading-icon-color);--md-filled-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-filled-field-focus-trailing-content-color:var(--_focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color:var(--_hover-active-indicator-color);--md-filled-field-hover-active-indicator-height:var(--_hover-active-indicator-height);--md-filled-field-hover-content-color:var(--_hover-input-text-color);--md-filled-field-hover-label-text-color:var(--_hover-label-text-color);--md-filled-field-hover-leading-content-color:var(--_hover-leading-icon-color);--md-filled-field-hover-state-layer-color:var(--_hover-state-layer-color);--md-filled-field-hover-state-layer-opacity:var(--_hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-filled-field-hover-trailing-content-color:var(--_hover-trailing-icon-color);--md-filled-field-label-text-color:var(--_label-text-color);--md-filled-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-filled-field-label-text-populated-size:var(--_label-text-populated-size);--md-filled-field-label-text-type:var(--_label-text-type);--md-filled-field-leading-content-color:var(--_leading-icon-color);--md-filled-field-supporting-text-color:var(--_supporting-text-color);--md-filled-field-supporting-text-type:var(--_supporting-text-type);--md-filled-field-trailing-content-color:var(--_trailing-icon-color);--md-filled-field-with-label-container-padding-vertical:var(--_with-label-container-padding-vertical)}/*# sourceMappingURL=filled-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=filled-styles.css.js.map
package/textfield/lib/filled-styles.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"filled-styles.css.js","sourceRoot":"","sources":["filled-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-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, 0px));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, 0px));--_container-padding-horizontal: var(--md-filled-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-filled-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-filled-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-filled-text-field-input-text-suffix-padding, 2px);--_with-label-container-padding-vertical: var(--md-filled-text-field-with-label-container-padding-vertical, 8px);--_active-indicator-color: var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-text-field-active-indicator-height, 1px);--_caret-color: var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_container-color: var(--md-filled-text-field-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-active-indicator-height: var(--md-filled-text-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-container-opacity: var(--md-filled-text-field-disabled-container-opacity, 0.04);--_disabled-input-text-color: var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-active-indicator-color: var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-caret-color: var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-input-text-color: var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-state-layer-opacity: var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-text-field-focus-active-indicator-height, 2px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-active-indicator-height: var(--md-filled-text-field-hover-active-indicator-height, 1px);--_hover-input-text-color: var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-icon-color: var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-state-layer-opacity: var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-filled-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-filled-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-filled-text-field-leading-icon-size, 24px);--_supporting-text-color: var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-filled-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-filled-text-field-trailing-icon-size, 24px);--md-filled-field-container-shape-start-start:var(--md-filled-field-container-shape, var(--_container-shape-start-start));--md-filled-field-container-shape-start-end:var(--md-filled-field-container-shape, var(--_container-shape-start-end));--md-filled-field-container-shape-end-end:var(--md-filled-field-container-shape, var(--_container-shape-end-end));--md-filled-field-container-shape-end-start:var(--md-filled-field-container-shape, var(--_container-shape-end-start));--md-filled-field-active-indicator-color:var(--_active-indicator-color);--md-filled-field-active-indicator-height:var(--_active-indicator-height);--md-filled-field-container-color:var(--_container-color);--md-filled-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-filled-field-container-padding-vertical:var(--_container-padding-vertical);--md-filled-field-content-color:var(--_input-text-color);--md-filled-field-disabled-active-indicator-color:var(--_disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height:var(--_disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity:var(--_disabled-active-indicator-opacity);--md-filled-field-disabled-container-color:var(--_disabled-container-color);--md-filled-field-disabled-container-opacity:var(--_disabled-container-opacity);--md-filled-field-disabled-content-color:var(--_disabled-input-text-color);--md-filled-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-filled-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-filled-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-filled-field-disabled-leading-icon-color:var(--_disabled-leading-icon-color);--md-filled-field-disabled-leading-icon-opacity:var(--_disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-icon-color:var(--_disabled-trailing-icon-color);--md-filled-field-disabled-trailing-icon-opacity:var(--_disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color:var(--_error-active-indicator-color);--md-filled-field-error-focus-active-indicator-color:var(--_error-focus-active-indicator-color);--md-filled-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-filled-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-filled-field-error-focus-leading-icon-color:var(--_error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-icon-color:var(--_error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color:var(--_error-hover-active-indicator-color);--md-filled-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-filled-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-filled-field-error-hover-leading-icon-color:var(--_error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color:var(--_error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity:var(--_error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-icon-color:var(--_error-hover-trailing-icon-color);--md-filled-field-error-content-color:var(--_error-input-text-color);--md-filled-field-error-label-text-color:var(--_error-label-text-color);--md-filled-field-error-leading-icon-color:var(--_error-leading-icon-color);--md-filled-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-filled-field-error-trailing-icon-color:var(--_error-trailing-icon-color);--md-filled-field-focus-active-indicator-color:var(--_focus-active-indicator-color);--md-filled-field-focus-active-indicator-height:var(--_focus-active-indicator-height);--md-filled-field-focus-content-color:var(--_focus-input-text-color);--md-filled-field-focus-label-text-color:var(--_focus-label-text-color);--md-filled-field-focus-leading-icon-color:var(--_focus-leading-icon-color);--md-filled-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-filled-field-focus-trailing-icon-color:var(--_focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color:var(--_hover-active-indicator-color);--md-filled-field-hover-active-indicator-height:var(--_hover-active-indicator-height);--md-filled-field-hover-content-color:var(--_hover-input-text-color);--md-filled-field-hover-label-text-color:var(--_hover-label-text-color);--md-filled-field-hover-leading-icon-color:var(--_hover-leading-icon-color);--md-filled-field-hover-state-layer-color:var(--_hover-state-layer-color);--md-filled-field-hover-state-layer-opacity:var(--_hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-filled-field-hover-trailing-icon-color:var(--_hover-trailing-icon-color);--md-filled-field-label-text-color:var(--_label-text-color);--md-filled-field-label-text-type:var(--_label-text-type);--md-filled-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-filled-field-label-text-populated-size:var(--_label-text-populated-size);--md-filled-field-leading-icon-color:var(--_leading-icon-color);--md-filled-field-leading-icon-size:var(--_leading-icon-size);--md-filled-field-supporting-text-color:var(--_supporting-text-color);--md-filled-field-supporting-text-type:var(--_supporting-text-type);--md-filled-field-trailing-icon-color:var(--_trailing-icon-color);--md-filled-field-trailing-icon-size:var(--_trailing-icon-size);--md-filled-field-with-label-container-padding-vertical:var(--_with-label-container-padding-vertical)}/*# sourceMappingURL=filled-styles.css.map */\n`;\n "]}
1
+ {"version":3,"file":"filled-styles.css.js","sourceRoot":"","sources":["filled-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-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, 0px));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, 0px));--_container-padding-horizontal: var(--md-filled-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-filled-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-filled-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-filled-text-field-input-text-suffix-padding, 2px);--_with-label-container-padding-vertical: var(--md-filled-text-field-with-label-container-padding-vertical, 8px);--_focus-caret-color: var(--md-filled-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-color: var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-text-field-active-indicator-height, 1px);--_caret-color: var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_container-color: var(--md-filled-text-field-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-active-indicator-height: var(--md-filled-text-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-container-opacity: var(--md-filled-text-field-disabled-container-opacity, 0.04);--_disabled-input-text-color: var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-active-indicator-color: var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-caret-color: var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-input-text-color: var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-state-layer-opacity: var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-text-field-focus-active-indicator-height, 2px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-active-indicator-height: var(--md-filled-text-field-hover-active-indicator-height, 1px);--_hover-input-text-color: var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-icon-color: var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-state-layer-opacity: var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-filled-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-filled-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-filled-text-field-leading-icon-size, 24px);--_supporting-text-color: var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-filled-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-filled-text-field-trailing-icon-size, 24px);--md-filled-field-container-shape-start-start:var(--md-filled-field-container-shape, var(--_container-shape-start-start));--md-filled-field-container-shape-start-end:var(--md-filled-field-container-shape, var(--_container-shape-start-end));--md-filled-field-container-shape-end-end:var(--md-filled-field-container-shape, var(--_container-shape-end-end));--md-filled-field-container-shape-end-start:var(--md-filled-field-container-shape, var(--_container-shape-end-start));--md-filled-field-active-indicator-color:var(--_active-indicator-color);--md-filled-field-active-indicator-height:var(--_active-indicator-height);--md-filled-field-container-color:var(--_container-color);--md-filled-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-filled-field-container-padding-vertical:var(--_container-padding-vertical);--md-filled-field-content-color:var(--_input-text-color);--md-filled-field-content-type:var(--_input-text-type);--md-filled-field-disabled-active-indicator-color:var(--_disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height:var(--_disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity:var(--_disabled-active-indicator-opacity);--md-filled-field-disabled-container-color:var(--_disabled-container-color);--md-filled-field-disabled-container-opacity:var(--_disabled-container-opacity);--md-filled-field-disabled-content-color:var(--_disabled-input-text-color);--md-filled-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-filled-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-filled-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color:var(--_disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity:var(--_disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color:var(--_disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity:var(--_disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color:var(--_error-active-indicator-color);--md-filled-field-error-content-color:var(--_error-input-text-color);--md-filled-field-error-focus-active-indicator-color:var(--_error-focus-active-indicator-color);--md-filled-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-filled-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color:var(--_error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color:var(--_error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color:var(--_error-hover-active-indicator-color);--md-filled-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-filled-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color:var(--_error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color:var(--_error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity:var(--_error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color:var(--_error-hover-trailing-icon-color);--md-filled-field-error-label-text-color:var(--_error-label-text-color);--md-filled-field-error-leading-content-color:var(--_error-leading-icon-color);--md-filled-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-filled-field-error-trailing-content-color:var(--_error-trailing-icon-color);--md-filled-field-focus-active-indicator-color:var(--_focus-active-indicator-color);--md-filled-field-focus-active-indicator-height:var(--_focus-active-indicator-height);--md-filled-field-focus-content-color:var(--_focus-input-text-color);--md-filled-field-focus-label-text-color:var(--_focus-label-text-color);--md-filled-field-focus-leading-content-color:var(--_focus-leading-icon-color);--md-filled-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-filled-field-focus-trailing-content-color:var(--_focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color:var(--_hover-active-indicator-color);--md-filled-field-hover-active-indicator-height:var(--_hover-active-indicator-height);--md-filled-field-hover-content-color:var(--_hover-input-text-color);--md-filled-field-hover-label-text-color:var(--_hover-label-text-color);--md-filled-field-hover-leading-content-color:var(--_hover-leading-icon-color);--md-filled-field-hover-state-layer-color:var(--_hover-state-layer-color);--md-filled-field-hover-state-layer-opacity:var(--_hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-filled-field-hover-trailing-content-color:var(--_hover-trailing-icon-color);--md-filled-field-label-text-color:var(--_label-text-color);--md-filled-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-filled-field-label-text-populated-size:var(--_label-text-populated-size);--md-filled-field-label-text-type:var(--_label-text-type);--md-filled-field-leading-content-color:var(--_leading-icon-color);--md-filled-field-supporting-text-color:var(--_supporting-text-color);--md-filled-field-supporting-text-type:var(--_supporting-text-type);--md-filled-field-trailing-content-color:var(--_trailing-icon-color);--md-filled-field-with-label-container-padding-vertical:var(--_with-label-container-padding-vertical)}/*# sourceMappingURL=filled-styles.css.map */\n`;\n "]}
package/textfield/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-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, 4px));--_container-padding-horizontal: var(--md-outlined-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-outlined-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-outlined-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-outlined-text-field-input-text-suffix-padding, 2px);--_outline-label-padding: var(--md-outlined-text-field-outline-label-padding, 4px);--_caret-color: var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_disabled-input-text-color: var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-outline-opacity: var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-text-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--_error-focus-caret-color: var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-input-text-color: var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-input-text-color: var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-text-field-focus-outline-width, 2px);--_focus-supporting-text-color: var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-input-text-color: var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-leading-icon-color: var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-outline-width: var(--md-outlined-text-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-outlined-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-outlined-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-outlined-text-field-leading-icon-size, 24px);--_outline-color: var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-text-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-outlined-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-outlined-text-field-trailing-icon-size, 24px);--md-outlined-field-container-shape-start-start:var(--md-outlined-field-container-shape, var(--_container-shape-start-start));--md-outlined-field-container-shape-start-end:var(--md-outlined-field-container-shape, var(--_container-shape-start-end));--md-outlined-field-container-shape-end-end:var(--md-outlined-field-container-shape, var(--_container-shape-end-end));--md-outlined-field-container-shape-end-start:var(--md-outlined-field-container-shape, var(--_container-shape-end-start));--md-outlined-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-outlined-field-container-padding-vertical:var(--_container-padding-vertical);--md-outlined-field-disabled-content-color:var(--_disabled-input-text-color);--md-outlined-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-outlined-field-disabled-leading-icon-color:var(--_disabled-leading-icon-color);--md-outlined-field-disabled-leading-icon-opacity:var(--_disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color:var(--_disabled-outline-color);--md-outlined-field-disabled-outline-opacity:var(--_disabled-outline-opacity);--md-outlined-field-disabled-outline-width:var(--_disabled-outline-width);--md-outlined-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-icon-color:var(--_disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-icon-opacity:var(--_disabled-trailing-icon-opacity);--md-outlined-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-outlined-field-error-focus-leading-icon-color:var(--_error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color:var(--_error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-icon-color:var(--_error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-outlined-field-error-hover-leading-icon-color:var(--_error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color:var(--_error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-icon-color:var(--_error-hover-trailing-icon-color);--md-outlined-field-error-content-color:var(--_error-input-text-color);--md-outlined-field-error-label-text-color:var(--_error-label-text-color);--md-outlined-field-error-leading-icon-color:var(--_error-leading-icon-color);--md-outlined-field-error-outline-color:var(--_error-outline-color);--md-outlined-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-outlined-field-error-trailing-icon-color:var(--_error-trailing-icon-color);--md-outlined-field-focus-content-color:var(--_focus-input-text-color);--md-outlined-field-focus-label-text-color:var(--_focus-label-text-color);--md-outlined-field-focus-leading-icon-color:var(--_focus-leading-icon-color);--md-outlined-field-focus-outline-color:var(--_focus-outline-color);--md-outlined-field-focus-outline-width:var(--_focus-outline-width);--md-outlined-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-outlined-field-focus-trailing-icon-color:var(--_focus-trailing-icon-color);--md-outlined-field-hover-content-color:var(--_hover-input-text-color);--md-outlined-field-hover-label-text-color:var(--_hover-label-text-color);--md-outlined-field-hover-leading-icon-color:var(--_hover-leading-icon-color);--md-outlined-field-hover-outline-color:var(--_hover-outline-color);--md-outlined-field-hover-outline-width:var(--_hover-outline-width);--md-outlined-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-outlined-field-hover-trailing-icon-color:var(--_hover-trailing-icon-color);--md-outlined-field-content-color:var(--_input-text-color);--md-outlined-field-label-text-color:var(--_label-text-color);--md-outlined-field-label-text-type:var(--_label-text-type);--md-outlined-field-label-text-padding-bottom:var(--_label-text-padding-bottom);--md-outlined-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-outlined-field-label-text-populated-size:var(--_label-text-populated-size);--md-outlined-field-leading-icon-color:var(--_leading-icon-color);--md-outlined-field-leading-icon-size:var(--_leading-icon-size);--md-outlined-field-outline-color:var(--_outline-color);--md-outlined-field-outline-width:var(--_outline-width);--md-outlined-field-supporting-text-type:var(--_supporting-text-type);--md-outlined-field-supporting-text-color:var(--_supporting-text-color);--md-outlined-field-trailing-icon-color:var(--_trailing-icon-color);--md-outlined-field-trailing-icon-size:var(--_trailing-icon-size)}/*# sourceMappingURL=outlined-styles.css.map */
7
+ export const styles = css `:host{--_container-shape-start-start: var(--md-outlined-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, 4px));--_container-padding-horizontal: var(--md-outlined-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-outlined-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-outlined-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-outlined-text-field-input-text-suffix-padding, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_caret-color: var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_disabled-input-text-color: var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-outline-opacity: var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-text-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--_error-focus-caret-color: var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-input-text-color: var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-input-text-color: var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-text-field-focus-outline-width, 2px);--_focus-supporting-text-color: var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-input-text-color: var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-leading-icon-color: var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-outline-width: var(--md-outlined-text-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-outlined-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-outlined-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-outlined-text-field-leading-icon-size, 24px);--_outline-color: var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-text-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-outlined-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-outlined-text-field-trailing-icon-size, 24px);--md-outlined-field-container-shape-start-start:var(--md-outlined-field-container-shape, var(--_container-shape-start-start));--md-outlined-field-container-shape-start-end:var(--md-outlined-field-container-shape, var(--_container-shape-start-end));--md-outlined-field-container-shape-end-end:var(--md-outlined-field-container-shape, var(--_container-shape-end-end));--md-outlined-field-container-shape-end-start:var(--md-outlined-field-container-shape, var(--_container-shape-end-start));--md-outlined-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-outlined-field-container-padding-vertical:var(--_container-padding-vertical);--md-outlined-field-content-color:var(--_input-text-color);--md-outlined-field-content-type:var(--_input-text-type);--md-outlined-field-disabled-content-color:var(--_disabled-input-text-color);--md-outlined-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-outlined-field-disabled-leading-content-color:var(--_disabled-leading-icon-color);--md-outlined-field-disabled-leading-content-opacity:var(--_disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color:var(--_disabled-outline-color);--md-outlined-field-disabled-outline-opacity:var(--_disabled-outline-opacity);--md-outlined-field-disabled-outline-width:var(--_disabled-outline-width);--md-outlined-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-content-color:var(--_disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-content-opacity:var(--_disabled-trailing-icon-opacity);--md-outlined-field-error-content-color:var(--_error-input-text-color);--md-outlined-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-outlined-field-error-focus-leading-content-color:var(--_error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color:var(--_error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-content-color:var(--_error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-outlined-field-error-hover-leading-content-color:var(--_error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color:var(--_error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-content-color:var(--_error-hover-trailing-icon-color);--md-outlined-field-error-label-text-color:var(--_error-label-text-color);--md-outlined-field-error-leading-content-color:var(--_error-leading-icon-color);--md-outlined-field-error-outline-color:var(--_error-outline-color);--md-outlined-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-outlined-field-error-trailing-content-color:var(--_error-trailing-icon-color);--md-outlined-field-focus-content-color:var(--_focus-input-text-color);--md-outlined-field-focus-label-text-color:var(--_focus-label-text-color);--md-outlined-field-focus-leading-content-color:var(--_focus-leading-icon-color);--md-outlined-field-focus-outline-color:var(--_focus-outline-color);--md-outlined-field-focus-outline-width:var(--_focus-outline-width);--md-outlined-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-outlined-field-focus-trailing-content-color:var(--_focus-trailing-icon-color);--md-outlined-field-hover-content-color:var(--_hover-input-text-color);--md-outlined-field-hover-label-text-color:var(--_hover-label-text-color);--md-outlined-field-hover-leading-content-color:var(--_hover-leading-icon-color);--md-outlined-field-hover-outline-color:var(--_hover-outline-color);--md-outlined-field-hover-outline-width:var(--_hover-outline-width);--md-outlined-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-outlined-field-hover-trailing-content-color:var(--_hover-trailing-icon-color);--md-outlined-field-label-text-color:var(--_label-text-color);--md-outlined-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-outlined-field-label-text-populated-size:var(--_label-text-populated-size);--md-outlined-field-label-text-type:var(--_label-text-type);--md-outlined-field-leading-content-color:var(--_leading-icon-color);--md-outlined-field-outline-color:var(--_outline-color);--md-outlined-field-outline-width:var(--_outline-width);--md-outlined-field-supporting-text-color:var(--_supporting-text-color);--md-outlined-field-supporting-text-type:var(--_supporting-text-type);--md-outlined-field-trailing-content-color:var(--_trailing-icon-color)}/*# sourceMappingURL=outlined-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=outlined-styles.css.js.map
package/textfield/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-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, 4px));--_container-padding-horizontal: var(--md-outlined-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-outlined-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-outlined-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-outlined-text-field-input-text-suffix-padding, 2px);--_outline-label-padding: var(--md-outlined-text-field-outline-label-padding, 4px);--_caret-color: var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_disabled-input-text-color: var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-outline-opacity: var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-text-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--_error-focus-caret-color: var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-input-text-color: var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-input-text-color: var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-text-field-focus-outline-width, 2px);--_focus-supporting-text-color: var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-input-text-color: var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-leading-icon-color: var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-outline-width: var(--md-outlined-text-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-outlined-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-outlined-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-outlined-text-field-leading-icon-size, 24px);--_outline-color: var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-text-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-outlined-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-outlined-text-field-trailing-icon-size, 24px);--md-outlined-field-container-shape-start-start:var(--md-outlined-field-container-shape, var(--_container-shape-start-start));--md-outlined-field-container-shape-start-end:var(--md-outlined-field-container-shape, var(--_container-shape-start-end));--md-outlined-field-container-shape-end-end:var(--md-outlined-field-container-shape, var(--_container-shape-end-end));--md-outlined-field-container-shape-end-start:var(--md-outlined-field-container-shape, var(--_container-shape-end-start));--md-outlined-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-outlined-field-container-padding-vertical:var(--_container-padding-vertical);--md-outlined-field-disabled-content-color:var(--_disabled-input-text-color);--md-outlined-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-outlined-field-disabled-leading-icon-color:var(--_disabled-leading-icon-color);--md-outlined-field-disabled-leading-icon-opacity:var(--_disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color:var(--_disabled-outline-color);--md-outlined-field-disabled-outline-opacity:var(--_disabled-outline-opacity);--md-outlined-field-disabled-outline-width:var(--_disabled-outline-width);--md-outlined-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-icon-color:var(--_disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-icon-opacity:var(--_disabled-trailing-icon-opacity);--md-outlined-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-outlined-field-error-focus-leading-icon-color:var(--_error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color:var(--_error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-icon-color:var(--_error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-outlined-field-error-hover-leading-icon-color:var(--_error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color:var(--_error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-icon-color:var(--_error-hover-trailing-icon-color);--md-outlined-field-error-content-color:var(--_error-input-text-color);--md-outlined-field-error-label-text-color:var(--_error-label-text-color);--md-outlined-field-error-leading-icon-color:var(--_error-leading-icon-color);--md-outlined-field-error-outline-color:var(--_error-outline-color);--md-outlined-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-outlined-field-error-trailing-icon-color:var(--_error-trailing-icon-color);--md-outlined-field-focus-content-color:var(--_focus-input-text-color);--md-outlined-field-focus-label-text-color:var(--_focus-label-text-color);--md-outlined-field-focus-leading-icon-color:var(--_focus-leading-icon-color);--md-outlined-field-focus-outline-color:var(--_focus-outline-color);--md-outlined-field-focus-outline-width:var(--_focus-outline-width);--md-outlined-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-outlined-field-focus-trailing-icon-color:var(--_focus-trailing-icon-color);--md-outlined-field-hover-content-color:var(--_hover-input-text-color);--md-outlined-field-hover-label-text-color:var(--_hover-label-text-color);--md-outlined-field-hover-leading-icon-color:var(--_hover-leading-icon-color);--md-outlined-field-hover-outline-color:var(--_hover-outline-color);--md-outlined-field-hover-outline-width:var(--_hover-outline-width);--md-outlined-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-outlined-field-hover-trailing-icon-color:var(--_hover-trailing-icon-color);--md-outlined-field-content-color:var(--_input-text-color);--md-outlined-field-label-text-color:var(--_label-text-color);--md-outlined-field-label-text-type:var(--_label-text-type);--md-outlined-field-label-text-padding-bottom:var(--_label-text-padding-bottom);--md-outlined-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-outlined-field-label-text-populated-size:var(--_label-text-populated-size);--md-outlined-field-leading-icon-color:var(--_leading-icon-color);--md-outlined-field-leading-icon-size:var(--_leading-icon-size);--md-outlined-field-outline-color:var(--_outline-color);--md-outlined-field-outline-width:var(--_outline-width);--md-outlined-field-supporting-text-type:var(--_supporting-text-type);--md-outlined-field-supporting-text-color:var(--_supporting-text-color);--md-outlined-field-trailing-icon-color:var(--_trailing-icon-color);--md-outlined-field-trailing-icon-size:var(--_trailing-icon-size)}/*# 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-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, 4px));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, 4px));--_container-padding-horizontal: var(--md-outlined-text-field-container-padding-horizontal, 16px);--_container-padding-vertical: var(--md-outlined-text-field-container-padding-vertical, 16px);--_input-text-prefix-padding: var(--md-outlined-text-field-input-text-prefix-padding, 2px);--_input-text-suffix-padding: var(--md-outlined-text-field-input-text-suffix-padding, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_caret-color: var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_disabled-input-text-color: var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-input-text-opacity: var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-label-text-opacity: var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-leading-icon-opacity: var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-outline-opacity: var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-text-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-supporting-text-opacity: var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_disabled-trailing-icon-opacity: var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--_error-focus-caret-color: var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-focus-label-text-color: var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-input-text-color: var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-hover-label-text-color: var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_error-label-text-color: var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-input-text-color: var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_focus-label-text-color: var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-text-field-focus-outline-width, 2px);--_focus-supporting-text-color: var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-input-text-color: var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-leading-icon-color: var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_hover-outline-width: var(--md-outlined-text-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-text-placeholder-color: var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-type: var(--md-outlined-text-field-input-text-type, 400 1rem / 1.5rem Roboto);--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, 1rem);--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, 0.75rem);--_label-text-type: var(--md-outlined-text-field-label-text-type, 400 1rem / 1.5rem Roboto);--_leading-icon-color: var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-outlined-text-field-leading-icon-size, 24px);--_outline-color: var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-text-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-type: var(--md-outlined-text-field-supporting-text-type, 400 0.75rem / 1rem Roboto);--_trailing-icon-color: var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-outlined-text-field-trailing-icon-size, 24px);--md-outlined-field-container-shape-start-start:var(--md-outlined-field-container-shape, var(--_container-shape-start-start));--md-outlined-field-container-shape-start-end:var(--md-outlined-field-container-shape, var(--_container-shape-start-end));--md-outlined-field-container-shape-end-end:var(--md-outlined-field-container-shape, var(--_container-shape-end-end));--md-outlined-field-container-shape-end-start:var(--md-outlined-field-container-shape, var(--_container-shape-end-start));--md-outlined-field-container-padding-horizontal:var(--_container-padding-horizontal);--md-outlined-field-container-padding-vertical:var(--_container-padding-vertical);--md-outlined-field-content-color:var(--_input-text-color);--md-outlined-field-content-type:var(--_input-text-type);--md-outlined-field-disabled-content-color:var(--_disabled-input-text-color);--md-outlined-field-disabled-content-opacity:var(--_disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color:var(--_disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity:var(--_disabled-label-text-opacity);--md-outlined-field-disabled-leading-content-color:var(--_disabled-leading-icon-color);--md-outlined-field-disabled-leading-content-opacity:var(--_disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color:var(--_disabled-outline-color);--md-outlined-field-disabled-outline-opacity:var(--_disabled-outline-opacity);--md-outlined-field-disabled-outline-width:var(--_disabled-outline-width);--md-outlined-field-disabled-supporting-text-color:var(--_disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity:var(--_disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-content-color:var(--_disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-content-opacity:var(--_disabled-trailing-icon-opacity);--md-outlined-field-error-content-color:var(--_error-input-text-color);--md-outlined-field-error-focus-content-color:var(--_error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color:var(--_error-focus-label-text-color);--md-outlined-field-error-focus-leading-content-color:var(--_error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color:var(--_error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color:var(--_error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-content-color:var(--_error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color:var(--_error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color:var(--_error-hover-label-text-color);--md-outlined-field-error-hover-leading-content-color:var(--_error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color:var(--_error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color:var(--_error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-content-color:var(--_error-hover-trailing-icon-color);--md-outlined-field-error-label-text-color:var(--_error-label-text-color);--md-outlined-field-error-leading-content-color:var(--_error-leading-icon-color);--md-outlined-field-error-outline-color:var(--_error-outline-color);--md-outlined-field-error-supporting-text-color:var(--_error-supporting-text-color);--md-outlined-field-error-trailing-content-color:var(--_error-trailing-icon-color);--md-outlined-field-focus-content-color:var(--_focus-input-text-color);--md-outlined-field-focus-label-text-color:var(--_focus-label-text-color);--md-outlined-field-focus-leading-content-color:var(--_focus-leading-icon-color);--md-outlined-field-focus-outline-color:var(--_focus-outline-color);--md-outlined-field-focus-outline-width:var(--_focus-outline-width);--md-outlined-field-focus-supporting-text-color:var(--_focus-supporting-text-color);--md-outlined-field-focus-trailing-content-color:var(--_focus-trailing-icon-color);--md-outlined-field-hover-content-color:var(--_hover-input-text-color);--md-outlined-field-hover-label-text-color:var(--_hover-label-text-color);--md-outlined-field-hover-leading-content-color:var(--_hover-leading-icon-color);--md-outlined-field-hover-outline-color:var(--_hover-outline-color);--md-outlined-field-hover-outline-width:var(--_hover-outline-width);--md-outlined-field-hover-supporting-text-color:var(--_hover-supporting-text-color);--md-outlined-field-hover-trailing-content-color:var(--_hover-trailing-icon-color);--md-outlined-field-label-text-color:var(--_label-text-color);--md-outlined-field-label-text-populated-line-height:var(--_label-text-populated-line-height);--md-outlined-field-label-text-populated-size:var(--_label-text-populated-size);--md-outlined-field-label-text-type:var(--_label-text-type);--md-outlined-field-leading-content-color:var(--_leading-icon-color);--md-outlined-field-outline-color:var(--_outline-color);--md-outlined-field-outline-width:var(--_outline-width);--md-outlined-field-supporting-text-color:var(--_supporting-text-color);--md-outlined-field-supporting-text-type:var(--_supporting-text-type);--md-outlined-field-trailing-content-color:var(--_trailing-icon-color)}/*# sourceMappingURL=outlined-styles.css.map */\n`;\n "]}
package/textfield/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)}.text-field{display:inline-flex;flex:1}.field{cursor:text;flex:1}.disabled .field{cursor:default}.counter{white-space:nowrap}.icon{display:flex}.icon ::slotted(*){display:flex}.icon.leading{color:var(--_leading-icon-color)}.icon.trailing{color:var(--_trailing-icon-color)}:hover .icon.leading{color:var(--_hover-leading-icon-color)}:hover .icon.trailing{color:var(--_hover-trailing-icon-color)}:focus-within .icon.leading{color:var(--_focus-leading-icon-color)}:focus-within .icon.trailing{color:var(--_focus-trailing-icon-color)}.disabled .icon.leading{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}.disabled .icon.trailing{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.error .icon.leading{color:var(--_error-leading-icon-color)}.error .icon.trailing{color:var(--_error-trailing-icon-color)}.error:hover .icon.leading{color:var(--_error-hover-leading-icon-color)}.error:hover .icon.trailing{color:var(--_error-hover-trailing-icon-color)}.error:focus-within .icon.leading{color:var(--_error-focus-leading-icon-color)}.error:focus-within .icon.trailing{color:var(--_error-focus-trailing-icon-color)}input{appearance:none;background:none;border:none;caret-color:var(--_caret-color);color:currentColor;outline:none;padding:0;text-align:inherit;width:100%}input::placeholder{color:currentColor;opacity:1}input::-webkit-calendar-picker-indicator{display:none}@media(forced-colors: active){input{background-color:Field}}:focus-within input{caret-color:var(--_focus-caret-color)}.error:focus-within input{caret-color:var(--_error-focus-caret-color)}input,.prefix,.suffix{font:var(--_input-text-type)}.text-field:not(.disabled) .prefix,.text-field:not(.disabled) .suffix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) input::placeholder{color:var(--_input-text-placeholder-color)}.prefix{padding-inline-end:var(--_input-text-prefix-padding)}.suffix{padding-inline-start:var(--_input-text-suffix-padding)}/*# 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)}.text-field{display:inline-flex;flex:1}.field{cursor:text;flex:1}.disabled .field{cursor:default}.counter{white-space:nowrap}.icon{color:currentColor;display:flex;fill:currentColor}.icon ::slotted(*){display:flex}[hasstart] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[hasend] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}input{appearance:none;background:none;border:none;caret-color:var(--_caret-color);color:currentColor;font:inherit;outline:none;padding:0;text-align:inherit;width:100%}input::placeholder{color:currentColor;opacity:1}input::-webkit-calendar-picker-indicator{display:none}@media(forced-colors: active){input{background-color:Field}}:focus-within input{caret-color:var(--_focus-caret-color)}.error:focus-within input{caret-color:var(--_error-focus-caret-color)}.text-field:not(.disabled) .prefix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) .suffix{color:var(--_input-text-suffix-color)}.text-field:not(.disabled) input::placeholder{color:var(--_input-text-placeholder-color)}.prefix{padding-inline-end:var(--_input-text-prefix-padding)}.suffix{padding-inline-start:var(--_input-text-suffix-padding)}/*# sourceMappingURL=shared-styles.css.map */
8
8
  `;
9
9
  //# sourceMappingURL=shared-styles.css.js.map
package/textfield/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)}.text-field{display:inline-flex;flex:1}.field{cursor:text;flex:1}.disabled .field{cursor:default}.counter{white-space:nowrap}.icon{display:flex}.icon ::slotted(*){display:flex}.icon.leading{color:var(--_leading-icon-color)}.icon.trailing{color:var(--_trailing-icon-color)}:hover .icon.leading{color:var(--_hover-leading-icon-color)}:hover .icon.trailing{color:var(--_hover-trailing-icon-color)}:focus-within .icon.leading{color:var(--_focus-leading-icon-color)}:focus-within .icon.trailing{color:var(--_focus-trailing-icon-color)}.disabled .icon.leading{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}.disabled .icon.trailing{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.error .icon.leading{color:var(--_error-leading-icon-color)}.error .icon.trailing{color:var(--_error-trailing-icon-color)}.error:hover .icon.leading{color:var(--_error-hover-leading-icon-color)}.error:hover .icon.trailing{color:var(--_error-hover-trailing-icon-color)}.error:focus-within .icon.leading{color:var(--_error-focus-leading-icon-color)}.error:focus-within .icon.trailing{color:var(--_error-focus-trailing-icon-color)}input{appearance:none;background:none;border:none;caret-color:var(--_caret-color);color:currentColor;outline:none;padding:0;text-align:inherit;width:100%}input::placeholder{color:currentColor;opacity:1}input::-webkit-calendar-picker-indicator{display:none}@media(forced-colors: active){input{background-color:Field}}:focus-within input{caret-color:var(--_focus-caret-color)}.error:focus-within input{caret-color:var(--_error-focus-caret-color)}input,.prefix,.suffix{font:var(--_input-text-type)}.text-field:not(.disabled) .prefix,.text-field:not(.disabled) .suffix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) input::placeholder{color:var(--_input-text-placeholder-color)}.prefix{padding-inline-end:var(--_input-text-prefix-padding)}.suffix{padding-inline-start:var(--_input-text-suffix-padding)}/*# 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)}.text-field{display:inline-flex;flex:1}.field{cursor:text;flex:1}.disabled .field{cursor:default}.counter{white-space:nowrap}.icon{color:currentColor;display:flex;fill:currentColor}.icon ::slotted(*){display:flex}[hasstart] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[hasend] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}input{appearance:none;background:none;border:none;caret-color:var(--_caret-color);color:currentColor;font:inherit;outline:none;padding:0;text-align:inherit;width:100%}input::placeholder{color:currentColor;opacity:1}input::-webkit-calendar-picker-indicator{display:none}@media(forced-colors: active){input{background-color:Field}}:focus-within input{caret-color:var(--_focus-caret-color)}.error:focus-within input{caret-color:var(--_error-focus-caret-color)}.text-field:not(.disabled) .prefix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) .suffix{color:var(--_input-text-suffix-color)}.text-field:not(.disabled) input::placeholder{color:var(--_input-text-placeholder-color)}.prefix{padding-inline-end:var(--_input-text-prefix-padding)}.suffix{padding-inline-start:var(--_input-text-suffix-padding)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
package/tokens/_index.scss CHANGED
@@ -1,6 +1,105 @@
1
1
  //
2
- // Copyright 2021 Google LLC
2
+ // Copyright 2023 Google LLC
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  //
5
5
 
6
- @forward './v0_160';
6
+ // go/keep-sorted start
7
+ @forward './md-comp-assist-chip' as md-comp-assist-chip-*;
8
+ @forward './md-comp-badge' as md-comp-badge-*;
9
+ @forward './md-comp-banner' as md-comp-banner-*;
10
+ @forward './md-comp-bottom-app-bar' as md-comp-bottom-app-bar-*;
11
+ @forward './md-comp-carousel-item' as md-comp-carousel-item-*;
12
+ @forward './md-comp-checkbox' as md-comp-checkbox-*;
13
+ @forward './md-comp-circular-progress-indicator' as
14
+ md-comp-circular-progress-indicator-*;
15
+ @forward './md-comp-data-table' as md-comp-data-table-*;
16
+ @forward './md-comp-date-input-modal' as md-comp-date-input-modal-*;
17
+ @forward './md-comp-date-picker-docked' as md-comp-date-picker-docked-*;
18
+ @forward './md-comp-date-picker-modal' as md-comp-date-picker-modal-*;
19
+ @forward './md-comp-dialog' as md-comp-dialog-*;
20
+ @forward './md-comp-divider' as md-comp-divider-*;
21
+ @forward './md-comp-elevated-button' as md-comp-elevated-button-*;
22
+ @forward './md-comp-elevated-card' as md-comp-elevated-card-*;
23
+ @forward './md-comp-extended-fab-branded' as md-comp-extended-fab-branded-*;
24
+ @forward './md-comp-extended-fab-primary' as md-comp-extended-fab-primary-*;
25
+ @forward './md-comp-extended-fab-secondary' as md-comp-extended-fab-secondary-*;
26
+ @forward './md-comp-extended-fab-surface' as md-comp-extended-fab-surface-*;
27
+ @forward './md-comp-extended-fab-tertiary' as md-comp-extended-fab-tertiary-*;
28
+ @forward './md-comp-fab-branded' as md-comp-fab-branded-*;
29
+ @forward './md-comp-fab-branded-large' as md-comp-fab-branded-large-*;
30
+ @forward './md-comp-fab-primary' as md-comp-fab-primary-*;
31
+ @forward './md-comp-fab-primary-large' as md-comp-fab-primary-large-*;
32
+ @forward './md-comp-fab-primary-small' as md-comp-fab-primary-small-*;
33
+ @forward './md-comp-fab-secondary' as md-comp-fab-secondary-*;
34
+ @forward './md-comp-fab-secondary-large' as md-comp-fab-secondary-large-*;
35
+ @forward './md-comp-fab-secondary-small' as md-comp-fab-secondary-small-*;
36
+ @forward './md-comp-fab-surface' as md-comp-fab-surface-*;
37
+ @forward './md-comp-fab-surface-large' as md-comp-fab-surface-large-*;
38
+ @forward './md-comp-fab-surface-small' as md-comp-fab-surface-small-*;
39
+ @forward './md-comp-fab-tertiary' as md-comp-fab-tertiary-*;
40
+ @forward './md-comp-fab-tertiary-large' as md-comp-fab-tertiary-large-*;
41
+ @forward './md-comp-fab-tertiary-small' as md-comp-fab-tertiary-small-*;
42
+ @forward './md-comp-filled-autocomplete' as md-comp-filled-autocomplete-*;
43
+ @forward './md-comp-filled-button' as md-comp-filled-button-*;
44
+ @forward './md-comp-filled-card' as md-comp-filled-card-*;
45
+ @forward './md-comp-filled-icon-button' as md-comp-filled-icon-button-*;
46
+ @forward './md-comp-filled-menu-button' as md-comp-filled-menu-button-*;
47
+ @forward './md-comp-filled-select' as md-comp-filled-select-*;
48
+ @forward './md-comp-filled-text-field' as md-comp-filled-text-field-*;
49
+ @forward './md-comp-filled-tonal-button' as md-comp-filled-tonal-button-*;
50
+ @forward './md-comp-filled-tonal-icon-button' as
51
+ md-comp-filled-tonal-icon-button-*;
52
+ @forward './md-comp-filter-chip' as md-comp-filter-chip-*;
53
+ @forward './md-comp-full-screen-dialog' as md-comp-full-screen-dialog-*;
54
+ @forward './md-comp-icon-button' as md-comp-icon-button-*;
55
+ @forward './md-comp-input-chip' as md-comp-input-chip-*;
56
+ @forward './md-comp-linear-progress-indicator' as
57
+ md-comp-linear-progress-indicator-*;
58
+ @forward './md-comp-list' as md-comp-list-*;
59
+ @forward './md-comp-menu' as md-comp-menu-*;
60
+ @forward './md-comp-navigation-bar' as md-comp-navigation-bar-*;
61
+ @forward './md-comp-navigation-drawer' as md-comp-navigation-drawer-*;
62
+ @forward './md-comp-navigation-rail' as md-comp-navigation-rail-*;
63
+ @forward './md-comp-outlined-autocomplete' as md-comp-outlined-autocomplete-*;
64
+ @forward './md-comp-outlined-button' as md-comp-outlined-button-*;
65
+ @forward './md-comp-outlined-card' as md-comp-outlined-card-*;
66
+ @forward './md-comp-outlined-icon-button' as md-comp-outlined-icon-button-*;
67
+ @forward './md-comp-outlined-menu-button' as md-comp-outlined-menu-button-*;
68
+ @forward './md-comp-outlined-segmented-button' as
69
+ md-comp-outlined-segmented-button-*;
70
+ @forward './md-comp-outlined-select' as md-comp-outlined-select-*;
71
+ @forward './md-comp-outlined-text-field' as md-comp-outlined-text-field-*;
72
+ @forward './md-comp-plain-tooltip' as md-comp-plain-tooltip-*;
73
+ @forward './md-comp-primary-navigation-tab' as md-comp-primary-navigation-tab-*;
74
+ @forward './md-comp-radio-button' as md-comp-radio-button-*;
75
+ @forward './md-comp-rich-tooltip' as md-comp-rich-tooltip-*;
76
+ @forward './md-comp-scrim' as md-comp-scrim-*;
77
+ @forward './md-comp-search-bar' as md-comp-search-bar-*;
78
+ @forward './md-comp-search-view' as md-comp-search-view-*;
79
+ @forward './md-comp-secondary-navigation-tab' as
80
+ md-comp-secondary-navigation-tab-*;
81
+ @forward './md-comp-sheet-bottom' as md-comp-sheet-bottom-*;
82
+ @forward './md-comp-sheet-floating' as md-comp-sheet-floating-*;
83
+ @forward './md-comp-sheet-side' as md-comp-sheet-side-*;
84
+ @forward './md-comp-slider' as md-comp-slider-*;
85
+ @forward './md-comp-snackbar' as md-comp-snackbar-*;
86
+ @forward './md-comp-standard-menu-button' as md-comp-standard-menu-button-*;
87
+ @forward './md-comp-suggestion-chip' as md-comp-suggestion-chip-*;
88
+ @forward './md-comp-switch' as md-comp-switch-*;
89
+ @forward './md-comp-text-button' as md-comp-text-button-*;
90
+ @forward './md-comp-time-input' as md-comp-time-input-*;
91
+ @forward './md-comp-time-picker' as md-comp-time-picker-*;
92
+ @forward './md-comp-top-app-bar-large' as md-comp-top-app-bar-large-*;
93
+ @forward './md-comp-top-app-bar-medium' as md-comp-top-app-bar-medium-*;
94
+ @forward './md-comp-top-app-bar-small' as md-comp-top-app-bar-small-*;
95
+ @forward './md-comp-top-app-bar-small-centered' as
96
+ md-comp-top-app-bar-small-centered-*;
97
+ @forward './md-ref-palette' as md-ref-palette-*;
98
+ @forward './md-ref-typeface' as md-ref-typeface-*;
99
+ @forward './md-sys-color' as md-sys-color-*;
100
+ @forward './md-sys-elevation' as md-sys-elevation-*;
101
+ @forward './md-sys-motion' as md-sys-motion-*;
102
+ @forward './md-sys-shape' as md-sys-shape-*;
103
+ @forward './md-sys-state' as md-sys-state-*;
104
+ @forward './md-sys-typescale' as md-sys-typescale-*;
105
+ // go/keep-sorted end
package/tokens/_md-comp-assist-chip.scss ADDED
@@ -0,0 +1,68 @@
1
+ // Copyright 2023 Google LLC
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ //
4
+ //
5
+
6
+ // go/keep-sorted start
7
+ @use 'sass:map';
8
+ // go/keep-sorted end
9
+ // go/keep-sorted start
10
+ @use '../sass/shape';
11
+ @use './md-sys-color';
12
+ @use './md-sys-elevation';
13
+ @use './md-sys-shape';
14
+ @use './md-sys-state';
15
+ @use './md-sys-typescale';
16
+ @use './v0_161/md-comp-assist-chip';
17
+ // go/keep-sorted end
18
+
19
+ $_unsupported-tokens: (
20
+ // go/keep-sorted start
21
+ 'dragged-leading-icon-color',
22
+ 'dragged-state-layer-color',
23
+ 'dragged-state-layer-opacity',
24
+ 'label-text-font',
25
+ 'label-text-line-height',
26
+ 'label-text-size',
27
+ 'label-text-tracking',
28
+ 'label-text-weight' // go/keep-sorted end
29
+ );
30
+
31
+ $_renamed-tokens: (
32
+ // go/keep-sorted start
33
+ 'with-icon-disabled-icon-color': 'disabled-leading-icon-color',
34
+ 'with-icon-disabled-icon-opacity': 'disabled-leading-icon-opacity',
35
+ 'with-icon-dragged-icon-color': 'dragged-leading-icon-color',
36
+ 'with-icon-focus-icon-color': 'focus-leading-icon-color',
37
+ 'with-icon-hover-icon-color': 'hover-leading-icon-color',
38
+ 'with-icon-icon-color': 'leading-icon-color',
39
+ 'with-icon-icon-size': 'leading-icon-size',
40
+ 'with-icon-pressed-icon-color': 'pressed-leading-icon-color',
41
+ // go/keep-sorted end
42
+ );
43
+
44
+ $_default: (
45
+ 'md-sys-color': md-sys-color.values-light(),
46
+ 'md-sys-elevation': md-sys-elevation.values(),
47
+ 'md-sys-shape': md-sys-shape.values(),
48
+ 'md-sys-state': md-sys-state.values(),
49
+ 'md-sys-typescale': md-sys-typescale.values(),
50
+ );
51
+
52
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
53
+ $tokens: md-comp-assist-chip.values($deps, $exclude-hardcoded-values);
54
+ @each $old-token, $new-token in $_renamed-tokens {
55
+ $tokens: map.set($tokens, $new-token, map.get($tokens, $old-token));
56
+ $tokens: map.remove($tokens, $old-token);
57
+ }
58
+ $tokens: map.remove($tokens, $_unsupported-tokens...);
59
+ @each $token, $value in $tokens {
60
+ $tokens: map.set(
61
+ $tokens,
62
+ $token,
63
+ var(--md-assist-chip-#{$token}, #{$value})
64
+ );
65
+ }
66
+ $tokens: shape.resolve-tokens($tokens, 'container-shape');
67
+ @return $tokens;
68
+ }
package/tokens/_md-comp-badge.scss ADDED
@@ -0,0 +1,34 @@
1
+ //
2
+ // Copyright 2023 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // go/keep-sorted start
7
+ @use 'sass:map';
8
+ // go/keep-sorted end
9
+ // go/keep-sorted start
10
+ @use './md-sys-color';
11
+ @use './md-sys-shape';
12
+ @use './md-sys-typescale';
13
+ @use './v0_161/md-comp-badge';
14
+ // go/keep-sorted end
15
+
16
+ $_default: (
17
+ 'md-sys-color': md-sys-color.values-light(),
18
+ 'md-sys-shape': md-sys-shape.values(),
19
+ 'md-sys-typescale': md-sys-typescale.values(),
20
+ );
21
+
22
+ $_unsupported-tokens: (
23
+ 'large-label-text-font',
24
+ 'large-label-text-line-height',
25
+ 'large-label-text-size',
26
+ 'large-label-text-tracking',
27
+ 'large-label-text-weight'
28
+ );
29
+
30
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
31
+ $tokens: md-comp-badge.values($deps, $exclude-hardcoded-values);
32
+ $tokens: map.remove($tokens, $_unsupported-tokens...);
33
+ @return $tokens;
34
+ }
package/tokens/_md-comp-banner.scss ADDED
@@ -0,0 +1,23 @@
1
+ //
2
+ // Copyright 2023 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // go/keep-sorted start
7
+ @use './md-sys-color';
8
+ @use './md-sys-elevation';
9
+ @use './md-sys-shape';
10
+ @use './md-sys-typescale';
11
+ @use './v0_161/md-comp-banner';
12
+ // go/keep-sorted end
13
+
14
+ $_default: (
15
+ 'md-sys-color': md-sys-color.values-light(),
16
+ 'md-sys-elevation': md-sys-elevation.values(),
17
+ 'md-sys-shape': md-sys-shape.values(),
18
+ 'md-sys-typescale': md-sys-typescale.values(),
19
+ );
20
+
21
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
22
+ @return md-comp-banner.values($deps, $exclude-hardcoded-values);
23
+ }
package/tokens/_md-comp-bottom-app-bar.scss ADDED
@@ -0,0 +1,21 @@
1
+ //
2
+ // Copyright 2023 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // go/keep-sorted start
7
+ @use './md-sys-color';
8
+ @use './md-sys-elevation';
9
+ @use './md-sys-shape';
10
+ @use './v0_161/md-comp-bottom-app-bar';
11
+ // go/keep-sorted end
12
+
13
+ $_default: (
14
+ 'md-sys-color': md-sys-color.values-light(),
15
+ 'md-sys-elevation': md-sys-elevation.values(),
16
+ 'md-sys-shape': md-sys-shape.values(),
17
+ );
18
+
19
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
20
+ @return md-comp-bottom-app-bar.values($deps, $exclude-hardcoded-values);
21
+ }
package/tokens/_md-comp-carousel-item.scss ADDED
@@ -0,0 +1,23 @@
1
+ //
2
+ // Copyright 2023 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // go/keep-sorted start
7
+ @use './md-sys-color';
8
+ @use './md-sys-elevation';
9
+ @use './md-sys-shape';
10
+ @use './md-sys-state';
11
+ @use './v0_161/md-comp-carousel-item';
12
+ // go/keep-sorted end
13
+
14
+ $_default: (
15
+ 'md-sys-color': md-sys-color.values-light(),
16
+ 'md-sys-elevation': md-sys-elevation.values(),
17
+ 'md-sys-shape': md-sys-shape.values(),
18
+ 'md-sys-state': md-sys-state.values(),
19
+ );
20
+
21
+ @function values($deps: $_default, $exclude-hardcoded-values: false) {
22
+ @return md-comp-carousel-item.values($deps, $exclude-hardcoded-values);
23
+ }