@material/web 2.4.1 → 2.4.2-nightly.082faad.0

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 (450) hide show
  1. package/button/internal/button.d.ts +2 -21
  2. package/button/internal/button.js +4 -43
  3. package/button/internal/button.js.map +1 -1
  4. package/button/internal/elevated-styles.d.ts +2 -0
  5. package/button/internal/elevated-styles.js +1 -0
  6. package/button/internal/elevated-styles.js.map +1 -1
  7. package/button/internal/filled-styles.d.ts +2 -0
  8. package/button/internal/filled-styles.js +1 -0
  9. package/button/internal/filled-styles.js.map +1 -1
  10. package/button/internal/filled-tonal-styles.d.ts +2 -0
  11. package/button/internal/filled-tonal-styles.js +1 -0
  12. package/button/internal/filled-tonal-styles.js.map +1 -1
  13. package/button/internal/outlined-styles.d.ts +2 -0
  14. package/button/internal/outlined-styles.js +1 -0
  15. package/button/internal/outlined-styles.js.map +1 -1
  16. package/button/internal/shared-elevation-styles.d.ts +2 -0
  17. package/button/internal/shared-elevation-styles.js +1 -0
  18. package/button/internal/shared-elevation-styles.js.map +1 -1
  19. package/button/internal/shared-styles.d.ts +2 -0
  20. package/button/internal/shared-styles.js +1 -0
  21. package/button/internal/shared-styles.js.map +1 -1
  22. package/button/internal/text-styles.d.ts +2 -0
  23. package/button/internal/text-styles.js +1 -0
  24. package/button/internal/text-styles.js.map +1 -1
  25. package/checkbox/internal/checkbox-styles.d.ts +2 -0
  26. package/checkbox/internal/checkbox-styles.js +1 -0
  27. package/checkbox/internal/checkbox-styles.js.map +1 -1
  28. package/chips/internal/assist-styles.d.ts +2 -0
  29. package/chips/internal/assist-styles.js +1 -0
  30. package/chips/internal/assist-styles.js.map +1 -1
  31. package/chips/internal/chip-set-styles.d.ts +2 -0
  32. package/chips/internal/chip-set-styles.js +1 -0
  33. package/chips/internal/chip-set-styles.js.map +1 -1
  34. package/chips/internal/elevated-styles.d.ts +2 -0
  35. package/chips/internal/elevated-styles.js +1 -0
  36. package/chips/internal/elevated-styles.js.map +1 -1
  37. package/chips/internal/filter-styles.d.ts +2 -0
  38. package/chips/internal/filter-styles.js +1 -0
  39. package/chips/internal/filter-styles.js.map +1 -1
  40. package/chips/internal/input-styles.d.ts +2 -0
  41. package/chips/internal/input-styles.js +1 -0
  42. package/chips/internal/input-styles.js.map +1 -1
  43. package/chips/internal/selectable-styles.d.ts +2 -0
  44. package/chips/internal/selectable-styles.js +1 -0
  45. package/chips/internal/selectable-styles.js.map +1 -1
  46. package/chips/internal/shared-styles.d.ts +2 -0
  47. package/chips/internal/shared-styles.js +1 -0
  48. package/chips/internal/shared-styles.js.map +1 -1
  49. package/chips/internal/suggestion-styles.d.ts +2 -0
  50. package/chips/internal/suggestion-styles.js +1 -0
  51. package/chips/internal/suggestion-styles.js.map +1 -1
  52. package/chips/internal/trailing-icon-styles.d.ts +2 -0
  53. package/chips/internal/trailing-icon-styles.js +1 -0
  54. package/chips/internal/trailing-icon-styles.js.map +1 -1
  55. package/dialog/internal/dialog-styles.d.ts +2 -0
  56. package/dialog/internal/dialog-styles.js +1 -0
  57. package/dialog/internal/dialog-styles.js.map +1 -1
  58. package/divider/internal/divider-styles.d.ts +2 -0
  59. package/divider/internal/divider-styles.js +1 -0
  60. package/divider/internal/divider-styles.js.map +1 -1
  61. package/elevation/internal/elevation-styles.d.ts +2 -0
  62. package/elevation/internal/elevation-styles.js +1 -0
  63. package/elevation/internal/elevation-styles.js.map +1 -1
  64. package/fab/internal/fab-branded-styles.d.ts +2 -0
  65. package/fab/internal/fab-branded-styles.js +1 -0
  66. package/fab/internal/fab-branded-styles.js.map +1 -1
  67. package/fab/internal/fab-styles.d.ts +2 -0
  68. package/fab/internal/fab-styles.js +1 -0
  69. package/fab/internal/fab-styles.js.map +1 -1
  70. package/fab/internal/forced-colors-styles.d.ts +2 -0
  71. package/fab/internal/forced-colors-styles.js +1 -0
  72. package/fab/internal/forced-colors-styles.js.map +1 -1
  73. package/fab/internal/shared-styles.d.ts +2 -0
  74. package/fab/internal/shared-styles.js +1 -0
  75. package/fab/internal/shared-styles.js.map +1 -1
  76. package/field/internal/field.js +12 -1
  77. package/field/internal/field.js.map +1 -1
  78. package/field/internal/filled-styles.d.ts +2 -0
  79. package/field/internal/filled-styles.js +1 -0
  80. package/field/internal/filled-styles.js.map +1 -1
  81. package/field/internal/outlined-styles.d.ts +2 -0
  82. package/field/internal/outlined-styles.js +1 -0
  83. package/field/internal/outlined-styles.js.map +1 -1
  84. package/field/internal/shared-styles.d.ts +2 -0
  85. package/field/internal/shared-styles.js +1 -0
  86. package/field/internal/shared-styles.js.map +1 -1
  87. package/focus/internal/focus-ring-styles.d.ts +2 -0
  88. package/focus/internal/focus-ring-styles.js +1 -0
  89. package/focus/internal/focus-ring-styles.js.map +1 -1
  90. package/icon/internal/icon-styles.d.ts +2 -0
  91. package/icon/internal/icon-styles.js +1 -0
  92. package/icon/internal/icon-styles.js.map +1 -1
  93. package/iconbutton/internal/filled-styles.d.ts +2 -0
  94. package/iconbutton/internal/filled-styles.js +1 -0
  95. package/iconbutton/internal/filled-styles.js.map +1 -1
  96. package/iconbutton/internal/filled-tonal-styles.d.ts +2 -0
  97. package/iconbutton/internal/filled-tonal-styles.js +1 -0
  98. package/iconbutton/internal/filled-tonal-styles.js.map +1 -1
  99. package/iconbutton/internal/icon-button.d.ts +2 -32
  100. package/iconbutton/internal/icon-button.js +33 -84
  101. package/iconbutton/internal/icon-button.js.map +1 -1
  102. package/iconbutton/internal/outlined-styles.d.ts +2 -0
  103. package/iconbutton/internal/outlined-styles.js +1 -0
  104. package/iconbutton/internal/outlined-styles.js.map +1 -1
  105. package/iconbutton/internal/shared-styles.d.ts +2 -0
  106. package/iconbutton/internal/shared-styles.js +1 -0
  107. package/iconbutton/internal/shared-styles.js.map +1 -1
  108. package/iconbutton/internal/standard-styles.d.ts +2 -0
  109. package/iconbutton/internal/standard-styles.js +1 -0
  110. package/iconbutton/internal/standard-styles.js.map +1 -1
  111. package/internal/events/dispatch-hooks.js +10 -1
  112. package/internal/events/dispatch-hooks.js.map +1 -1
  113. package/labs/badge/internal/badge-styles.d.ts +2 -0
  114. package/labs/badge/internal/badge-styles.js +1 -0
  115. package/labs/badge/internal/badge-styles.js.map +1 -1
  116. package/labs/behaviors/form-associated.d.ts +10 -8
  117. package/labs/behaviors/form-associated.js +4 -4
  118. package/labs/behaviors/form-associated.js.map +1 -1
  119. package/{internal/controller → labs/behaviors}/form-submitter.d.ts +10 -16
  120. package/labs/behaviors/form-submitter.js +87 -0
  121. package/labs/behaviors/form-submitter.js.map +1 -0
  122. package/labs/card/internal/elevated-styles.d.ts +2 -0
  123. package/labs/card/internal/elevated-styles.js +1 -0
  124. package/labs/card/internal/elevated-styles.js.map +1 -1
  125. package/labs/card/internal/filled-styles.d.ts +2 -0
  126. package/labs/card/internal/filled-styles.js +1 -0
  127. package/labs/card/internal/filled-styles.js.map +1 -1
  128. package/labs/card/internal/outlined-styles.d.ts +2 -0
  129. package/labs/card/internal/outlined-styles.js +1 -0
  130. package/labs/card/internal/outlined-styles.js.map +1 -1
  131. package/labs/card/internal/shared-styles.d.ts +2 -0
  132. package/labs/card/internal/shared-styles.js +1 -0
  133. package/labs/card/internal/shared-styles.js.map +1 -1
  134. package/labs/item/internal/item-styles.d.ts +2 -0
  135. package/labs/item/internal/item-styles.js +1 -0
  136. package/labs/item/internal/item-styles.js.map +1 -1
  137. package/labs/navigationbar/internal/navigation-bar-styles.d.ts +2 -0
  138. package/labs/navigationbar/internal/navigation-bar-styles.js +1 -0
  139. package/labs/navigationbar/internal/navigation-bar-styles.js.map +1 -1
  140. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.d.ts +2 -0
  141. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.js +1 -0
  142. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.js.map +1 -1
  143. package/labs/navigationdrawer/internal/navigation-drawer-styles.d.ts +2 -0
  144. package/labs/navigationdrawer/internal/navigation-drawer-styles.js +1 -0
  145. package/labs/navigationdrawer/internal/navigation-drawer-styles.js.map +1 -1
  146. package/labs/navigationdrawer/internal/shared-styles.d.ts +2 -0
  147. package/labs/navigationdrawer/internal/shared-styles.js +1 -0
  148. package/labs/navigationdrawer/internal/shared-styles.js.map +1 -1
  149. package/labs/navigationtab/internal/navigation-tab-styles.d.ts +2 -0
  150. package/labs/navigationtab/internal/navigation-tab-styles.js +1 -0
  151. package/labs/navigationtab/internal/navigation-tab-styles.js.map +1 -1
  152. package/labs/segmentedbutton/internal/outlined-styles.d.ts +2 -0
  153. package/labs/segmentedbutton/internal/outlined-styles.js +1 -0
  154. package/labs/segmentedbutton/internal/outlined-styles.js.map +1 -1
  155. package/labs/segmentedbutton/internal/shared-styles.d.ts +2 -0
  156. package/labs/segmentedbutton/internal/shared-styles.js +1 -0
  157. package/labs/segmentedbutton/internal/shared-styles.js.map +1 -1
  158. package/labs/segmentedbuttonset/internal/outlined-styles.d.ts +2 -0
  159. package/labs/segmentedbuttonset/internal/outlined-styles.js +1 -0
  160. package/labs/segmentedbuttonset/internal/outlined-styles.js.map +1 -1
  161. package/labs/segmentedbuttonset/internal/shared-styles.d.ts +2 -0
  162. package/labs/segmentedbuttonset/internal/shared-styles.js +1 -0
  163. package/labs/segmentedbuttonset/internal/shared-styles.js.map +1 -1
  164. package/list/internal/list-styles.d.ts +2 -0
  165. package/list/internal/list-styles.js +1 -0
  166. package/list/internal/list-styles.js.map +1 -1
  167. package/list/internal/listitem/_list-item.scss +3 -0
  168. package/list/internal/listitem/list-item-styles.css +1 -1
  169. package/list/internal/listitem/list-item-styles.css.map +1 -1
  170. package/list/internal/listitem/list-item-styles.d.ts +2 -0
  171. package/list/internal/listitem/list-item-styles.js +2 -1
  172. package/list/internal/listitem/list-item-styles.js.map +1 -1
  173. package/menu/internal/menu-styles.d.ts +2 -0
  174. package/menu/internal/menu-styles.js +1 -0
  175. package/menu/internal/menu-styles.js.map +1 -1
  176. package/menu/internal/menuitem/_menu-item.scss +3 -0
  177. package/menu/internal/menuitem/menu-item-styles.css +1 -1
  178. package/menu/internal/menuitem/menu-item-styles.css.map +1 -1
  179. package/menu/internal/menuitem/menu-item-styles.d.ts +2 -0
  180. package/menu/internal/menuitem/menu-item-styles.js +2 -1
  181. package/menu/internal/menuitem/menu-item-styles.js.map +1 -1
  182. package/menu/internal/submenu/sub-menu-styles.d.ts +2 -0
  183. package/menu/internal/submenu/sub-menu-styles.js +1 -0
  184. package/menu/internal/submenu/sub-menu-styles.js.map +1 -1
  185. package/package.json +23 -1
  186. package/progress/internal/circular-progress-styles.d.ts +2 -0
  187. package/progress/internal/circular-progress-styles.js +1 -0
  188. package/progress/internal/circular-progress-styles.js.map +1 -1
  189. package/progress/internal/linear-progress-styles.d.ts +2 -0
  190. package/progress/internal/linear-progress-styles.js +1 -0
  191. package/progress/internal/linear-progress-styles.js.map +1 -1
  192. package/radio/internal/radio-styles.d.ts +2 -0
  193. package/radio/internal/radio-styles.js +1 -0
  194. package/radio/internal/radio-styles.js.map +1 -1
  195. package/ripple/internal/ripple-styles.d.ts +2 -0
  196. package/ripple/internal/ripple-styles.js +1 -0
  197. package/ripple/internal/ripple-styles.js.map +1 -1
  198. package/sass/ext/_assert.scss +82 -0
  199. package/sass/ext/_list_ext.scss +114 -0
  200. package/sass/ext/_map_ext.scss +222 -0
  201. package/sass/ext/_string_ext.scss +153 -0
  202. package/sass/ext/_throw.scss +83 -0
  203. package/sass/ext/_type.scss +66 -0
  204. package/{internal/sass → sass/ext}/_var.scss +86 -96
  205. package/sass/ext/tests.css +1 -0
  206. package/sass/ext/tests.css.map +1 -0
  207. package/sass/ext/tests.scss +18 -0
  208. package/select/internal/filled-select-styles.d.ts +2 -0
  209. package/select/internal/filled-select-styles.js +1 -0
  210. package/select/internal/filled-select-styles.js.map +1 -1
  211. package/select/internal/outlined-select-styles.d.ts +2 -0
  212. package/select/internal/outlined-select-styles.js +1 -0
  213. package/select/internal/outlined-select-styles.js.map +1 -1
  214. package/select/internal/shared-styles.d.ts +2 -0
  215. package/select/internal/shared-styles.js +1 -0
  216. package/select/internal/shared-styles.js.map +1 -1
  217. package/slider/internal/_slider.scss +1 -0
  218. package/slider/internal/forced-colors-styles.d.ts +2 -0
  219. package/slider/internal/forced-colors-styles.js +1 -0
  220. package/slider/internal/forced-colors-styles.js.map +1 -1
  221. package/slider/internal/slider-styles.css +1 -1
  222. package/slider/internal/slider-styles.css.map +1 -1
  223. package/slider/internal/slider-styles.d.ts +2 -0
  224. package/slider/internal/slider-styles.js +2 -1
  225. package/slider/internal/slider-styles.js.map +1 -1
  226. package/switch/internal/switch-styles.d.ts +2 -0
  227. package/switch/internal/switch-styles.js +1 -0
  228. package/switch/internal/switch-styles.js.map +1 -1
  229. package/tabs/internal/_tab.scss +0 -1
  230. package/tabs/internal/primary-tab-styles.d.ts +2 -0
  231. package/tabs/internal/primary-tab-styles.js +1 -0
  232. package/tabs/internal/primary-tab-styles.js.map +1 -1
  233. package/tabs/internal/secondary-tab-styles.d.ts +2 -0
  234. package/tabs/internal/secondary-tab-styles.js +1 -0
  235. package/tabs/internal/secondary-tab-styles.js.map +1 -1
  236. package/tabs/internal/tab-styles.css.map +1 -1
  237. package/tabs/internal/tab-styles.d.ts +2 -0
  238. package/tabs/internal/tab-styles.js +1 -0
  239. package/tabs/internal/tab-styles.js.map +1 -1
  240. package/tabs/internal/tabs-styles.d.ts +2 -0
  241. package/tabs/internal/tabs-styles.js +1 -0
  242. package/tabs/internal/tabs-styles.js.map +1 -1
  243. package/textfield/internal/filled-styles.d.ts +2 -0
  244. package/textfield/internal/filled-styles.js +1 -0
  245. package/textfield/internal/filled-styles.js.map +1 -1
  246. package/textfield/internal/outlined-styles.d.ts +2 -0
  247. package/textfield/internal/outlined-styles.js +1 -0
  248. package/textfield/internal/outlined-styles.js.map +1 -1
  249. package/textfield/internal/shared-styles.d.ts +2 -0
  250. package/textfield/internal/shared-styles.js +1 -0
  251. package/textfield/internal/shared-styles.js.map +1 -1
  252. package/tokens/versions/v30_0/sass/_index.scss +239 -0
  253. package/tokens/versions/v30_0/sass/_md-comp-app-bar-large-flexible.scss +31 -0
  254. package/tokens/versions/v30_0/sass/_md-comp-app-bar-large.scss +35 -0
  255. package/tokens/versions/v30_0/sass/_md-comp-app-bar-medium-flexible.scss +31 -0
  256. package/tokens/versions/v30_0/sass/_md-comp-app-bar-medium.scss +35 -0
  257. package/tokens/versions/v30_0/sass/_md-comp-app-bar-small.scss +42 -0
  258. package/tokens/versions/v30_0/sass/_md-comp-app-bar.scss +59 -0
  259. package/tokens/versions/v30_0/sass/_md-comp-assist-chip.scss +134 -0
  260. package/tokens/versions/v30_0/sass/_md-comp-badge.scss +53 -0
  261. package/tokens/versions/v30_0/sass/_md-comp-banner.scss +147 -0
  262. package/tokens/versions/v30_0/sass/_md-comp-banners-basic.scss +86 -0
  263. package/tokens/versions/v30_0/sass/_md-comp-banners-rich.scss +89 -0
  264. package/tokens/versions/v30_0/sass/_md-comp-banners.scss +43 -0
  265. package/tokens/versions/v30_0/sass/_md-comp-bottom-app-bar.scss +37 -0
  266. package/tokens/versions/v30_0/sass/_md-comp-button-elevated.scss +125 -0
  267. package/tokens/versions/v30_0/sass/_md-comp-button-filled.scss +125 -0
  268. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-large.scss +31 -0
  269. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-medium.scss +31 -0
  270. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-small.scss +31 -0
  271. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xlarge.scss +31 -0
  272. package/tokens/versions/v30_0/sass/_md-comp-button-group-connected-xsmall.scss +31 -0
  273. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-large.scss +29 -0
  274. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-medium.scss +29 -0
  275. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-small.scss +29 -0
  276. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xlarge.scss +29 -0
  277. package/tokens/versions/v30_0/sass/_md-comp-button-group-standard-xsmall.scss +29 -0
  278. package/tokens/versions/v30_0/sass/_md-comp-button-large.scss +51 -0
  279. package/tokens/versions/v30_0/sass/_md-comp-button-medium.scss +51 -0
  280. package/tokens/versions/v30_0/sass/_md-comp-button-outlined.scss +124 -0
  281. package/tokens/versions/v30_0/sass/_md-comp-button-small.scss +51 -0
  282. package/tokens/versions/v30_0/sass/_md-comp-button-text.scss +60 -0
  283. package/tokens/versions/v30_0/sass/_md-comp-button-tonal.scss +125 -0
  284. package/tokens/versions/v30_0/sass/_md-comp-button-xlarge.scss +51 -0
  285. package/tokens/versions/v30_0/sass/_md-comp-button-xsmall.scss +51 -0
  286. package/tokens/versions/v30_0/sass/_md-comp-button.scss +163 -0
  287. package/tokens/versions/v30_0/sass/_md-comp-carousel-item.scss +79 -0
  288. package/tokens/versions/v30_0/sass/_md-comp-checkbox.scss +216 -0
  289. package/tokens/versions/v30_0/sass/_md-comp-circular-progress-indicator.scss +52 -0
  290. package/tokens/versions/v30_0/sass/_md-comp-data-table.scss +110 -0
  291. package/tokens/versions/v30_0/sass/_md-comp-date-input-modal.scss +80 -0
  292. package/tokens/versions/v30_0/sass/_md-comp-date-picker-docked.scss +241 -0
  293. package/tokens/versions/v30_0/sass/_md-comp-date-picker-modal.scss +295 -0
  294. package/tokens/versions/v30_0/sass/_md-comp-dialog.scss +157 -0
  295. package/tokens/versions/v30_0/sass/_md-comp-divider.scss +23 -0
  296. package/tokens/versions/v30_0/sass/_md-comp-drag-handle.scss +54 -0
  297. package/tokens/versions/v30_0/sass/_md-comp-elevated-button.scss +112 -0
  298. package/tokens/versions/v30_0/sass/_md-comp-elevated-card.scss +75 -0
  299. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-branded.scss +100 -0
  300. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-large.scss +36 -0
  301. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-medium.scss +36 -0
  302. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary-container.scss +61 -0
  303. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-primary.scss +174 -0
  304. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary-container.scss +61 -0
  305. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-secondary.scss +174 -0
  306. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-small.scss +36 -0
  307. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-surface.scss +108 -0
  308. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary-container.scss +61 -0
  309. package/tokens/versions/v30_0/sass/_md-comp-extended-fab-tertiary.scss +174 -0
  310. package/tokens/versions/v30_0/sass/_md-comp-extended-fab.scss +36 -0
  311. package/tokens/versions/v30_0/sass/_md-comp-fab-branded-large.scss +79 -0
  312. package/tokens/versions/v30_0/sass/_md-comp-fab-branded.scss +75 -0
  313. package/tokens/versions/v30_0/sass/_md-comp-fab-large.scss +27 -0
  314. package/tokens/versions/v30_0/sass/_md-comp-fab-medium.scss +27 -0
  315. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-close-button.scss +51 -0
  316. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-primary-container.scss +59 -0
  317. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-close-button.scss +51 -0
  318. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-secondary-container.scss +59 -0
  319. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-close-button.scss +51 -0
  320. package/tokens/versions/v30_0/sass/_md-comp-fab-menu-tertiary-container.scss +59 -0
  321. package/tokens/versions/v30_0/sass/_md-comp-fab-menu.scss +53 -0
  322. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-container.scss +53 -0
  323. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-large.scss +77 -0
  324. package/tokens/versions/v30_0/sass/_md-comp-fab-primary-small.scss +77 -0
  325. package/tokens/versions/v30_0/sass/_md-comp-fab-primary.scss +131 -0
  326. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-container.scss +53 -0
  327. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-large.scss +77 -0
  328. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary-small.scss +77 -0
  329. package/tokens/versions/v30_0/sass/_md-comp-fab-secondary.scss +131 -0
  330. package/tokens/versions/v30_0/sass/_md-comp-fab-small.scss +27 -0
  331. package/tokens/versions/v30_0/sass/_md-comp-fab-surface-large.scss +83 -0
  332. package/tokens/versions/v30_0/sass/_md-comp-fab-surface.scss +83 -0
  333. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-container.scss +53 -0
  334. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-large.scss +77 -0
  335. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary-small.scss +77 -0
  336. package/tokens/versions/v30_0/sass/_md-comp-fab-tertiary.scss +131 -0
  337. package/tokens/versions/v30_0/sass/_md-comp-fab.scss +27 -0
  338. package/tokens/versions/v30_0/sass/_md-comp-filled-autocomplete.scss +279 -0
  339. package/tokens/versions/v30_0/sass/_md-comp-filled-button.scss +128 -0
  340. package/tokens/versions/v30_0/sass/_md-comp-filled-card.scss +75 -0
  341. package/tokens/versions/v30_0/sass/_md-comp-filled-icon-button.scss +102 -0
  342. package/tokens/versions/v30_0/sass/_md-comp-filled-menu-button.scss +118 -0
  343. package/tokens/versions/v30_0/sass/_md-comp-filled-select.scss +269 -0
  344. package/tokens/versions/v30_0/sass/_md-comp-filled-text-field.scss +221 -0
  345. package/tokens/versions/v30_0/sass/_md-comp-filled-tonal-button.scss +108 -0
  346. package/tokens/versions/v30_0/sass/_md-comp-filled-tonal-icon-button.scss +102 -0
  347. package/tokens/versions/v30_0/sass/_md-comp-filter-chip.scss +276 -0
  348. package/tokens/versions/v30_0/sass/_md-comp-full-screen-dialog.scss +199 -0
  349. package/tokens/versions/v30_0/sass/_md-comp-icon-button-filled.scss +82 -0
  350. package/tokens/versions/v30_0/sass/_md-comp-icon-button-large.scss +52 -0
  351. package/tokens/versions/v30_0/sass/_md-comp-icon-button-medium.scss +52 -0
  352. package/tokens/versions/v30_0/sass/_md-comp-icon-button-outlined.scss +86 -0
  353. package/tokens/versions/v30_0/sass/_md-comp-icon-button-small.scss +52 -0
  354. package/tokens/versions/v30_0/sass/_md-comp-icon-button-standard.scss +72 -0
  355. package/tokens/versions/v30_0/sass/_md-comp-icon-button-tonal.scss +82 -0
  356. package/tokens/versions/v30_0/sass/_md-comp-icon-button-xlarge.scss +52 -0
  357. package/tokens/versions/v30_0/sass/_md-comp-icon-button-xsmall.scss +52 -0
  358. package/tokens/versions/v30_0/sass/_md-comp-icon-button.scss +193 -0
  359. package/tokens/versions/v30_0/sass/_md-comp-input-chip.scss +300 -0
  360. package/tokens/versions/v30_0/sass/_md-comp-linear-progress-indicator.scss +60 -0
  361. package/tokens/versions/v30_0/sass/_md-comp-list-expand.scss +36 -0
  362. package/tokens/versions/v30_0/sass/_md-comp-list-reorder.scss +45 -0
  363. package/tokens/versions/v30_0/sass/_md-comp-list-reveal.scss +50 -0
  364. package/tokens/versions/v30_0/sass/_md-comp-list.scss +408 -0
  365. package/tokens/versions/v30_0/sass/_md-comp-loading-indicator.scss +38 -0
  366. package/tokens/versions/v30_0/sass/_md-comp-menu.scss +218 -0
  367. package/tokens/versions/v30_0/sass/_md-comp-menus-standard.scss +188 -0
  368. package/tokens/versions/v30_0/sass/_md-comp-menus-vibrant.scss +160 -0
  369. package/tokens/versions/v30_0/sass/_md-comp-menus.scss +141 -0
  370. package/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-horizontal.scss +31 -0
  371. package/tokens/versions/v30_0/sass/_md-comp-nav-bar-item-vertical.scss +31 -0
  372. package/tokens/versions/v30_0/sass/_md-comp-nav-bar.scss +68 -0
  373. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-collapsed.scss +35 -0
  374. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-expanded.scss +47 -0
  375. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-horizontal.scss +31 -0
  376. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item-vertical.scss +33 -0
  377. package/tokens/versions/v30_0/sass/_md-comp-nav-rail-item.scss +39 -0
  378. package/tokens/versions/v30_0/sass/_md-comp-nav-rail.scss +48 -0
  379. package/tokens/versions/v30_0/sass/_md-comp-navigation-bar.scss +150 -0
  380. package/tokens/versions/v30_0/sass/_md-comp-navigation-drawer.scss +187 -0
  381. package/tokens/versions/v30_0/sass/_md-comp-navigation-rail.scss +233 -0
  382. package/tokens/versions/v30_0/sass/_md-comp-outlined-autocomplete.scss +275 -0
  383. package/tokens/versions/v30_0/sass/_md-comp-outlined-button.scss +108 -0
  384. package/tokens/versions/v30_0/sass/_md-comp-outlined-card.scss +87 -0
  385. package/tokens/versions/v30_0/sass/_md-comp-outlined-menu-button.scss +117 -0
  386. package/tokens/versions/v30_0/sass/_md-comp-outlined-segmented-button.scss +121 -0
  387. package/tokens/versions/v30_0/sass/_md-comp-outlined-select.scss +266 -0
  388. package/tokens/versions/v30_0/sass/_md-comp-outlined-text-field.scss +216 -0
  389. package/tokens/versions/v30_0/sass/_md-comp-plain-tooltip.scss +45 -0
  390. package/tokens/versions/v30_0/sass/_md-comp-primary-navigation-tab.scss +130 -0
  391. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator-circular.scss +47 -0
  392. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator-linear.scss +65 -0
  393. package/tokens/versions/v30_0/sass/_md-comp-progress-indicator.scss +48 -0
  394. package/tokens/versions/v30_0/sass/_md-comp-radio-button.scss +72 -0
  395. package/tokens/versions/v30_0/sass/_md-comp-rich-tooltip.scss +113 -0
  396. package/tokens/versions/v30_0/sass/_md-comp-scrim.scss +23 -0
  397. package/tokens/versions/v30_0/sass/_md-comp-search-bar.scss +102 -0
  398. package/tokens/versions/v30_0/sass/_md-comp-search-view.scss +84 -0
  399. package/tokens/versions/v30_0/sass/_md-comp-secondary-navigation-tab.scss +104 -0
  400. package/tokens/versions/v30_0/sass/_md-comp-sheet-bottom.scss +52 -0
  401. package/tokens/versions/v30_0/sass/_md-comp-sheet-floating.scss +31 -0
  402. package/tokens/versions/v30_0/sass/_md-comp-sheet-side.scss +96 -0
  403. package/tokens/versions/v30_0/sass/_md-comp-slider-large.scss +31 -0
  404. package/tokens/versions/v30_0/sass/_md-comp-slider-medium.scss +31 -0
  405. package/tokens/versions/v30_0/sass/_md-comp-slider-small.scss +27 -0
  406. package/tokens/versions/v30_0/sass/_md-comp-slider-xlarge.scss +31 -0
  407. package/tokens/versions/v30_0/sass/_md-comp-slider-xsmall.scss +27 -0
  408. package/tokens/versions/v30_0/sass/_md-comp-slider.scss +307 -0
  409. package/tokens/versions/v30_0/sass/_md-comp-snackbar.scss +115 -0
  410. package/tokens/versions/v30_0/sass/_md-comp-split-button-large.scss +43 -0
  411. package/tokens/versions/v30_0/sass/_md-comp-split-button-medium.scss +43 -0
  412. package/tokens/versions/v30_0/sass/_md-comp-split-button-small.scss +43 -0
  413. package/tokens/versions/v30_0/sass/_md-comp-split-button-xlarge.scss +43 -0
  414. package/tokens/versions/v30_0/sass/_md-comp-split-button-xsmall.scss +45 -0
  415. package/tokens/versions/v30_0/sass/_md-comp-standard-menu-button.scss +103 -0
  416. package/tokens/versions/v30_0/sass/_md-comp-suggestion-chip.scss +134 -0
  417. package/tokens/versions/v30_0/sass/_md-comp-switch.scss +191 -0
  418. package/tokens/versions/v30_0/sass/_md-comp-text-button.scss +94 -0
  419. package/tokens/versions/v30_0/sass/_md-comp-time-input.scss +206 -0
  420. package/tokens/versions/v30_0/sass/_md-comp-time-picker.scss +257 -0
  421. package/tokens/versions/v30_0/sass/_md-comp-toolbar-docked.scss +36 -0
  422. package/tokens/versions/v30_0/sass/_md-comp-toolbar-floating-fab.scss +51 -0
  423. package/tokens/versions/v30_0/sass/_md-comp-toolbar-floating.scss +75 -0
  424. package/tokens/versions/v30_0/sass/_md-comp-toolbar-standard.scss +87 -0
  425. package/tokens/versions/v30_0/sass/_md-comp-toolbar-vibrant.scss +87 -0
  426. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-large.scss +62 -0
  427. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-medium.scss +62 -0
  428. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small-centered.scss +72 -0
  429. package/tokens/versions/v30_0/sass/_md-comp-top-app-bar-small.scss +70 -0
  430. package/tokens/versions/v30_0/sass/_md-ref-palette.scss +495 -0
  431. package/tokens/versions/v30_0/sass/_md-ref-typeface.scss +27 -0
  432. package/tokens/versions/v30_0/sass/_md-sys-color.scss +209 -0
  433. package/tokens/versions/v30_0/sass/_md-sys-color__dark.scss +209 -0
  434. package/tokens/versions/v30_0/sass/_md-sys-color__dark__high-contrast.scss +209 -0
  435. package/tokens/versions/v30_0/sass/_md-sys-color__dark__medium-contrast.scss +209 -0
  436. package/tokens/versions/v30_0/sass/_md-sys-color__high-contrast.scss +209 -0
  437. package/tokens/versions/v30_0/sass/_md-sys-color__medium-contrast.scss +209 -0
  438. package/tokens/versions/v30_0/sass/_md-sys-elevation.scss +35 -0
  439. package/tokens/versions/v30_0/sass/_md-sys-motion.scss +107 -0
  440. package/tokens/versions/v30_0/sass/_md-sys-shape.scss +67 -0
  441. package/tokens/versions/v30_0/sass/_md-sys-state-focus-indicator.scss +23 -0
  442. package/tokens/versions/v30_0/sass/_md-sys-state.scss +27 -0
  443. package/tokens/versions/v30_0/sass/_md-sys-typescale-emphasized.scss +559 -0
  444. package/tokens/versions/v30_0/sass/_md-sys-typescale.scss +571 -0
  445. package/typography/md-typescale-styles.d.ts +2 -0
  446. package/typography/md-typescale-styles.js +1 -0
  447. package/typography/md-typescale-styles.js.map +1 -1
  448. package/internal/controller/form-submitter.js +0 -69
  449. package/internal/controller/form-submitter.js.map +0 -1
  450. package/internal/sass/_string-ext.scss +0 -195
package/textfield/internal/filled-styles.js CHANGED
@@ -7,4 +7,5 @@
7
7
  import { css } from 'lit';
8
8
  export const styles = css `:host{--_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-container-highest, #e6e0e9));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, 3px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_input-text-font: var(--md-filled-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-filled-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_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-size: var(--md-filled-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-filled-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_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-font: var(--md-filled-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-filled-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-filled-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_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);--_container-shape-start-start: var(--md-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_icon-input-space: var(--md-filled-text-field-icon-input-space, 16px);--_leading-space: var(--md-filled-text-field-leading-space, 16px);--_trailing-space: var(--md-filled-text-field-trailing-space, 16px);--_top-space: var(--md-filled-text-field-top-space, 16px);--_bottom-space: var(--md-filled-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-filled-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-filled-text-field-input-text-suffix-leading-space, 2px);--_with-label-top-space: var(--md-filled-text-field-with-label-top-space, 8px);--_with-label-bottom-space: var(--md-filled-text-field-with-label-bottom-space, 8px);--_focus-caret-color: var(--md-filled-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-filled-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-filled-text-field-with-trailing-icon-trailing-space, 12px);--md-filled-field-active-indicator-color: var(--_active-indicator-color);--md-filled-field-active-indicator-height: var(--_active-indicator-height);--md-filled-field-bottom-space: var(--_bottom-space);--md-filled-field-container-color: var(--_container-color);--md-filled-field-container-shape-end-end: var(--_container-shape-end-end);--md-filled-field-container-shape-end-start: var(--_container-shape-end-start);--md-filled-field-container-shape-start-end: var(--_container-shape-start-end);--md-filled-field-container-shape-start-start: var(--_container-shape-start-start);--md-filled-field-content-color: var(--_input-text-color);--md-filled-field-content-font: var(--_input-text-font);--md-filled-field-content-line-height: var(--_input-text-line-height);--md-filled-field-content-size: var(--_input-text-size);--md-filled-field-content-space: var(--_icon-input-space);--md-filled-field-content-weight: var(--_input-text-weight);--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-font: var(--_label-text-font);--md-filled-field-label-text-line-height: var(--_label-text-line-height);--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-size: var(--_label-text-size);--md-filled-field-label-text-weight: var(--_label-text-weight);--md-filled-field-leading-content-color: var(--_leading-icon-color);--md-filled-field-leading-space: var(--_leading-space);--md-filled-field-supporting-text-color: var(--_supporting-text-color);--md-filled-field-supporting-text-font: var(--_supporting-text-font);--md-filled-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-filled-field-supporting-text-size: var(--_supporting-text-size);--md-filled-field-supporting-text-weight: var(--_supporting-text-weight);--md-filled-field-top-space: var(--_top-space);--md-filled-field-trailing-content-color: var(--_trailing-icon-color);--md-filled-field-trailing-space: var(--_trailing-space);--md-filled-field-with-label-bottom-space: var(--_with-label-bottom-space);--md-filled-field-with-label-top-space: var(--_with-label-top-space);--md-filled-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-filled-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}
9
9
  `;
10
+ export default styles.styleSheet;
10
11
  //# sourceMappingURL=filled-styles.js.map
package/textfield/internal/filled-styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"filled-styles.js","sourceRoot":"","sources":["filled-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,mEAAmE;AACnE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./textfield/internal/filled-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{--_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-container-highest, #e6e0e9));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, 3px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_input-text-font: var(--md-filled-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-filled-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_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-size: var(--md-filled-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-filled-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_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-font: var(--md-filled-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-filled-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-filled-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_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);--_container-shape-start-start: var(--md-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_icon-input-space: var(--md-filled-text-field-icon-input-space, 16px);--_leading-space: var(--md-filled-text-field-leading-space, 16px);--_trailing-space: var(--md-filled-text-field-trailing-space, 16px);--_top-space: var(--md-filled-text-field-top-space, 16px);--_bottom-space: var(--md-filled-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-filled-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-filled-text-field-input-text-suffix-leading-space, 2px);--_with-label-top-space: var(--md-filled-text-field-with-label-top-space, 8px);--_with-label-bottom-space: var(--md-filled-text-field-with-label-bottom-space, 8px);--_focus-caret-color: var(--md-filled-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-filled-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-filled-text-field-with-trailing-icon-trailing-space, 12px);--md-filled-field-active-indicator-color: var(--_active-indicator-color);--md-filled-field-active-indicator-height: var(--_active-indicator-height);--md-filled-field-bottom-space: var(--_bottom-space);--md-filled-field-container-color: var(--_container-color);--md-filled-field-container-shape-end-end: var(--_container-shape-end-end);--md-filled-field-container-shape-end-start: var(--_container-shape-end-start);--md-filled-field-container-shape-start-end: var(--_container-shape-start-end);--md-filled-field-container-shape-start-start: var(--_container-shape-start-start);--md-filled-field-content-color: var(--_input-text-color);--md-filled-field-content-font: var(--_input-text-font);--md-filled-field-content-line-height: var(--_input-text-line-height);--md-filled-field-content-size: var(--_input-text-size);--md-filled-field-content-space: var(--_icon-input-space);--md-filled-field-content-weight: var(--_input-text-weight);--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-font: var(--_label-text-font);--md-filled-field-label-text-line-height: var(--_label-text-line-height);--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-size: var(--_label-text-size);--md-filled-field-label-text-weight: var(--_label-text-weight);--md-filled-field-leading-content-color: var(--_leading-icon-color);--md-filled-field-leading-space: var(--_leading-space);--md-filled-field-supporting-text-color: var(--_supporting-text-color);--md-filled-field-supporting-text-font: var(--_supporting-text-font);--md-filled-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-filled-field-supporting-text-size: var(--_supporting-text-size);--md-filled-field-supporting-text-weight: var(--_supporting-text-weight);--md-filled-field-top-space: var(--_top-space);--md-filled-field-trailing-content-color: var(--_trailing-icon-color);--md-filled-field-trailing-space: var(--_trailing-space);--md-filled-field-with-label-bottom-space: var(--_with-label-bottom-space);--md-filled-field-with-label-top-space: var(--_with-label-top-space);--md-filled-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-filled-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}\n`;\n"]}
1
+ {"version":3,"file":"filled-styles.js","sourceRoot":"","sources":["filled-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,mEAAmE;AACnE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./textfield/internal/filled-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{--_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-container-highest, #e6e0e9));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, 3px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_input-text-font: var(--md-filled-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-filled-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_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-size: var(--md-filled-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-filled-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_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-font: var(--md-filled-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-filled-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-filled-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_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);--_container-shape-start-start: var(--md-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_icon-input-space: var(--md-filled-text-field-icon-input-space, 16px);--_leading-space: var(--md-filled-text-field-leading-space, 16px);--_trailing-space: var(--md-filled-text-field-trailing-space, 16px);--_top-space: var(--md-filled-text-field-top-space, 16px);--_bottom-space: var(--md-filled-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-filled-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-filled-text-field-input-text-suffix-leading-space, 2px);--_with-label-top-space: var(--md-filled-text-field-with-label-top-space, 8px);--_with-label-bottom-space: var(--md-filled-text-field-with-label-bottom-space, 8px);--_focus-caret-color: var(--md-filled-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-filled-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-filled-text-field-with-trailing-icon-trailing-space, 12px);--md-filled-field-active-indicator-color: var(--_active-indicator-color);--md-filled-field-active-indicator-height: var(--_active-indicator-height);--md-filled-field-bottom-space: var(--_bottom-space);--md-filled-field-container-color: var(--_container-color);--md-filled-field-container-shape-end-end: var(--_container-shape-end-end);--md-filled-field-container-shape-end-start: var(--_container-shape-end-start);--md-filled-field-container-shape-start-end: var(--_container-shape-start-end);--md-filled-field-container-shape-start-start: var(--_container-shape-start-start);--md-filled-field-content-color: var(--_input-text-color);--md-filled-field-content-font: var(--_input-text-font);--md-filled-field-content-line-height: var(--_input-text-line-height);--md-filled-field-content-size: var(--_input-text-size);--md-filled-field-content-space: var(--_icon-input-space);--md-filled-field-content-weight: var(--_input-text-weight);--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-font: var(--_label-text-font);--md-filled-field-label-text-line-height: var(--_label-text-line-height);--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-size: var(--_label-text-size);--md-filled-field-label-text-weight: var(--_label-text-weight);--md-filled-field-leading-content-color: var(--_leading-icon-color);--md-filled-field-leading-space: var(--_leading-space);--md-filled-field-supporting-text-color: var(--_supporting-text-color);--md-filled-field-supporting-text-font: var(--_supporting-text-font);--md-filled-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-filled-field-supporting-text-size: var(--_supporting-text-size);--md-filled-field-supporting-text-weight: var(--_supporting-text-weight);--md-filled-field-top-space: var(--_top-space);--md-filled-field-trailing-content-color: var(--_trailing-icon-color);--md-filled-field-trailing-space: var(--_trailing-space);--md-filled-field-with-label-bottom-space: var(--_with-label-bottom-space);--md-filled-field-with-label-top-space: var(--_with-label-top-space);--md-filled-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-filled-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}\n`;\nexport default styles.styleSheet!;\n"]}
package/textfield/internal/outlined-styles.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
+ declare const _default: CSSStyleSheet;
3
+ export default _default;
package/textfield/internal/outlined-styles.js CHANGED
@@ -7,4 +7,5 @@
7
7
  import { css } from 'lit';
8
8
  export const styles = css `:host{--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, 3px);--_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, #1d1b20));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_input-text-font: var(--md-outlined-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-outlined-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_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-size: var(--md-outlined-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-outlined-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_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-font: var(--md-outlined-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-outlined-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-outlined-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_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);--_container-shape-start-start: var(--md-outlined-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_icon-input-space: var(--md-outlined-text-field-icon-input-space, 16px);--_leading-space: var(--md-outlined-text-field-leading-space, 16px);--_trailing-space: var(--md-outlined-text-field-trailing-space, 16px);--_top-space: var(--md-outlined-text-field-top-space, 16px);--_bottom-space: var(--md-outlined-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-outlined-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-outlined-text-field-input-text-suffix-leading-space, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-outlined-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-outlined-text-field-with-trailing-icon-trailing-space, 12px);--md-outlined-field-bottom-space: var(--_bottom-space);--md-outlined-field-container-shape-end-end: var(--_container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_container-shape-start-start);--md-outlined-field-content-color: var(--_input-text-color);--md-outlined-field-content-font: var(--_input-text-font);--md-outlined-field-content-line-height: var(--_input-text-line-height);--md-outlined-field-content-size: var(--_input-text-size);--md-outlined-field-content-space: var(--_icon-input-space);--md-outlined-field-content-weight: var(--_input-text-weight);--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-font: var(--_label-text-font);--md-outlined-field-label-text-line-height: var(--_label-text-line-height);--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-size: var(--_label-text-size);--md-outlined-field-label-text-weight: var(--_label-text-weight);--md-outlined-field-leading-content-color: var(--_leading-icon-color);--md-outlined-field-leading-space: var(--_leading-space);--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-font: var(--_supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_supporting-text-weight);--md-outlined-field-top-space: var(--_top-space);--md-outlined-field-trailing-content-color: var(--_trailing-icon-color);--md-outlined-field-trailing-space: var(--_trailing-space);--md-outlined-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-outlined-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}
9
9
  `;
10
+ export default styles.styleSheet;
10
11
  //# sourceMappingURL=outlined-styles.js.map
package/textfield/internal/outlined-styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"outlined-styles.js","sourceRoot":"","sources":["outlined-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,qEAAqE;AACrE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./textfield/internal/outlined-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, 3px);--_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, #1d1b20));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_input-text-font: var(--md-outlined-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-outlined-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_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-size: var(--md-outlined-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-outlined-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_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-font: var(--md-outlined-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-outlined-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-outlined-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_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);--_container-shape-start-start: var(--md-outlined-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_icon-input-space: var(--md-outlined-text-field-icon-input-space, 16px);--_leading-space: var(--md-outlined-text-field-leading-space, 16px);--_trailing-space: var(--md-outlined-text-field-trailing-space, 16px);--_top-space: var(--md-outlined-text-field-top-space, 16px);--_bottom-space: var(--md-outlined-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-outlined-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-outlined-text-field-input-text-suffix-leading-space, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-outlined-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-outlined-text-field-with-trailing-icon-trailing-space, 12px);--md-outlined-field-bottom-space: var(--_bottom-space);--md-outlined-field-container-shape-end-end: var(--_container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_container-shape-start-start);--md-outlined-field-content-color: var(--_input-text-color);--md-outlined-field-content-font: var(--_input-text-font);--md-outlined-field-content-line-height: var(--_input-text-line-height);--md-outlined-field-content-size: var(--_input-text-size);--md-outlined-field-content-space: var(--_icon-input-space);--md-outlined-field-content-weight: var(--_input-text-weight);--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-font: var(--_label-text-font);--md-outlined-field-label-text-line-height: var(--_label-text-line-height);--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-size: var(--_label-text-size);--md-outlined-field-label-text-weight: var(--_label-text-weight);--md-outlined-field-leading-content-color: var(--_leading-icon-color);--md-outlined-field-leading-space: var(--_leading-space);--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-font: var(--_supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_supporting-text-weight);--md-outlined-field-top-space: var(--_top-space);--md-outlined-field-trailing-content-color: var(--_trailing-icon-color);--md-outlined-field-trailing-space: var(--_trailing-space);--md-outlined-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-outlined-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}\n`;\n"]}
1
+ {"version":3,"file":"outlined-styles.js","sourceRoot":"","sources":["outlined-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,qEAAqE;AACrE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./textfield/internal/outlined-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_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, 3px);--_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, #1d1b20));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_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, #1d1b20));--_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, #1d1b20));--_input-text-font: var(--md-outlined-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-outlined-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_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-size: var(--md-outlined-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-outlined-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_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-font: var(--md-outlined-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-outlined-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-outlined-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_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);--_container-shape-start-start: var(--md-outlined-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_icon-input-space: var(--md-outlined-text-field-icon-input-space, 16px);--_leading-space: var(--md-outlined-text-field-leading-space, 16px);--_trailing-space: var(--md-outlined-text-field-trailing-space, 16px);--_top-space: var(--md-outlined-text-field-top-space, 16px);--_bottom-space: var(--md-outlined-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-outlined-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-outlined-text-field-input-text-suffix-leading-space, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-outlined-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-outlined-text-field-with-trailing-icon-trailing-space, 12px);--md-outlined-field-bottom-space: var(--_bottom-space);--md-outlined-field-container-shape-end-end: var(--_container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_container-shape-start-start);--md-outlined-field-content-color: var(--_input-text-color);--md-outlined-field-content-font: var(--_input-text-font);--md-outlined-field-content-line-height: var(--_input-text-line-height);--md-outlined-field-content-size: var(--_input-text-size);--md-outlined-field-content-space: var(--_icon-input-space);--md-outlined-field-content-weight: var(--_input-text-weight);--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-font: var(--_label-text-font);--md-outlined-field-label-text-line-height: var(--_label-text-line-height);--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-size: var(--_label-text-size);--md-outlined-field-label-text-weight: var(--_label-text-weight);--md-outlined-field-leading-content-color: var(--_leading-icon-color);--md-outlined-field-leading-space: var(--_leading-space);--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-font: var(--_supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_supporting-text-weight);--md-outlined-field-top-space: var(--_top-space);--md-outlined-field-trailing-content-color: var(--_trailing-icon-color);--md-outlined-field-trailing-space: var(--_trailing-space);--md-outlined-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-outlined-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}\n`;\nexport default styles.styleSheet!;\n"]}
package/textfield/internal/shared-styles.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
+ declare const _default: CSSStyleSheet;
3
+ export default _default;
package/textfield/internal/shared-styles.js CHANGED
@@ -7,4 +7,5 @@
7
7
  import { css } from 'lit';
8
8
  export const styles = css `:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}: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,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)}
9
9
  `;
10
+ export default styles.styleSheet;
10
11
  //# sourceMappingURL=shared-styles.js.map
package/textfield/internal/shared-styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shared-styles.js","sourceRoot":"","sources":["shared-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,mEAAmE;AACnE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./textfield/internal/shared-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}: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,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)}\n`;\n"]}
1
+ {"version":3,"file":"shared-styles.js","sourceRoot":"","sources":["shared-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,mEAAmE;AACnE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./textfield/internal/shared-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}: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,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)}\n`;\nexport default styles.styleSheet!;\n"]}
package/tokens/versions/v30_0/sass/_index.scss ADDED
@@ -0,0 +1,239 @@
1
+ //
2
+ // Copyright 2026 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+ // AUTOGENERATED. DO NOT MODIFY.
6
+ // To modify this file, update the source template,
7
+ // or run the compiler: go/carbon-service-code-gen-mwtc.
8
+ // Source template: sassvars/index.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 30.0.14
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ @forward 'md-comp-app-bar' as md-comp-app-bar--*;
19
+ @forward 'md-comp-app-bar-large' as md-comp-app-bar-large--*;
20
+ @forward 'md-comp-app-bar-large-flexible' as md-comp-app-bar-large-flexible--*;
21
+ @forward 'md-comp-app-bar-medium' as md-comp-app-bar-medium--*;
22
+ @forward 'md-comp-app-bar-medium-flexible' as md-comp-app-bar-medium-flexible--*;
23
+ @forward 'md-comp-app-bar-small' as md-comp-app-bar-small--*;
24
+ @forward 'md-comp-assist-chip' as md-comp-assist-chip--*;
25
+ @forward 'md-comp-badge' as md-comp-badge--*;
26
+ @forward 'md-comp-banner' as md-comp-banner--*;
27
+ @forward 'md-comp-banners' as md-comp-banners--*;
28
+ @forward 'md-comp-banners-basic' as md-comp-banners-basic--*;
29
+ @forward 'md-comp-banners-rich' as md-comp-banners-rich--*;
30
+ @forward 'md-comp-bottom-app-bar' as md-comp-bottom-app-bar--*;
31
+ @forward 'md-comp-button' as md-comp-button--*;
32
+ @forward 'md-comp-button-elevated' as md-comp-button-elevated--*;
33
+ @forward 'md-comp-button-filled' as md-comp-button-filled--*;
34
+ @forward 'md-comp-button-group-connected-large' as
35
+ md-comp-button-group-connected-large--*;
36
+ @forward 'md-comp-button-group-connected-medium' as
37
+ md-comp-button-group-connected-medium--*;
38
+ @forward 'md-comp-button-group-connected-small' as
39
+ md-comp-button-group-connected-small--*;
40
+ @forward 'md-comp-button-group-connected-xlarge' as
41
+ md-comp-button-group-connected-xlarge--*;
42
+ @forward 'md-comp-button-group-connected-xsmall' as
43
+ md-comp-button-group-connected-xsmall--*;
44
+ @forward 'md-comp-button-group-standard-large' as
45
+ md-comp-button-group-standard-large--*;
46
+ @forward 'md-comp-button-group-standard-medium' as
47
+ md-comp-button-group-standard-medium--*;
48
+ @forward 'md-comp-button-group-standard-small' as
49
+ md-comp-button-group-standard-small--*;
50
+ @forward 'md-comp-button-group-standard-xlarge' as
51
+ md-comp-button-group-standard-xlarge--*;
52
+ @forward 'md-comp-button-group-standard-xsmall' as
53
+ md-comp-button-group-standard-xsmall--*;
54
+ @forward 'md-comp-button-large' as md-comp-button-large--*;
55
+ @forward 'md-comp-button-medium' as md-comp-button-medium--*;
56
+ @forward 'md-comp-button-outlined' as md-comp-button-outlined--*;
57
+ @forward 'md-comp-button-small' as md-comp-button-small--*;
58
+ @forward 'md-comp-button-text' as md-comp-button-text--*;
59
+ @forward 'md-comp-button-tonal' as md-comp-button-tonal--*;
60
+ @forward 'md-comp-button-xlarge' as md-comp-button-xlarge--*;
61
+ @forward 'md-comp-button-xsmall' as md-comp-button-xsmall--*;
62
+ @forward 'md-comp-carousel-item' as md-comp-carousel-item--*;
63
+ @forward 'md-comp-checkbox' as md-comp-checkbox--*;
64
+ @forward 'md-comp-circular-progress-indicator' as
65
+ md-comp-circular-progress-indicator--*;
66
+ @forward 'md-comp-data-table' as md-comp-data-table--*;
67
+ @forward 'md-comp-date-input-modal' as md-comp-date-input-modal--*;
68
+ @forward 'md-comp-date-picker-docked' as md-comp-date-picker-docked--*;
69
+ @forward 'md-comp-date-picker-modal' as md-comp-date-picker-modal--*;
70
+ @forward 'md-comp-dialog' as md-comp-dialog--*;
71
+ @forward 'md-comp-divider' as md-comp-divider--*;
72
+ @forward 'md-comp-drag-handle' as md-comp-drag-handle--*;
73
+ @forward 'md-comp-elevated-button' as md-comp-elevated-button--*;
74
+ @forward 'md-comp-elevated-card' as md-comp-elevated-card--*;
75
+ @forward 'md-comp-extended-fab' as md-comp-extended-fab--*;
76
+ @forward 'md-comp-extended-fab-branded' as md-comp-extended-fab-branded--*;
77
+ @forward 'md-comp-extended-fab-large' as md-comp-extended-fab-large--*;
78
+ @forward 'md-comp-extended-fab-medium' as md-comp-extended-fab-medium--*;
79
+ @forward 'md-comp-extended-fab-primary' as md-comp-extended-fab-primary--*;
80
+ @forward 'md-comp-extended-fab-primary-container' as
81
+ md-comp-extended-fab-primary-container--*;
82
+ @forward 'md-comp-extended-fab-secondary' as md-comp-extended-fab-secondary--*;
83
+ @forward 'md-comp-extended-fab-secondary-container' as
84
+ md-comp-extended-fab-secondary-container--*;
85
+ @forward 'md-comp-extended-fab-small' as md-comp-extended-fab-small--*;
86
+ @forward 'md-comp-extended-fab-surface' as md-comp-extended-fab-surface--*;
87
+ @forward 'md-comp-extended-fab-tertiary' as md-comp-extended-fab-tertiary--*;
88
+ @forward 'md-comp-extended-fab-tertiary-container' as
89
+ md-comp-extended-fab-tertiary-container--*;
90
+ @forward 'md-comp-fab' as md-comp-fab--*;
91
+ @forward 'md-comp-fab-branded' as md-comp-fab-branded--*;
92
+ @forward 'md-comp-fab-branded-large' as md-comp-fab-branded-large--*;
93
+ @forward 'md-comp-fab-large' as md-comp-fab-large--*;
94
+ @forward 'md-comp-fab-medium' as md-comp-fab-medium--*;
95
+ @forward 'md-comp-fab-menu' as md-comp-fab-menu--*;
96
+ @forward 'md-comp-fab-menu-primary-close-button' as
97
+ md-comp-fab-menu-primary-close-button--*;
98
+ @forward 'md-comp-fab-menu-primary-container' as
99
+ md-comp-fab-menu-primary-container--*;
100
+ @forward 'md-comp-fab-menu-secondary-close-button' as
101
+ md-comp-fab-menu-secondary-close-button--*;
102
+ @forward 'md-comp-fab-menu-secondary-container' as
103
+ md-comp-fab-menu-secondary-container--*;
104
+ @forward 'md-comp-fab-menu-tertiary-close-button' as
105
+ md-comp-fab-menu-tertiary-close-button--*;
106
+ @forward 'md-comp-fab-menu-tertiary-container' as
107
+ md-comp-fab-menu-tertiary-container--*;
108
+ @forward 'md-comp-fab-primary' as md-comp-fab-primary--*;
109
+ @forward 'md-comp-fab-primary-container' as md-comp-fab-primary-container--*;
110
+ @forward 'md-comp-fab-primary-large' as md-comp-fab-primary-large--*;
111
+ @forward 'md-comp-fab-primary-small' as md-comp-fab-primary-small--*;
112
+ @forward 'md-comp-fab-secondary' as md-comp-fab-secondary--*;
113
+ @forward 'md-comp-fab-secondary-container' as md-comp-fab-secondary-container--*;
114
+ @forward 'md-comp-fab-secondary-large' as md-comp-fab-secondary-large--*;
115
+ @forward 'md-comp-fab-secondary-small' as md-comp-fab-secondary-small--*;
116
+ @forward 'md-comp-fab-small' as md-comp-fab-small--*;
117
+ @forward 'md-comp-fab-surface' as md-comp-fab-surface--*;
118
+ @forward 'md-comp-fab-surface-large' as md-comp-fab-surface-large--*;
119
+ @forward 'md-comp-fab-tertiary' as md-comp-fab-tertiary--*;
120
+ @forward 'md-comp-fab-tertiary-container' as md-comp-fab-tertiary-container--*;
121
+ @forward 'md-comp-fab-tertiary-large' as md-comp-fab-tertiary-large--*;
122
+ @forward 'md-comp-fab-tertiary-small' as md-comp-fab-tertiary-small--*;
123
+ @forward 'md-comp-filled-autocomplete' as md-comp-filled-autocomplete--*;
124
+ @forward 'md-comp-filled-button' as md-comp-filled-button--*;
125
+ @forward 'md-comp-filled-card' as md-comp-filled-card--*;
126
+ @forward 'md-comp-filled-icon-button' as md-comp-filled-icon-button--*;
127
+ @forward 'md-comp-filled-menu-button' as md-comp-filled-menu-button--*;
128
+ @forward 'md-comp-filled-select' as md-comp-filled-select--*;
129
+ @forward 'md-comp-filled-text-field' as md-comp-filled-text-field--*;
130
+ @forward 'md-comp-filled-tonal-button' as md-comp-filled-tonal-button--*;
131
+ @forward 'md-comp-filled-tonal-icon-button' as
132
+ md-comp-filled-tonal-icon-button--*;
133
+ @forward 'md-comp-filter-chip' as md-comp-filter-chip--*;
134
+ @forward 'md-comp-full-screen-dialog' as md-comp-full-screen-dialog--*;
135
+ @forward 'md-comp-icon-button' as md-comp-icon-button--*;
136
+ @forward 'md-comp-icon-button-filled' as md-comp-icon-button-filled--*;
137
+ @forward 'md-comp-icon-button-large' as md-comp-icon-button-large--*;
138
+ @forward 'md-comp-icon-button-medium' as md-comp-icon-button-medium--*;
139
+ @forward 'md-comp-icon-button-outlined' as md-comp-icon-button-outlined--*;
140
+ @forward 'md-comp-icon-button-small' as md-comp-icon-button-small--*;
141
+ @forward 'md-comp-icon-button-standard' as md-comp-icon-button-standard--*;
142
+ @forward 'md-comp-icon-button-tonal' as md-comp-icon-button-tonal--*;
143
+ @forward 'md-comp-icon-button-xlarge' as md-comp-icon-button-xlarge--*;
144
+ @forward 'md-comp-icon-button-xsmall' as md-comp-icon-button-xsmall--*;
145
+ @forward 'md-comp-input-chip' as md-comp-input-chip--*;
146
+ @forward 'md-comp-linear-progress-indicator' as
147
+ md-comp-linear-progress-indicator--*;
148
+ @forward 'md-comp-list' as md-comp-list--*;
149
+ @forward 'md-comp-list-expand' as md-comp-list-expand--*;
150
+ @forward 'md-comp-list-reorder' as md-comp-list-reorder--*;
151
+ @forward 'md-comp-list-reveal' as md-comp-list-reveal--*;
152
+ @forward 'md-comp-loading-indicator' as md-comp-loading-indicator--*;
153
+ @forward 'md-comp-menu' as md-comp-menu--*;
154
+ @forward 'md-comp-menus' as md-comp-menus--*;
155
+ @forward 'md-comp-menus-standard' as md-comp-menus-standard--*;
156
+ @forward 'md-comp-menus-vibrant' as md-comp-menus-vibrant--*;
157
+ @forward 'md-comp-nav-bar' as md-comp-nav-bar--*;
158
+ @forward 'md-comp-nav-bar-item-horizontal' as md-comp-nav-bar-item-horizontal--*;
159
+ @forward 'md-comp-nav-bar-item-vertical' as md-comp-nav-bar-item-vertical--*;
160
+ @forward 'md-comp-nav-rail' as md-comp-nav-rail--*;
161
+ @forward 'md-comp-nav-rail-collapsed' as md-comp-nav-rail-collapsed--*;
162
+ @forward 'md-comp-nav-rail-expanded' as md-comp-nav-rail-expanded--*;
163
+ @forward 'md-comp-nav-rail-item' as md-comp-nav-rail-item--*;
164
+ @forward 'md-comp-nav-rail-item-horizontal' as
165
+ md-comp-nav-rail-item-horizontal--*;
166
+ @forward 'md-comp-nav-rail-item-vertical' as md-comp-nav-rail-item-vertical--*;
167
+ @forward 'md-comp-navigation-bar' as md-comp-navigation-bar--*;
168
+ @forward 'md-comp-navigation-drawer' as md-comp-navigation-drawer--*;
169
+ @forward 'md-comp-navigation-rail' as md-comp-navigation-rail--*;
170
+ @forward 'md-comp-outlined-autocomplete' as md-comp-outlined-autocomplete--*;
171
+ @forward 'md-comp-outlined-button' as md-comp-outlined-button--*;
172
+ @forward 'md-comp-outlined-card' as md-comp-outlined-card--*;
173
+ @forward 'md-comp-outlined-menu-button' as md-comp-outlined-menu-button--*;
174
+ @forward 'md-comp-outlined-segmented-button' as
175
+ md-comp-outlined-segmented-button--*;
176
+ @forward 'md-comp-outlined-select' as md-comp-outlined-select--*;
177
+ @forward 'md-comp-outlined-text-field' as md-comp-outlined-text-field--*;
178
+ @forward 'md-comp-plain-tooltip' as md-comp-plain-tooltip--*;
179
+ @forward 'md-comp-primary-navigation-tab' as md-comp-primary-navigation-tab--*;
180
+ @forward 'md-comp-progress-indicator' as md-comp-progress-indicator--*;
181
+ @forward 'md-comp-progress-indicator-circular' as
182
+ md-comp-progress-indicator-circular--*;
183
+ @forward 'md-comp-progress-indicator-linear' as
184
+ md-comp-progress-indicator-linear--*;
185
+ @forward 'md-comp-radio-button' as md-comp-radio-button--*;
186
+ @forward 'md-comp-rich-tooltip' as md-comp-rich-tooltip--*;
187
+ @forward 'md-comp-scrim' as md-comp-scrim--*;
188
+ @forward 'md-comp-search-bar' as md-comp-search-bar--*;
189
+ @forward 'md-comp-search-view' as md-comp-search-view--*;
190
+ @forward 'md-comp-secondary-navigation-tab' as
191
+ md-comp-secondary-navigation-tab--*;
192
+ @forward 'md-comp-sheet-bottom' as md-comp-sheet-bottom--*;
193
+ @forward 'md-comp-sheet-floating' as md-comp-sheet-floating--*;
194
+ @forward 'md-comp-sheet-side' as md-comp-sheet-side--*;
195
+ @forward 'md-comp-slider' as md-comp-slider--*;
196
+ @forward 'md-comp-slider-large' as md-comp-slider-large--*;
197
+ @forward 'md-comp-slider-medium' as md-comp-slider-medium--*;
198
+ @forward 'md-comp-slider-small' as md-comp-slider-small--*;
199
+ @forward 'md-comp-slider-xlarge' as md-comp-slider-xlarge--*;
200
+ @forward 'md-comp-slider-xsmall' as md-comp-slider-xsmall--*;
201
+ @forward 'md-comp-snackbar' as md-comp-snackbar--*;
202
+ @forward 'md-comp-split-button-large' as md-comp-split-button-large--*;
203
+ @forward 'md-comp-split-button-medium' as md-comp-split-button-medium--*;
204
+ @forward 'md-comp-split-button-small' as md-comp-split-button-small--*;
205
+ @forward 'md-comp-split-button-xlarge' as md-comp-split-button-xlarge--*;
206
+ @forward 'md-comp-split-button-xsmall' as md-comp-split-button-xsmall--*;
207
+ @forward 'md-comp-standard-menu-button' as md-comp-standard-menu-button--*;
208
+ @forward 'md-comp-suggestion-chip' as md-comp-suggestion-chip--*;
209
+ @forward 'md-comp-switch' as md-comp-switch--*;
210
+ @forward 'md-comp-text-button' as md-comp-text-button--*;
211
+ @forward 'md-comp-time-input' as md-comp-time-input--*;
212
+ @forward 'md-comp-time-picker' as md-comp-time-picker--*;
213
+ @forward 'md-comp-toolbar-docked' as md-comp-toolbar-docked--*;
214
+ @forward 'md-comp-toolbar-floating' as md-comp-toolbar-floating--*;
215
+ @forward 'md-comp-toolbar-floating-fab' as md-comp-toolbar-floating-fab--*;
216
+ @forward 'md-comp-toolbar-standard' as md-comp-toolbar-standard--*;
217
+ @forward 'md-comp-toolbar-vibrant' as md-comp-toolbar-vibrant--*;
218
+ @forward 'md-comp-top-app-bar-large' as md-comp-top-app-bar-large--*;
219
+ @forward 'md-comp-top-app-bar-medium' as md-comp-top-app-bar-medium--*;
220
+ @forward 'md-comp-top-app-bar-small' as md-comp-top-app-bar-small--*;
221
+ @forward 'md-comp-top-app-bar-small-centered' as
222
+ md-comp-top-app-bar-small-centered--*;
223
+ @forward 'md-ref-palette' as md-ref-palette--*;
224
+ @forward 'md-ref-typeface' as md-ref-typeface--*;
225
+ @forward 'md-sys-color' as md-sys-color--*;
226
+ @forward 'md-sys-color__dark' as md-sys-color--dark--*;
227
+ @forward 'md-sys-color__dark__high-contrast' as
228
+ md-sys-color--dark--high-contrast--*;
229
+ @forward 'md-sys-color__dark__medium-contrast' as
230
+ md-sys-color--dark--medium-contrast--*;
231
+ @forward 'md-sys-color__high-contrast' as md-sys-color--high-contrast--*;
232
+ @forward 'md-sys-color__medium-contrast' as md-sys-color--medium-contrast--*;
233
+ @forward 'md-sys-elevation' as md-sys-elevation--*;
234
+ @forward 'md-sys-motion' as md-sys-motion--*;
235
+ @forward 'md-sys-shape' as md-sys-shape--*;
236
+ @forward 'md-sys-state' as md-sys-state--*;
237
+ @forward 'md-sys-state-focus-indicator' as md-sys-state-focus-indicator--*;
238
+ @forward 'md-sys-typescale' as md-sys-typescale--*;
239
+ @forward 'md-sys-typescale-emphasized' as md-sys-typescale-emphasized--*;
package/tokens/versions/v30_0/sass/_md-comp-app-bar-large-flexible.scss ADDED
@@ -0,0 +1,31 @@
1
+ //
2
+ // Copyright 2026 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+ // AUTOGENERATED. DO NOT MODIFY.
6
+ // To modify this file, update the source template,
7
+ // or run the compiler: go/carbon-service-code-gen-mwtc.
8
+ // Source template: sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 30.0.14
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ @use 'md-sys-typescale';
19
+
20
+ /// md.comp.app-bar.large-flexible.container.height
21
+ $container-height: 120px;
22
+ /// md.comp.app-bar.large-flexible.with-subtitle.container.height
23
+ $with-subtitle-container-height: 152px;
24
+ /// md.comp.app-bar.large-flexible.subtitle.font
25
+ @mixin subtitle-font {
26
+ @include md-sys-typescale.title-medium;
27
+ }
28
+ /// md.comp.app-bar.large-flexible.title.font
29
+ @mixin title-font {
30
+ @include md-sys-typescale.display-small;
31
+ }
package/tokens/versions/v30_0/sass/_md-comp-app-bar-large.scss ADDED
@@ -0,0 +1,35 @@
1
+ //
2
+ // Copyright 2026 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+ // AUTOGENERATED. DO NOT MODIFY.
6
+ // To modify this file, update the source template,
7
+ // or run the compiler: go/carbon-service-code-gen-mwtc.
8
+ // Source template: sassvars/contextualtokenset.scss.tmpl
9
+
10
+ // Design system: Google Material 3
11
+ // Version: 30.0.14
12
+ // Configured context tags:
13
+ // audience: 3p
14
+ // font: static
15
+ // platform: web
16
+ // Output format: sass_vars
17
+
18
+ @use 'md-sys-typescale';
19
+
20
+ /// md.comp.app-bar.large.container.height
21
+ $container-height: 152px;
22
+ /// md.comp.app-bar.large.icon.size
23
+ ///
24
+ /// @deprecated Please use icon size token in the common app bar set
25
+ $icon-size: 24px;
26
+ /// md.comp.app-bar.large.subtitle.font
27
+ ///
28
+ /// @deprecated No subtitle support on the legacy app bar. Please use the new, flexible variant instead.
29
+ @mixin subtitle-font {
30
+ @include md-sys-typescale.title-medium;
31
+ }
32
+ /// md.comp.app-bar.large.title.font
33
+ @mixin title-font {
34
+ @include md-sys-typescale.headline-medium;
35
+ }