@material/web 0.1.0-alpha.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 (1132) hide show
  1. package/LICENSE +202 -0
  2. package/README.md +34 -0
  3. package/actionelement/action-element.d.ts +79 -0
  4. package/actionelement/action-element.js +97 -0
  5. package/actionelement/action-element.js.map +1 -0
  6. package/badge/badge.d.ts +19 -0
  7. package/badge/badge.js +22 -0
  8. package/badge/badge.js.map +1 -0
  9. package/badge/lib/_badge-theme.scss +118 -0
  10. package/badge/lib/_badge.scss +41 -0
  11. package/badge/lib/badge-styles.css.d.ts +1 -0
  12. package/badge/lib/badge-styles.css.js +9 -0
  13. package/badge/lib/badge-styles.css.js.map +1 -0
  14. package/badge/lib/badge-styles.scss +16 -0
  15. package/badge/lib/badge.d.ts +15 -0
  16. package/badge/lib/badge.js +31 -0
  17. package/badge/lib/badge.js.map +1 -0
  18. package/button/_elevated-button.scss +8 -0
  19. package/button/_filled-button.scss +8 -0
  20. package/button/_outlined-button.scss +8 -0
  21. package/button/_text-button.scss +8 -0
  22. package/button/_tonal-button.scss +8 -0
  23. package/button/elevated-button.d.ts +19 -0
  24. package/button/elevated-button.js +24 -0
  25. package/button/elevated-button.js.map +1 -0
  26. package/button/elevated-link-button.d.ts +19 -0
  27. package/button/elevated-link-button.js +24 -0
  28. package/button/elevated-link-button.js.map +1 -0
  29. package/button/filled-button.d.ts +19 -0
  30. package/button/filled-button.js +23 -0
  31. package/button/filled-button.js.map +1 -0
  32. package/button/filled-link-button.d.ts +19 -0
  33. package/button/filled-link-button.js +23 -0
  34. package/button/filled-link-button.js.map +1 -0
  35. package/button/harness.d.ts +13 -0
  36. package/button/harness.js +16 -0
  37. package/button/harness.js.map +1 -0
  38. package/button/lib/_button-theme.scss +204 -0
  39. package/button/lib/_button.scss +88 -0
  40. package/button/lib/_elevated-button-theme.scss +53 -0
  41. package/button/lib/_elevated-button.scss +8 -0
  42. package/button/lib/_elevation-theme.scss +94 -0
  43. package/button/lib/_filled-button-theme.scss +53 -0
  44. package/button/lib/_filled-button.scss +8 -0
  45. package/button/lib/_icon-theme.scss +67 -0
  46. package/button/lib/_icon.scss +49 -0
  47. package/button/lib/_outlined-button-theme.scss +112 -0
  48. package/button/lib/_outlined-button.scss +25 -0
  49. package/button/lib/_text-button-theme.scss +57 -0
  50. package/button/lib/_text-button.scss +8 -0
  51. package/button/lib/_tonal-button-theme.scss +53 -0
  52. package/button/lib/_tonal-button.scss +8 -0
  53. package/button/lib/_touch-target.scss +16 -0
  54. package/button/lib/button.d.ts +76 -0
  55. package/button/lib/button.js +238 -0
  56. package/button/lib/button.js.map +1 -0
  57. package/button/lib/elevated-button.d.ts +15 -0
  58. package/button/lib/elevated-button.js +22 -0
  59. package/button/lib/elevated-button.js.map +1 -0
  60. package/button/lib/elevated-link-button.d.ts +15 -0
  61. package/button/lib/elevated-link-button.js +22 -0
  62. package/button/lib/elevated-link-button.js.map +1 -0
  63. package/button/lib/elevated-styles.css.d.ts +1 -0
  64. package/button/lib/elevated-styles.css.js +9 -0
  65. package/button/lib/elevated-styles.css.js.map +1 -0
  66. package/button/lib/elevated-styles.scss +18 -0
  67. package/button/lib/filled-button.d.ts +12 -0
  68. package/button/lib/filled-button.js +17 -0
  69. package/button/lib/filled-button.js.map +1 -0
  70. package/button/lib/filled-link-button.d.ts +12 -0
  71. package/button/lib/filled-link-button.js +17 -0
  72. package/button/lib/filled-link-button.js.map +1 -0
  73. package/button/lib/filled-styles.css.d.ts +1 -0
  74. package/button/lib/filled-styles.css.js +9 -0
  75. package/button/lib/filled-styles.css.js.map +1 -0
  76. package/button/lib/filled-styles.scss +16 -0
  77. package/button/lib/link-button.d.ts +17 -0
  78. package/button/lib/link-button.js +53 -0
  79. package/button/lib/link-button.js.map +1 -0
  80. package/button/lib/outlined-button.d.ts +15 -0
  81. package/button/lib/outlined-button.js +22 -0
  82. package/button/lib/outlined-button.js.map +1 -0
  83. package/button/lib/outlined-link-button.d.ts +15 -0
  84. package/button/lib/outlined-link-button.js +22 -0
  85. package/button/lib/outlined-link-button.js.map +1 -0
  86. package/button/lib/outlined-styles.css.d.ts +1 -0
  87. package/button/lib/outlined-styles.css.js +9 -0
  88. package/button/lib/outlined-styles.css.js.map +1 -0
  89. package/button/lib/outlined-styles.scss +18 -0
  90. package/button/lib/shared-styles.css.d.ts +1 -0
  91. package/button/lib/shared-styles.css.js +9 -0
  92. package/button/lib/shared-styles.css.js.map +1 -0
  93. package/button/lib/shared-styles.scss +12 -0
  94. package/button/lib/state.d.ts +10 -0
  95. package/button/lib/state.js +7 -0
  96. package/button/lib/state.js.map +1 -0
  97. package/button/lib/text-button.d.ts +12 -0
  98. package/button/lib/text-button.js +17 -0
  99. package/button/lib/text-button.js.map +1 -0
  100. package/button/lib/text-link-button.d.ts +12 -0
  101. package/button/lib/text-link-button.js +17 -0
  102. package/button/lib/text-link-button.js.map +1 -0
  103. package/button/lib/text-styles.css.d.ts +1 -0
  104. package/button/lib/text-styles.css.js +9 -0
  105. package/button/lib/text-styles.css.js.map +1 -0
  106. package/button/lib/text-styles.scss +16 -0
  107. package/button/lib/tonal-button.d.ts +12 -0
  108. package/button/lib/tonal-button.js +17 -0
  109. package/button/lib/tonal-button.js.map +1 -0
  110. package/button/lib/tonal-link-button.d.ts +12 -0
  111. package/button/lib/tonal-link-button.js +17 -0
  112. package/button/lib/tonal-link-button.js.map +1 -0
  113. package/button/lib/tonal-styles.css.d.ts +1 -0
  114. package/button/lib/tonal-styles.css.js +9 -0
  115. package/button/lib/tonal-styles.css.js.map +1 -0
  116. package/button/lib/tonal-styles.scss +16 -0
  117. package/button/outlined-button.d.ts +19 -0
  118. package/button/outlined-button.js +23 -0
  119. package/button/outlined-button.js.map +1 -0
  120. package/button/outlined-link-button.d.ts +19 -0
  121. package/button/outlined-link-button.js +23 -0
  122. package/button/outlined-link-button.js.map +1 -0
  123. package/button/text-button.d.ts +19 -0
  124. package/button/text-button.js +23 -0
  125. package/button/text-button.js.map +1 -0
  126. package/button/text-link-button.d.ts +19 -0
  127. package/button/text-link-button.js +23 -0
  128. package/button/text-link-button.js.map +1 -0
  129. package/button/tonal-button.d.ts +19 -0
  130. package/button/tonal-button.js +23 -0
  131. package/button/tonal-button.js.map +1 -0
  132. package/button/tonal-link-button.d.ts +19 -0
  133. package/button/tonal-link-button.js +23 -0
  134. package/button/tonal-link-button.js.map +1 -0
  135. package/checkbox/_checkbox.scss +1 -0
  136. package/checkbox/checkbox.d.ts +15 -0
  137. package/checkbox/checkbox.js +18 -0
  138. package/checkbox/checkbox.js.map +1 -0
  139. package/checkbox/harness.d.ts +13 -0
  140. package/checkbox/harness.js +16 -0
  141. package/checkbox/harness.js.map +1 -0
  142. package/checkbox/lib/_checkbox-theme.scss +532 -0
  143. package/checkbox/lib/_checkbox.scss +424 -0
  144. package/checkbox/lib/checkbox-styles.css.d.ts +1 -0
  145. package/checkbox/lib/checkbox-styles.css.js +9 -0
  146. package/checkbox/lib/checkbox-styles.css.js.map +1 -0
  147. package/checkbox/lib/checkbox-styles.scss +15 -0
  148. package/checkbox/lib/checkbox.d.ts +56 -0
  149. package/checkbox/lib/checkbox.js +238 -0
  150. package/checkbox/lib/checkbox.js.map +1 -0
  151. package/chips/action/lib/action.d.ts +34 -0
  152. package/chips/action/lib/action.js +83 -0
  153. package/chips/action/lib/action.js.map +1 -0
  154. package/chips/action/lib/adapter.d.ts +21 -0
  155. package/chips/action/lib/adapter.js +7 -0
  156. package/chips/action/lib/adapter.js.map +1 -0
  157. package/chips/action/lib/constants.d.ts +62 -0
  158. package/chips/action/lib/constants.js +69 -0
  159. package/chips/action/lib/constants.js.map +1 -0
  160. package/chips/action/lib/foundation.d.ts +31 -0
  161. package/chips/action/lib/foundation.js +151 -0
  162. package/chips/action/lib/foundation.js.map +1 -0
  163. package/chips/action/lib/link-action.d.ts +17 -0
  164. package/chips/action/lib/link-action.js +43 -0
  165. package/chips/action/lib/link-action.js.map +1 -0
  166. package/chips/action/lib/presentational-action.d.ts +15 -0
  167. package/chips/action/lib/presentational-action.js +30 -0
  168. package/chips/action/lib/presentational-action.js.map +1 -0
  169. package/chips/action/lib/primary-action.d.ts +29 -0
  170. package/chips/action/lib/primary-action.js +83 -0
  171. package/chips/action/lib/primary-action.js.map +1 -0
  172. package/chips/action/lib/primary-foundation.d.ts +16 -0
  173. package/chips/action/lib/primary-foundation.js +24 -0
  174. package/chips/action/lib/primary-foundation.js.map +1 -0
  175. package/chips/action/lib/selectable-action.d.ts +17 -0
  176. package/chips/action/lib/selectable-action.js +57 -0
  177. package/chips/action/lib/selectable-action.js.map +1 -0
  178. package/chips/action/lib/trailing-action.d.ts +20 -0
  179. package/chips/action/lib/trailing-action.js +62 -0
  180. package/chips/action/lib/trailing-action.js.map +1 -0
  181. package/chips/action/lib/trailing-foundation.d.ts +16 -0
  182. package/chips/action/lib/trailing-foundation.js +23 -0
  183. package/chips/action/lib/trailing-foundation.js.map +1 -0
  184. package/chips/action/lib/types.d.ts +23 -0
  185. package/chips/action/lib/types.js +7 -0
  186. package/chips/action/lib/types.js.map +1 -0
  187. package/chips/chip/lib/_assist-chip-theme.scss +101 -0
  188. package/chips/chip/lib/_chip-theme.scss +1329 -0
  189. package/chips/chip/lib/_chip.scss +427 -0
  190. package/chips/chip/lib/_filter-chip-theme.scss +132 -0
  191. package/chips/chip/lib/_input-chip-theme.scss +103 -0
  192. package/chips/chip/lib/_suggestion-chip-theme.scss +94 -0
  193. package/chips/chip/lib/adapter.d.ts +50 -0
  194. package/chips/chip/lib/adapter.js +7 -0
  195. package/chips/chip/lib/adapter.js.map +1 -0
  196. package/chips/chip/lib/constants.d.ts +43 -0
  197. package/chips/chip/lib/constants.js +48 -0
  198. package/chips/chip/lib/constants.js.map +1 -0
  199. package/chips/chip/lib/foundation.d.ts +41 -0
  200. package/chips/chip/lib/foundation.js +256 -0
  201. package/chips/chip/lib/foundation.js.map +1 -0
  202. package/chips/chip/lib/types.d.ts +42 -0
  203. package/chips/chip/lib/types.js +7 -0
  204. package/chips/chip/lib/types.js.map +1 -0
  205. package/chips/chipset/lib/_chip-set-theme.scss +48 -0
  206. package/chips/chipset/lib/_chip-set.scss +46 -0
  207. package/chips/chipset/lib/adapter.d.ts +45 -0
  208. package/chips/chipset/lib/adapter.js +7 -0
  209. package/chips/chipset/lib/adapter.js.map +1 -0
  210. package/chips/chipset/lib/constants.d.ts +26 -0
  211. package/chips/chipset/lib/constants.js +30 -0
  212. package/chips/chipset/lib/constants.js.map +1 -0
  213. package/chips/chipset/lib/foundation.d.ts +68 -0
  214. package/chips/chipset/lib/foundation.js +316 -0
  215. package/chips/chipset/lib/foundation.js.map +1 -0
  216. package/chips/chipset/lib/types.d.ts +41 -0
  217. package/chips/chipset/lib/types.js +7 -0
  218. package/chips/chipset/lib/types.js.map +1 -0
  219. package/compat/animation/animationframe.d.ts +31 -0
  220. package/compat/animation/animationframe.js +65 -0
  221. package/compat/animation/animationframe.js.map +1 -0
  222. package/compat/base/aria-property.d.ts +39 -0
  223. package/compat/base/aria-property.js +93 -0
  224. package/compat/base/aria-property.js.map +1 -0
  225. package/compat/base/foundation.d.ts +44 -0
  226. package/compat/base/foundation.js +45 -0
  227. package/compat/base/foundation.js.map +1 -0
  228. package/compat/base/observer.d.ts +16 -0
  229. package/compat/base/observer.js +43 -0
  230. package/compat/base/observer.js.map +1 -0
  231. package/compat/base/utils.d.ts +7 -0
  232. package/compat/base/utils.js +39 -0
  233. package/compat/base/utils.js.map +1 -0
  234. package/compat/density/_density.scss +106 -0
  235. package/compat/dom/keyboard.d.ts +33 -0
  236. package/compat/dom/keyboard.js +109 -0
  237. package/compat/dom/keyboard.js.map +1 -0
  238. package/compat/theme/_color-palette.scss +277 -0
  239. package/compat/theme/_css.scss +92 -0
  240. package/compat/theme/_custom-properties.scss +309 -0
  241. package/compat/theme/_gss.scss +45 -0
  242. package/compat/theme/_keys.scss +507 -0
  243. package/compat/theme/_map-ext.scss +68 -0
  244. package/compat/theme/_replace.scss +108 -0
  245. package/compat/theme/_selector-ext.scss +522 -0
  246. package/compat/theme/_shadow-dom.scss +474 -0
  247. package/compat/theme/_state.scss +752 -0
  248. package/compat/theme/_theme-color.scss +344 -0
  249. package/compat/theme/_theme.scss +334 -0
  250. package/compat/touchtarget/_touch-target.scss +56 -0
  251. package/controller/action-controller.d.ts +147 -0
  252. package/controller/action-controller.js +286 -0
  253. package/controller/action-controller.js.map +1 -0
  254. package/controller/events.d.ts +27 -0
  255. package/controller/events.js +40 -0
  256. package/controller/events.js.map +1 -0
  257. package/controller/form-controller.d.ts +59 -0
  258. package/controller/form-controller.js +68 -0
  259. package/controller/form-controller.js.map +1 -0
  260. package/controller/foundation.d.ts +24 -0
  261. package/controller/foundation.js +18 -0
  262. package/controller/foundation.js.map +1 -0
  263. package/controller/observer-foundation.d.ts +25 -0
  264. package/controller/observer-foundation.js +37 -0
  265. package/controller/observer-foundation.js.map +1 -0
  266. package/controller/observer.d.ts +52 -0
  267. package/controller/observer.js +149 -0
  268. package/controller/observer.js.map +1 -0
  269. package/controller/string-converter.d.ts +9 -0
  270. package/controller/string-converter.js +14 -0
  271. package/controller/string-converter.js.map +1 -0
  272. package/decorators/aria-property.d.ts +32 -0
  273. package/decorators/aria-property.js +99 -0
  274. package/decorators/aria-property.js.map +1 -0
  275. package/decorators/bound.d.ts +40 -0
  276. package/decorators/bound.js +49 -0
  277. package/decorators/bound.js.map +1 -0
  278. package/elevation/lib/_elevation-overlay-theme.scss +31 -0
  279. package/elevation/lib/_elevation-overlay.scss +18 -0
  280. package/elevation/lib/_elevation-theme.scss +88 -0
  281. package/elevation/lib/_surface.scss +18 -0
  282. package/elevation/lib/elevation-overlay-styles.css.d.ts +1 -0
  283. package/elevation/lib/elevation-overlay-styles.css.js +9 -0
  284. package/elevation/lib/elevation-overlay-styles.css.js.map +1 -0
  285. package/elevation/lib/elevation-overlay-styles.scss +9 -0
  286. package/fab/_fab-extended.scss +11 -0
  287. package/fab/_fab.scss +20 -0
  288. package/fab/fab-extended.d.ts +23 -0
  289. package/fab/fab-extended.js +30 -0
  290. package/fab/fab-extended.js.map +1 -0
  291. package/fab/fab.d.ts +23 -0
  292. package/fab/fab.js +30 -0
  293. package/fab/fab.js.map +1 -0
  294. package/fab/harness.d.ts +14 -0
  295. package/fab/harness.js +16 -0
  296. package/fab/harness.js.map +1 -0
  297. package/fab/lib/_fab-extended-theme.scss +108 -0
  298. package/fab/lib/_fab-extended.scss +39 -0
  299. package/fab/lib/_fab-shared-theme.scss +202 -0
  300. package/fab/lib/_fab-shared.scss +114 -0
  301. package/fab/lib/_fab-theme.scss +107 -0
  302. package/fab/lib/_fab.scss +17 -0
  303. package/fab/lib/fab-extended-styles.css.d.ts +1 -0
  304. package/fab/lib/fab-extended-styles.css.js +9 -0
  305. package/fab/lib/fab-extended-styles.css.js.map +1 -0
  306. package/fab/lib/fab-extended-styles.scss +16 -0
  307. package/fab/lib/fab-extended.d.ts +19 -0
  308. package/fab/lib/fab-extended.js +28 -0
  309. package/fab/lib/fab-extended.js.map +1 -0
  310. package/fab/lib/fab-shared-styles.css.d.ts +1 -0
  311. package/fab/lib/fab-shared-styles.css.js +9 -0
  312. package/fab/lib/fab-shared-styles.css.js.map +1 -0
  313. package/fab/lib/fab-shared-styles.scss +8 -0
  314. package/fab/lib/fab-shared.d.ts +50 -0
  315. package/fab/lib/fab-shared.js +138 -0
  316. package/fab/lib/fab-shared.js.map +1 -0
  317. package/fab/lib/fab-styles.css.d.ts +1 -0
  318. package/fab/lib/fab-styles.css.js +9 -0
  319. package/fab/lib/fab-styles.css.js.map +1 -0
  320. package/fab/lib/fab-styles.scss +16 -0
  321. package/fab/lib/fab.d.ts +17 -0
  322. package/fab/lib/fab.js +23 -0
  323. package/fab/lib/fab.js.map +1 -0
  324. package/field/_filled-field.scss +8 -0
  325. package/field/_outlined-field.scss +8 -0
  326. package/field/filled-field.d.ts +19 -0
  327. package/field/filled-field.js +23 -0
  328. package/field/filled-field.js.map +1 -0
  329. package/field/harness.d.ts +16 -0
  330. package/field/harness.js +29 -0
  331. package/field/harness.js.map +1 -0
  332. package/field/lib/_content-theme.scss +80 -0
  333. package/field/lib/_content.scss +63 -0
  334. package/field/lib/_field-theme.scss +15 -0
  335. package/field/lib/_field.scss +52 -0
  336. package/field/lib/_filled-field-theme.scss +382 -0
  337. package/field/lib/_filled-field.scss +129 -0
  338. package/field/lib/_label-theme.scss +123 -0
  339. package/field/lib/_label.scss +49 -0
  340. package/field/lib/_outlined-field-theme.scss +311 -0
  341. package/field/lib/_outlined-field.scss +194 -0
  342. package/field/lib/_supporting-text-theme.scss +107 -0
  343. package/field/lib/_supporting-text.scss +20 -0
  344. package/field/lib/field.d.ts +56 -0
  345. package/field/lib/field.js +253 -0
  346. package/field/lib/field.js.map +1 -0
  347. package/field/lib/filled-field.d.ts +23 -0
  348. package/field/lib/filled-field.js +83 -0
  349. package/field/lib/filled-field.js.map +1 -0
  350. package/field/lib/filled-styles.css.d.ts +1 -0
  351. package/field/lib/filled-styles.css.js +9 -0
  352. package/field/lib/filled-styles.css.js.map +1 -0
  353. package/field/lib/filled-styles.scss +16 -0
  354. package/field/lib/outlined-field.d.ts +19 -0
  355. package/field/lib/outlined-field.js +46 -0
  356. package/field/lib/outlined-field.js.map +1 -0
  357. package/field/lib/outlined-styles.css.d.ts +1 -0
  358. package/field/lib/outlined-styles.css.js +9 -0
  359. package/field/lib/outlined-styles.css.js.map +1 -0
  360. package/field/lib/outlined-styles.scss +16 -0
  361. package/field/lib/shared-styles.css.d.ts +1 -0
  362. package/field/lib/shared-styles.css.js +9 -0
  363. package/field/lib/shared-styles.css.js.map +1 -0
  364. package/field/lib/shared-styles.scss +14 -0
  365. package/field/outlined-field.d.ts +19 -0
  366. package/field/outlined-field.js +23 -0
  367. package/field/outlined-field.js.map +1 -0
  368. package/focus/focus-ring.d.ts +19 -0
  369. package/focus/focus-ring.js +22 -0
  370. package/focus/focus-ring.js.map +1 -0
  371. package/focus/lib/_focus-ring-theme.scss +89 -0
  372. package/focus/lib/_focus-ring.scss +41 -0
  373. package/focus/lib/focus-ring-styles.css.d.ts +1 -0
  374. package/focus/lib/focus-ring-styles.css.js +9 -0
  375. package/focus/lib/focus-ring-styles.css.js.map +1 -0
  376. package/focus/lib/focus-ring-styles.scss +16 -0
  377. package/focus/lib/focus-ring.d.ts +15 -0
  378. package/focus/lib/focus-ring.js +31 -0
  379. package/focus/lib/focus-ring.js.map +1 -0
  380. package/focus/strong-focus.d.ts +43 -0
  381. package/focus/strong-focus.js +84 -0
  382. package/focus/strong-focus.js.map +1 -0
  383. package/formfield/formfield.d.ts +19 -0
  384. package/formfield/formfield.js +22 -0
  385. package/formfield/formfield.js.map +1 -0
  386. package/formfield/lib/_formfield-theme.scss +41 -0
  387. package/formfield/lib/_formfield.scss +40 -0
  388. package/formfield/lib/formfield-styles.css.d.ts +1 -0
  389. package/formfield/lib/formfield-styles.css.js +9 -0
  390. package/formfield/lib/formfield-styles.css.js.map +1 -0
  391. package/formfield/lib/formfield-styles.scss +16 -0
  392. package/formfield/lib/formfield.d.ts +22 -0
  393. package/formfield/lib/formfield.js +73 -0
  394. package/formfield/lib/formfield.js.map +1 -0
  395. package/icon/icon.d.ts +19 -0
  396. package/icon/icon.js +22 -0
  397. package/icon/icon.js.map +1 -0
  398. package/icon/lib/icon-styles.css.d.ts +1 -0
  399. package/icon/lib/icon-styles.css.js +9 -0
  400. package/icon/lib/icon-styles.css.js.map +1 -0
  401. package/icon/lib/icon-styles.scss +25 -0
  402. package/icon/lib/icon.d.ts +11 -0
  403. package/icon/lib/icon.js +14 -0
  404. package/icon/lib/icon.js.map +1 -0
  405. package/iconbutton/_filled-icon-button.scss +7 -0
  406. package/iconbutton/_outlined-icon-button.scss +7 -0
  407. package/iconbutton/_standard-icon-button.scss +7 -0
  408. package/iconbutton/filled-icon-button-toggle.d.ts +19 -0
  409. package/iconbutton/filled-icon-button-toggle.js +28 -0
  410. package/iconbutton/filled-icon-button-toggle.js.map +1 -0
  411. package/iconbutton/filled-icon-button.d.ts +19 -0
  412. package/iconbutton/filled-icon-button.js +27 -0
  413. package/iconbutton/filled-icon-button.js.map +1 -0
  414. package/iconbutton/filled-link-icon-button.d.ts +19 -0
  415. package/iconbutton/filled-link-icon-button.js +27 -0
  416. package/iconbutton/filled-link-icon-button.js.map +1 -0
  417. package/iconbutton/filled-tonal-icon-button-toggle.d.ts +19 -0
  418. package/iconbutton/filled-tonal-icon-button-toggle.js +28 -0
  419. package/iconbutton/filled-tonal-icon-button-toggle.js.map +1 -0
  420. package/iconbutton/filled-tonal-icon-button.d.ts +19 -0
  421. package/iconbutton/filled-tonal-icon-button.js +27 -0
  422. package/iconbutton/filled-tonal-icon-button.js.map +1 -0
  423. package/iconbutton/filled-tonal-link-icon-button.d.ts +19 -0
  424. package/iconbutton/filled-tonal-link-icon-button.js +27 -0
  425. package/iconbutton/filled-tonal-link-icon-button.js.map +1 -0
  426. package/iconbutton/harness.d.ts +14 -0
  427. package/iconbutton/harness.js +16 -0
  428. package/iconbutton/harness.js.map +1 -0
  429. package/iconbutton/lib/_filled-icon-button-theme.scss +138 -0
  430. package/iconbutton/lib/_filled-icon-button.scss +8 -0
  431. package/iconbutton/lib/_filled-tonal-icon-button-theme.scss +144 -0
  432. package/iconbutton/lib/_filled-tonal-icon-button.scss +8 -0
  433. package/iconbutton/lib/_icon-button-theme.scss +163 -0
  434. package/iconbutton/lib/_icon-button.scss +91 -0
  435. package/iconbutton/lib/_outlined-icon-button-theme.scss +187 -0
  436. package/iconbutton/lib/_outlined-icon-button.scss +30 -0
  437. package/iconbutton/lib/_standard-icon-button-theme.scss +107 -0
  438. package/iconbutton/lib/_standard-icon-button.scss +13 -0
  439. package/iconbutton/lib/filled-styles.css.d.ts +1 -0
  440. package/iconbutton/lib/filled-styles.css.js +9 -0
  441. package/iconbutton/lib/filled-styles.css.js.map +1 -0
  442. package/iconbutton/lib/filled-styles.scss +18 -0
  443. package/iconbutton/lib/filled-tonal-styles.css.d.ts +1 -0
  444. package/iconbutton/lib/filled-tonal-styles.css.js +9 -0
  445. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -0
  446. package/iconbutton/lib/filled-tonal-styles.scss +18 -0
  447. package/iconbutton/lib/icon-button-styles.css.d.ts +1 -0
  448. package/iconbutton/lib/icon-button-styles.css.js +9 -0
  449. package/iconbutton/lib/icon-button-styles.css.js.map +1 -0
  450. package/iconbutton/lib/icon-button-styles.scss +8 -0
  451. package/iconbutton/lib/icon-button-toggle.d.ts +44 -0
  452. package/iconbutton/lib/icon-button-toggle.js +155 -0
  453. package/iconbutton/lib/icon-button-toggle.js.map +1 -0
  454. package/iconbutton/lib/icon-button.d.ts +50 -0
  455. package/iconbutton/lib/icon-button.js +154 -0
  456. package/iconbutton/lib/icon-button.js.map +1 -0
  457. package/iconbutton/lib/link-icon-button.d.ts +14 -0
  458. package/iconbutton/lib/link-icon-button.js +53 -0
  459. package/iconbutton/lib/link-icon-button.js.map +1 -0
  460. package/iconbutton/lib/outlined-styles.css.d.ts +1 -0
  461. package/iconbutton/lib/outlined-styles.css.js +9 -0
  462. package/iconbutton/lib/outlined-styles.css.js.map +1 -0
  463. package/iconbutton/lib/outlined-styles.scss +18 -0
  464. package/iconbutton/lib/standard-styles.css.d.ts +1 -0
  465. package/iconbutton/lib/standard-styles.css.js +9 -0
  466. package/iconbutton/lib/standard-styles.css.js.map +1 -0
  467. package/iconbutton/lib/standard-styles.scss +18 -0
  468. package/iconbutton/outlined-icon-button-toggle.d.ts +19 -0
  469. package/iconbutton/outlined-icon-button-toggle.js +27 -0
  470. package/iconbutton/outlined-icon-button-toggle.js.map +1 -0
  471. package/iconbutton/outlined-icon-button.d.ts +19 -0
  472. package/iconbutton/outlined-icon-button.js +27 -0
  473. package/iconbutton/outlined-icon-button.js.map +1 -0
  474. package/iconbutton/outlined-link-icon-button.d.ts +19 -0
  475. package/iconbutton/outlined-link-icon-button.js +27 -0
  476. package/iconbutton/outlined-link-icon-button.js.map +1 -0
  477. package/iconbutton/standard-icon-button-toggle.d.ts +19 -0
  478. package/iconbutton/standard-icon-button-toggle.js +27 -0
  479. package/iconbutton/standard-icon-button-toggle.js.map +1 -0
  480. package/iconbutton/standard-icon-button.d.ts +19 -0
  481. package/iconbutton/standard-icon-button.js +27 -0
  482. package/iconbutton/standard-icon-button.js.map +1 -0
  483. package/iconbutton/standard-link-icon-button.d.ts +19 -0
  484. package/iconbutton/standard-link-icon-button.js +27 -0
  485. package/iconbutton/standard-link-icon-button.js.map +1 -0
  486. package/list/_list-item.scss +7 -0
  487. package/list/_list.scss +7 -0
  488. package/list/harness.d.ts +19 -0
  489. package/list/harness.js +24 -0
  490. package/list/harness.js.map +1 -0
  491. package/list/lib/_list-theme.scss +51 -0
  492. package/list/lib/_list.scss +41 -0
  493. package/list/lib/_tokens.scss +80 -0
  494. package/list/lib/avatar/_list-item-avatar-theme.scss +30 -0
  495. package/list/lib/avatar/_list-item-avatar.scss +14 -0
  496. package/list/lib/avatar/list-item-avatar-styles.css.d.ts +1 -0
  497. package/list/lib/avatar/list-item-avatar-styles.css.js +9 -0
  498. package/list/lib/avatar/list-item-avatar-styles.css.js.map +1 -0
  499. package/list/lib/avatar/list-item-avatar-styles.scss +20 -0
  500. package/list/lib/avatar/list-item-avatar.d.ts +16 -0
  501. package/list/lib/avatar/list-item-avatar.js +35 -0
  502. package/list/lib/avatar/list-item-avatar.js.map +1 -0
  503. package/list/lib/divider/_list-divider-theme.scss +30 -0
  504. package/list/lib/divider/_list-divider.scss +14 -0
  505. package/list/lib/divider/list-divider-styles.css.d.ts +1 -0
  506. package/list/lib/divider/list-divider-styles.css.js +9 -0
  507. package/list/lib/divider/list-divider-styles.css.js.map +1 -0
  508. package/list/lib/divider/list-divider-styles.scss +18 -0
  509. package/list/lib/divider/list-divider.d.ts +13 -0
  510. package/list/lib/divider/list-divider.js +30 -0
  511. package/list/lib/divider/list-divider.js.map +1 -0
  512. package/list/lib/icon/_list-item-icon-theme.scss +32 -0
  513. package/list/lib/icon/_list-item-icon.scss +35 -0
  514. package/list/lib/icon/list-item-icon-styles.css.d.ts +1 -0
  515. package/list/lib/icon/list-item-icon-styles.css.js +9 -0
  516. package/list/lib/icon/list-item-icon-styles.css.js.map +1 -0
  517. package/list/lib/icon/list-item-icon-styles.scss +20 -0
  518. package/list/lib/icon/list-item-icon.d.ts +12 -0
  519. package/list/lib/icon/list-item-icon.js +26 -0
  520. package/list/lib/icon/list-item-icon.js.map +1 -0
  521. package/list/lib/image/_list-item-image-theme.scss +36 -0
  522. package/list/lib/image/_list-item-image.scss +16 -0
  523. package/list/lib/image/list-item-image-styles.css.d.ts +1 -0
  524. package/list/lib/image/list-item-image-styles.css.js +9 -0
  525. package/list/lib/image/list-item-image-styles.css.js.map +1 -0
  526. package/list/lib/image/list-item-image-styles.scss +20 -0
  527. package/list/lib/image/list-item-image.d.ts +14 -0
  528. package/list/lib/image/list-item-image.js +37 -0
  529. package/list/lib/image/list-item-image.js.map +1 -0
  530. package/list/lib/list-styles.css.d.ts +1 -0
  531. package/list/lib/list-styles.css.js +9 -0
  532. package/list/lib/list-styles.css.js.map +1 -0
  533. package/list/lib/list-styles.scss +16 -0
  534. package/list/lib/list.d.ts +41 -0
  535. package/list/lib/list.js +168 -0
  536. package/list/lib/list.js.map +1 -0
  537. package/list/lib/listitem/_list-item-theme.scss +337 -0
  538. package/list/lib/listitem/_list-item.scss +133 -0
  539. package/list/lib/listitem/harness.d.ts +13 -0
  540. package/list/lib/listitem/harness.js +16 -0
  541. package/list/lib/listitem/harness.js.map +1 -0
  542. package/list/lib/listitem/list-item-styles.css.d.ts +1 -0
  543. package/list/lib/listitem/list-item-styles.css.js +9 -0
  544. package/list/lib/listitem/list-item-styles.css.js.map +1 -0
  545. package/list/lib/listitem/list-item-styles.scss +16 -0
  546. package/list/lib/listitem/list-item.d.ts +73 -0
  547. package/list/lib/listitem/list-item.js +258 -0
  548. package/list/lib/listitem/list-item.js.map +1 -0
  549. package/list/lib/video/_list-item-video-theme.scss +36 -0
  550. package/list/lib/video/_list-item-video.scss +18 -0
  551. package/list/lib/video/list-item-video-styles.css.d.ts +1 -0
  552. package/list/lib/video/list-item-video-styles.css.js +9 -0
  553. package/list/lib/video/list-item-video-styles.css.js.map +1 -0
  554. package/list/lib/video/list-item-video-styles.scss +20 -0
  555. package/list/lib/video/list-item-video.d.ts +14 -0
  556. package/list/lib/video/list-item-video.js +37 -0
  557. package/list/lib/video/list-item-video.js.map +1 -0
  558. package/list/list-divider.d.ts +19 -0
  559. package/list/list-divider.js +22 -0
  560. package/list/list-divider.js.map +1 -0
  561. package/list/list-item-avatar.d.ts +19 -0
  562. package/list/list-item-avatar.js +22 -0
  563. package/list/list-item-avatar.js.map +1 -0
  564. package/list/list-item-icon.d.ts +19 -0
  565. package/list/list-item-icon.js +22 -0
  566. package/list/list-item-icon.js.map +1 -0
  567. package/list/list-item-image.d.ts +19 -0
  568. package/list/list-item-image.js +22 -0
  569. package/list/list-item-image.js.map +1 -0
  570. package/list/list-item-video.d.ts +19 -0
  571. package/list/list-item-video.js +22 -0
  572. package/list/list-item-video.js.map +1 -0
  573. package/list/list-item.d.ts +19 -0
  574. package/list/list-item.js +22 -0
  575. package/list/list-item.js.map +1 -0
  576. package/list/list.d.ts +19 -0
  577. package/list/list.js +22 -0
  578. package/list/list.js.map +1 -0
  579. package/menu/harness.d.ts +15 -0
  580. package/menu/harness.js +17 -0
  581. package/menu/harness.js.map +1 -0
  582. package/menu/lib/_menu-button.scss +14 -0
  583. package/menu/lib/_menu-theme.scss +118 -0
  584. package/menu/lib/_menu.scss +8 -0
  585. package/menu/lib/adapter.d.ts +66 -0
  586. package/menu/lib/adapter.js +7 -0
  587. package/menu/lib/adapter.js.map +1 -0
  588. package/menu/lib/constants.d.ts +22 -0
  589. package/menu/lib/constants.js +23 -0
  590. package/menu/lib/constants.js.map +1 -0
  591. package/menu/lib/foundation.d.ts +49 -0
  592. package/menu/lib/foundation.js +123 -0
  593. package/menu/lib/foundation.js.map +1 -0
  594. package/menu/lib/menu-button-styles.css.d.ts +1 -0
  595. package/menu/lib/menu-button-styles.css.js +9 -0
  596. package/menu/lib/menu-button-styles.css.js.map +1 -0
  597. package/menu/lib/menu-button-styles.scss +9 -0
  598. package/menu/lib/menu-button.d.ts +27 -0
  599. package/menu/lib/menu-button.js +93 -0
  600. package/menu/lib/menu-button.js.map +1 -0
  601. package/menu/lib/menu-styles.css.d.ts +1 -0
  602. package/menu/lib/menu-styles.css.js +9 -0
  603. package/menu/lib/menu-styles.css.js.map +1 -0
  604. package/menu/lib/menu-styles.scss +17 -0
  605. package/menu/lib/menu.d.ts +62 -0
  606. package/menu/lib/menu.js +334 -0
  607. package/menu/lib/menu.js.map +1 -0
  608. package/menu/lib/menuitem/harness.d.ts +11 -0
  609. package/menu/lib/menuitem/harness.js +12 -0
  610. package/menu/lib/menuitem/harness.js.map +1 -0
  611. package/menu/lib/menuitem/menu-item.d.ts +11 -0
  612. package/menu/lib/menuitem/menu-item.js +14 -0
  613. package/menu/lib/menuitem/menu-item.js.map +1 -0
  614. package/menu/lib/types.d.ts +23 -0
  615. package/menu/lib/types.js +7 -0
  616. package/menu/lib/types.js.map +1 -0
  617. package/menu/menu-button.d.ts +14 -0
  618. package/menu/menu-button.js +17 -0
  619. package/menu/menu-button.js.map +1 -0
  620. package/menu/menu-item.d.ts +14 -0
  621. package/menu/menu-item.js +17 -0
  622. package/menu/menu-item.js.map +1 -0
  623. package/menu/menu.d.ts +14 -0
  624. package/menu/menu.js +17 -0
  625. package/menu/menu.js.map +1 -0
  626. package/menusurface/_menu-surface.scss +7 -0
  627. package/menusurface/lib/_menu-surface-theme.scss +58 -0
  628. package/menusurface/lib/_menu-surface.scss +85 -0
  629. package/menusurface/lib/adapter.d.ts +46 -0
  630. package/menusurface/lib/adapter.js +7 -0
  631. package/menusurface/lib/adapter.js.map +1 -0
  632. package/menusurface/lib/constants.d.ts +71 -0
  633. package/menusurface/lib/constants.js +83 -0
  634. package/menusurface/lib/constants.js.map +1 -0
  635. package/menusurface/lib/foundation.d.ts +176 -0
  636. package/menusurface/lib/foundation.js +544 -0
  637. package/menusurface/lib/foundation.js.map +1 -0
  638. package/menusurface/lib/menu-surface-styles.css.d.ts +1 -0
  639. package/menusurface/lib/menu-surface-styles.css.js +9 -0
  640. package/menusurface/lib/menu-surface-styles.css.js.map +1 -0
  641. package/menusurface/lib/menu-surface-styles.scss +16 -0
  642. package/menusurface/lib/menu-surface.d.ts +58 -0
  643. package/menusurface/lib/menu-surface.js +386 -0
  644. package/menusurface/lib/menu-surface.js.map +1 -0
  645. package/menusurface/lib/types.d.ts +19 -0
  646. package/menusurface/lib/types.js +7 -0
  647. package/menusurface/lib/types.js.map +1 -0
  648. package/menusurface/menu-surface.d.ts +14 -0
  649. package/menusurface/menu-surface.js +17 -0
  650. package/menusurface/menu-surface.js.map +1 -0
  651. package/motion/_animation.scss +33 -0
  652. package/motion/animation.d.ts +63 -0
  653. package/motion/animation.js +66 -0
  654. package/motion/animation.js.map +1 -0
  655. package/navigationbar/_navigation-bar.scss +7 -0
  656. package/navigationbar/harness.d.ts +19 -0
  657. package/navigationbar/harness.js +29 -0
  658. package/navigationbar/harness.js.map +1 -0
  659. package/navigationbar/lib/_navigation-bar-theme.scss +87 -0
  660. package/navigationbar/lib/_navigation-bar.scss +28 -0
  661. package/navigationbar/lib/constants.d.ts +17 -0
  662. package/navigationbar/lib/constants.js +7 -0
  663. package/navigationbar/lib/constants.js.map +1 -0
  664. package/navigationbar/lib/navigation-bar-styles.css.d.ts +1 -0
  665. package/navigationbar/lib/navigation-bar-styles.css.js +9 -0
  666. package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -0
  667. package/navigationbar/lib/navigation-bar-styles.scss +20 -0
  668. package/navigationbar/lib/navigation-bar.d.ts +26 -0
  669. package/navigationbar/lib/navigation-bar.js +150 -0
  670. package/navigationbar/lib/navigation-bar.js.map +1 -0
  671. package/navigationbar/lib/state.d.ts +23 -0
  672. package/navigationbar/lib/state.js +7 -0
  673. package/navigationbar/lib/state.js.map +1 -0
  674. package/navigationbar/navigation-bar.d.ts +19 -0
  675. package/navigationbar/navigation-bar.js +22 -0
  676. package/navigationbar/navigation-bar.js.map +1 -0
  677. package/navigationdrawer/_navigation-drawer-modal.scss +6 -0
  678. package/navigationdrawer/_navigation-drawer.scss +6 -0
  679. package/navigationdrawer/lib/_navigation-drawer-modal-theme.scss +138 -0
  680. package/navigationdrawer/lib/_navigation-drawer-modal.scss +78 -0
  681. package/navigationdrawer/lib/_navigation-drawer-theme.scss +113 -0
  682. package/navigationdrawer/lib/_navigation-drawer.scss +64 -0
  683. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.d.ts +1 -0
  684. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +9 -0
  685. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -0
  686. package/navigationdrawer/lib/navigation-drawer-modal-styles.scss +12 -0
  687. package/navigationdrawer/lib/navigation-drawer-modal.d.ts +24 -0
  688. package/navigationdrawer/lib/navigation-drawer-modal.js +106 -0
  689. package/navigationdrawer/lib/navigation-drawer-modal.js.map +1 -0
  690. package/navigationdrawer/lib/navigation-drawer-styles.css.d.ts +1 -0
  691. package/navigationdrawer/lib/navigation-drawer-styles.css.js +9 -0
  692. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -0
  693. package/navigationdrawer/lib/navigation-drawer-styles.scss +18 -0
  694. package/navigationdrawer/lib/navigation-drawer.d.ts +20 -0
  695. package/navigationdrawer/lib/navigation-drawer.js +87 -0
  696. package/navigationdrawer/lib/navigation-drawer.js.map +1 -0
  697. package/navigationdrawer/navigation-drawer-modal.d.ts +19 -0
  698. package/navigationdrawer/navigation-drawer-modal.js +22 -0
  699. package/navigationdrawer/navigation-drawer-modal.js.map +1 -0
  700. package/navigationdrawer/navigation-drawer.d.ts +19 -0
  701. package/navigationdrawer/navigation-drawer.js +22 -0
  702. package/navigationdrawer/navigation-drawer.js.map +1 -0
  703. package/navigationtab/_navigation-tab.scss +7 -0
  704. package/navigationtab/harness.d.ts +13 -0
  705. package/navigationtab/harness.js +16 -0
  706. package/navigationtab/harness.js.map +1 -0
  707. package/navigationtab/lib/_navigation-tab-theme.scss +343 -0
  708. package/navigationtab/lib/_navigation-tab.scss +127 -0
  709. package/navigationtab/lib/navigation-tab-styles.css.d.ts +1 -0
  710. package/navigationtab/lib/navigation-tab-styles.css.js +9 -0
  711. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -0
  712. package/navigationtab/lib/navigation-tab-styles.scss +21 -0
  713. package/navigationtab/lib/navigation-tab.d.ts +48 -0
  714. package/navigationtab/lib/navigation-tab.js +174 -0
  715. package/navigationtab/lib/navigation-tab.js.map +1 -0
  716. package/navigationtab/lib/state.d.ts +24 -0
  717. package/navigationtab/lib/state.js +7 -0
  718. package/navigationtab/lib/state.js.map +1 -0
  719. package/navigationtab/navigation-tab.d.ts +19 -0
  720. package/navigationtab/navigation-tab.js +22 -0
  721. package/navigationtab/navigation-tab.js.map +1 -0
  722. package/package.json +48 -0
  723. package/radio/_radio.scss +1 -0
  724. package/radio/harness.d.ts +13 -0
  725. package/radio/harness.js +16 -0
  726. package/radio/harness.js.map +1 -0
  727. package/radio/lib/_radio-theme.scss +376 -0
  728. package/radio/lib/_radio.scss +131 -0
  729. package/radio/lib/radio-styles.css.d.ts +1 -0
  730. package/radio/lib/radio-styles.css.js +9 -0
  731. package/radio/lib/radio-styles.css.js.map +1 -0
  732. package/radio/lib/radio-styles.scss +14 -0
  733. package/radio/lib/radio.d.ts +93 -0
  734. package/radio/lib/radio.js +302 -0
  735. package/radio/lib/radio.js.map +1 -0
  736. package/radio/lib/single-selection-controller.d.ts +167 -0
  737. package/radio/lib/single-selection-controller.js +289 -0
  738. package/radio/lib/single-selection-controller.js.map +1 -0
  739. package/radio/radio.d.ts +15 -0
  740. package/radio/radio.js +18 -0
  741. package/radio/radio.js.map +1 -0
  742. package/ripple/_index.scss +6 -0
  743. package/ripple/_ripple-theme.scss +6 -0
  744. package/ripple/lib/_ripple-theme.scss +98 -0
  745. package/ripple/lib/_ripple.scss +84 -0
  746. package/ripple/lib/ripple-styles.css.d.ts +1 -0
  747. package/ripple/lib/ripple-styles.css.js +9 -0
  748. package/ripple/lib/ripple-styles.css.js.map +1 -0
  749. package/ripple/lib/ripple-styles.scss +16 -0
  750. package/ripple/lib/ripple.d.ts +62 -0
  751. package/ripple/lib/ripple.js +215 -0
  752. package/ripple/lib/ripple.js.map +1 -0
  753. package/ripple/ripple.d.ts +19 -0
  754. package/ripple/ripple.js +22 -0
  755. package/ripple/ripple.js.map +1 -0
  756. package/sass/_assert.scss +16 -0
  757. package/sass/_color.scss +186 -0
  758. package/sass/_dom.scss +52 -0
  759. package/sass/_elevation.scss +155 -0
  760. package/sass/_feature-flags.scss +117 -0
  761. package/sass/_map-ext.scss +25 -0
  762. package/sass/_resolvers.scss +16 -0
  763. package/sass/_shape.scss +106 -0
  764. package/sass/_string-ext.scss +128 -0
  765. package/sass/_theme.scss +245 -0
  766. package/sass/_touch-target.scss +22 -0
  767. package/sass/_typography.scss +114 -0
  768. package/sass/_var.scss +241 -0
  769. package/segmentedbutton/lib/_outlined-segmented-button-theme.scss +167 -0
  770. package/segmentedbutton/lib/_outlined-segmented-button.scss +18 -0
  771. package/segmentedbutton/lib/_segmented-button-theme.scss +316 -0
  772. package/segmentedbutton/lib/_segmented-button.scss +159 -0
  773. package/segmentedbutton/lib/outlined-segmented-button.d.ts +15 -0
  774. package/segmentedbutton/lib/outlined-segmented-button.js +22 -0
  775. package/segmentedbutton/lib/outlined-segmented-button.js.map +1 -0
  776. package/segmentedbutton/lib/outlined-styles.css.d.ts +1 -0
  777. package/segmentedbutton/lib/outlined-styles.css.js +9 -0
  778. package/segmentedbutton/lib/outlined-styles.css.js.map +1 -0
  779. package/segmentedbutton/lib/outlined-styles.scss +17 -0
  780. package/segmentedbutton/lib/segmented-button-styles.css.d.ts +1 -0
  781. package/segmentedbutton/lib/segmented-button-styles.css.js +9 -0
  782. package/segmentedbutton/lib/segmented-button-styles.css.js.map +1 -0
  783. package/segmentedbutton/lib/segmented-button-styles.scss +8 -0
  784. package/segmentedbutton/lib/segmented-button.d.ts +60 -0
  785. package/segmentedbutton/lib/segmented-button.js +229 -0
  786. package/segmentedbutton/lib/segmented-button.js.map +1 -0
  787. package/segmentedbutton/outlined-segmented-button.d.ts +21 -0
  788. package/segmentedbutton/outlined-segmented-button.js +25 -0
  789. package/segmentedbutton/outlined-segmented-button.js.map +1 -0
  790. package/segmentedbuttonset/lib/_outlined-segmented-button-set-theme.scss +53 -0
  791. package/segmentedbuttonset/lib/_outlined-segmented-button-set.scss +12 -0
  792. package/segmentedbuttonset/lib/_segmented-button-set-theme.scss +41 -0
  793. package/segmentedbuttonset/lib/_segmented-button-set.scss +21 -0
  794. package/segmentedbuttonset/lib/outlined-segmented-button-set.d.ts +12 -0
  795. package/segmentedbuttonset/lib/outlined-segmented-button-set.js +17 -0
  796. package/segmentedbuttonset/lib/outlined-segmented-button-set.js.map +1 -0
  797. package/segmentedbuttonset/lib/outlined-styles.css.d.ts +1 -0
  798. package/segmentedbuttonset/lib/outlined-styles.css.js +9 -0
  799. package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -0
  800. package/segmentedbuttonset/lib/outlined-styles.scss +17 -0
  801. package/segmentedbuttonset/lib/segmented-button-set.d.ts +34 -0
  802. package/segmentedbuttonset/lib/segmented-button-set.js +118 -0
  803. package/segmentedbuttonset/lib/segmented-button-set.js.map +1 -0
  804. package/segmentedbuttonset/lib/shared-styles.css.d.ts +1 -0
  805. package/segmentedbuttonset/lib/shared-styles.css.js +9 -0
  806. package/segmentedbuttonset/lib/shared-styles.css.js.map +1 -0
  807. package/segmentedbuttonset/lib/shared-styles.scss +8 -0
  808. package/segmentedbuttonset/outlined-segmented-button-set.d.ts +21 -0
  809. package/segmentedbuttonset/outlined-segmented-button-set.js +25 -0
  810. package/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -0
  811. package/switch/_switch.scss +7 -0
  812. package/switch/harness.d.ts +13 -0
  813. package/switch/harness.js +16 -0
  814. package/switch/harness.js.map +1 -0
  815. package/switch/lib/_switch-handle-theme.scss +137 -0
  816. package/switch/lib/_switch-icon-theme.scss +52 -0
  817. package/switch/lib/_switch-theme.scss +232 -0
  818. package/switch/lib/_switch-track-theme.scss +117 -0
  819. package/switch/lib/_switch.scss +210 -0
  820. package/switch/lib/switch-styles.css.d.ts +1 -0
  821. package/switch/lib/switch-styles.css.js +9 -0
  822. package/switch/lib/switch-styles.css.js.map +1 -0
  823. package/switch/lib/switch-styles.scss +11 -0
  824. package/switch/lib/switch.d.ts +59 -0
  825. package/switch/lib/switch.js +223 -0
  826. package/switch/lib/switch.js.map +1 -0
  827. package/switch/switch.d.ts +19 -0
  828. package/switch/switch.js +22 -0
  829. package/switch/switch.js.map +1 -0
  830. package/textfield/_filled-text-field.scss +9 -0
  831. package/textfield/_outlined-text-field.scss +9 -0
  832. package/textfield/filled-text-field.d.ts +21 -0
  833. package/textfield/filled-text-field.js +31 -0
  834. package/textfield/filled-text-field.js.map +1 -0
  835. package/textfield/harness.d.ts +51 -0
  836. package/textfield/harness.js +118 -0
  837. package/textfield/harness.js.map +1 -0
  838. package/textfield/lib/_filled-text-field-theme.scss +203 -0
  839. package/textfield/lib/_icon-theme.scss +100 -0
  840. package/textfield/lib/_icon.scss +18 -0
  841. package/textfield/lib/_input-theme.scss +91 -0
  842. package/textfield/lib/_input.scss +38 -0
  843. package/textfield/lib/_outlined-text-field-theme.scss +186 -0
  844. package/textfield/lib/_text-field.scss +28 -0
  845. package/textfield/lib/filled-forced-colors-styles.css.d.ts +1 -0
  846. package/textfield/lib/filled-forced-colors-styles.css.js +9 -0
  847. package/textfield/lib/filled-forced-colors-styles.css.js.map +1 -0
  848. package/textfield/lib/filled-forced-colors-styles.scss +17 -0
  849. package/textfield/lib/filled-styles.css.d.ts +1 -0
  850. package/textfield/lib/filled-styles.css.js +9 -0
  851. package/textfield/lib/filled-styles.css.js.map +1 -0
  852. package/textfield/lib/filled-styles.scss +15 -0
  853. package/textfield/lib/filled-text-field.d.ts +12 -0
  854. package/textfield/lib/filled-text-field.js +17 -0
  855. package/textfield/lib/filled-text-field.js.map +1 -0
  856. package/textfield/lib/outlined-forced-colors-styles.css.d.ts +1 -0
  857. package/textfield/lib/outlined-forced-colors-styles.css.js +9 -0
  858. package/textfield/lib/outlined-forced-colors-styles.css.js.map +1 -0
  859. package/textfield/lib/outlined-forced-colors-styles.scss +17 -0
  860. package/textfield/lib/outlined-styles.css.d.ts +1 -0
  861. package/textfield/lib/outlined-styles.css.js +9 -0
  862. package/textfield/lib/outlined-styles.css.js.map +1 -0
  863. package/textfield/lib/outlined-styles.scss +15 -0
  864. package/textfield/lib/outlined-text-field.d.ts +12 -0
  865. package/textfield/lib/outlined-text-field.js +17 -0
  866. package/textfield/lib/outlined-text-field.js.map +1 -0
  867. package/textfield/lib/shared-styles.css.d.ts +1 -0
  868. package/textfield/lib/shared-styles.css.js +9 -0
  869. package/textfield/lib/shared-styles.css.js.map +1 -0
  870. package/textfield/lib/shared-styles.scss +12 -0
  871. package/textfield/lib/text-field.d.ts +319 -0
  872. package/textfield/lib/text-field.js +707 -0
  873. package/textfield/lib/text-field.js.map +1 -0
  874. package/textfield/outlined-text-field.d.ts +21 -0
  875. package/textfield/outlined-text-field.js +31 -0
  876. package/textfield/outlined-text-field.js.map +1 -0
  877. package/tokens/_index.scss +6 -0
  878. package/tokens/latest/_index.scss +186 -0
  879. package/tokens/latest/_md-comp-assist-chip.scss +98 -0
  880. package/tokens/latest/_md-comp-badge.scss +51 -0
  881. package/tokens/latest/_md-comp-banner.scss +99 -0
  882. package/tokens/latest/_md-comp-bottom-app-bar.scss +36 -0
  883. package/tokens/latest/_md-comp-checkbox.scss +119 -0
  884. package/tokens/latest/_md-comp-circular-progress-indicator.scss +37 -0
  885. package/tokens/latest/_md-comp-date-input-modal.scss +76 -0
  886. package/tokens/latest/_md-comp-date-picker-docked.scss +210 -0
  887. package/tokens/latest/_md-comp-date-picker-modal.scss +254 -0
  888. package/tokens/latest/_md-comp-dialog.scss +115 -0
  889. package/tokens/latest/_md-comp-divider.scss +25 -0
  890. package/tokens/latest/_md-comp-elevated-button.scss +83 -0
  891. package/tokens/latest/_md-comp-elevated-card.scss +59 -0
  892. package/tokens/latest/_md-comp-extended-fab-branded.scss +77 -0
  893. package/tokens/latest/_md-comp-extended-fab-primary.scss +80 -0
  894. package/tokens/latest/_md-comp-extended-fab-secondary.scss +83 -0
  895. package/tokens/latest/_md-comp-extended-fab-surface.scss +81 -0
  896. package/tokens/latest/_md-comp-extended-fab-tertiary.scss +80 -0
  897. package/tokens/latest/_md-comp-fab-branded-large.scss +59 -0
  898. package/tokens/latest/_md-comp-fab-branded.scss +58 -0
  899. package/tokens/latest/_md-comp-fab-primary-large.scss +61 -0
  900. package/tokens/latest/_md-comp-fab-primary-small.scss +61 -0
  901. package/tokens/latest/_md-comp-fab-primary.scss +61 -0
  902. package/tokens/latest/_md-comp-fab-secondary-large.scss +63 -0
  903. package/tokens/latest/_md-comp-fab-secondary-small.scss +62 -0
  904. package/tokens/latest/_md-comp-fab-secondary.scss +63 -0
  905. package/tokens/latest/_md-comp-fab-surface-large.scss +62 -0
  906. package/tokens/latest/_md-comp-fab-surface-small.scss +62 -0
  907. package/tokens/latest/_md-comp-fab-surface.scss +62 -0
  908. package/tokens/latest/_md-comp-fab-tertiary-large.scss +61 -0
  909. package/tokens/latest/_md-comp-fab-tertiary-small.scss +61 -0
  910. package/tokens/latest/_md-comp-fab-tertiary.scss +61 -0
  911. package/tokens/latest/_md-comp-filled-autocomplete.scss +235 -0
  912. package/tokens/latest/_md-comp-filled-button.scss +87 -0
  913. package/tokens/latest/_md-comp-filled-card.scss +59 -0
  914. package/tokens/latest/_md-comp-filled-icon-button.scss +72 -0
  915. package/tokens/latest/_md-comp-filled-menu-button.scss +89 -0
  916. package/tokens/latest/_md-comp-filled-select.scss +243 -0
  917. package/tokens/latest/_md-comp-filled-text-field.scss +146 -0
  918. package/tokens/latest/_md-comp-filled-tonal-button.scss +88 -0
  919. package/tokens/latest/_md-comp-filled-tonal-icon-button.scss +83 -0
  920. package/tokens/latest/_md-comp-filter-chip.scss +172 -0
  921. package/tokens/latest/_md-comp-full-screen-dialog.scss +131 -0
  922. package/tokens/latest/_md-comp-icon-button.scss +66 -0
  923. package/tokens/latest/_md-comp-input-chip.scss +112 -0
  924. package/tokens/latest/_md-comp-linear-progress-indicator.scss +39 -0
  925. package/tokens/latest/_md-comp-list.scss +205 -0
  926. package/tokens/latest/_md-comp-menu.scss +113 -0
  927. package/tokens/latest/_md-comp-navigation-bar.scss +97 -0
  928. package/tokens/latest/_md-comp-navigation-drawer.scss +137 -0
  929. package/tokens/latest/_md-comp-navigation-rail.scss +132 -0
  930. package/tokens/latest/_md-comp-outlined-autocomplete.scss +223 -0
  931. package/tokens/latest/_md-comp-outlined-button.scss +80 -0
  932. package/tokens/latest/_md-comp-outlined-card.scss +65 -0
  933. package/tokens/latest/_md-comp-outlined-icon-button.scss +68 -0
  934. package/tokens/latest/_md-comp-outlined-menu-button.scss +83 -0
  935. package/tokens/latest/_md-comp-outlined-segmented-button.scss +97 -0
  936. package/tokens/latest/_md-comp-outlined-select.scss +231 -0
  937. package/tokens/latest/_md-comp-outlined-text-field.scss +140 -0
  938. package/tokens/latest/_md-comp-plain-tooltip.scss +46 -0
  939. package/tokens/latest/_md-comp-primary-navigation-tab.scss +110 -0
  940. package/tokens/latest/_md-comp-radio-button.scss +58 -0
  941. package/tokens/latest/_md-comp-rich-tooltip.scss +98 -0
  942. package/tokens/latest/_md-comp-search-bar.scss +84 -0
  943. package/tokens/latest/_md-comp-search-view.scss +79 -0
  944. package/tokens/latest/_md-comp-secondary-navigation-tab.scss +78 -0
  945. package/tokens/latest/_md-comp-sheet-bottom.scss +41 -0
  946. package/tokens/latest/_md-comp-sheet-floating.scss +34 -0
  947. package/tokens/latest/_md-comp-sheet-side.scss +75 -0
  948. package/tokens/latest/_md-comp-slider.scss +105 -0
  949. package/tokens/latest/_md-comp-snackbar.scss +91 -0
  950. package/tokens/latest/_md-comp-standard-menu-button.scss +82 -0
  951. package/tokens/latest/_md-comp-suggestion-chip.scss +90 -0
  952. package/tokens/latest/_md-comp-switch.scss +126 -0
  953. package/tokens/latest/_md-comp-text-button.scss +75 -0
  954. package/tokens/latest/_md-comp-time-input.scss +184 -0
  955. package/tokens/latest/_md-comp-time-picker.scss +235 -0
  956. package/tokens/latest/_md-comp-top-app-bar-large.scss +57 -0
  957. package/tokens/latest/_md-comp-top-app-bar-medium.scss +56 -0
  958. package/tokens/latest/_md-comp-top-app-bar-small-centered.scss +60 -0
  959. package/tokens/latest/_md-comp-top-app-bar-small.scss +58 -0
  960. package/tokens/latest/_md-ref-palette.scss +95 -0
  961. package/tokens/latest/_md-ref-typeface.scss +20 -0
  962. package/tokens/latest/_md-sys-color.scss +1006 -0
  963. package/tokens/latest/_md-sys-elevation.scss +30 -0
  964. package/tokens/latest/_md-sys-motion.scss +51 -0
  965. package/tokens/latest/_md-sys-shape.scss +26 -0
  966. package/tokens/latest/_md-sys-state.scss +19 -0
  967. package/tokens/latest/_md-sys-typescale.scss +204 -0
  968. package/tokens/v0_75/_index.scss +154 -0
  969. package/tokens/v0_75/_md-comp-assist-chip.scss +98 -0
  970. package/tokens/v0_75/_md-comp-badge.scss +51 -0
  971. package/tokens/v0_75/_md-comp-banner.scss +99 -0
  972. package/tokens/v0_75/_md-comp-bottom-app-bar.scss +36 -0
  973. package/tokens/v0_75/_md-comp-checkbox.scss +59 -0
  974. package/tokens/v0_75/_md-comp-circular-progress-indicator.scss +37 -0
  975. package/tokens/v0_75/_md-comp-dialog.scss +102 -0
  976. package/tokens/v0_75/_md-comp-elevated-button.scss +83 -0
  977. package/tokens/v0_75/_md-comp-elevated-card.scss +56 -0
  978. package/tokens/v0_75/_md-comp-extended-fab-branded.scss +77 -0
  979. package/tokens/v0_75/_md-comp-extended-fab-primary.scss +80 -0
  980. package/tokens/v0_75/_md-comp-extended-fab-secondary.scss +83 -0
  981. package/tokens/v0_75/_md-comp-extended-fab-surface.scss +81 -0
  982. package/tokens/v0_75/_md-comp-extended-fab-tertiary.scss +80 -0
  983. package/tokens/v0_75/_md-comp-fab-branded-large.scss +59 -0
  984. package/tokens/v0_75/_md-comp-fab-branded.scss +58 -0
  985. package/tokens/v0_75/_md-comp-fab-primary-large.scss +61 -0
  986. package/tokens/v0_75/_md-comp-fab-primary-small.scss +61 -0
  987. package/tokens/v0_75/_md-comp-fab-primary.scss +61 -0
  988. package/tokens/v0_75/_md-comp-fab-secondary-large.scss +63 -0
  989. package/tokens/v0_75/_md-comp-fab-secondary-small.scss +62 -0
  990. package/tokens/v0_75/_md-comp-fab-secondary.scss +63 -0
  991. package/tokens/v0_75/_md-comp-fab-surface-large.scss +62 -0
  992. package/tokens/v0_75/_md-comp-fab-surface-small.scss +62 -0
  993. package/tokens/v0_75/_md-comp-fab-surface.scss +62 -0
  994. package/tokens/v0_75/_md-comp-fab-tertiary-large.scss +61 -0
  995. package/tokens/v0_75/_md-comp-fab-tertiary-small.scss +61 -0
  996. package/tokens/v0_75/_md-comp-fab-tertiary.scss +61 -0
  997. package/tokens/v0_75/_md-comp-filled-button-tonal.scss +84 -0
  998. package/tokens/v0_75/_md-comp-filled-button.scss +87 -0
  999. package/tokens/v0_75/_md-comp-filled-card.scss +56 -0
  1000. package/tokens/v0_75/_md-comp-filled-icon-button.scss +72 -0
  1001. package/tokens/v0_75/_md-comp-filled-text-field.scss +142 -0
  1002. package/tokens/v0_75/_md-comp-filled-tonal-button.scss +88 -0
  1003. package/tokens/v0_75/_md-comp-filled-tonal-icon-button.scss +83 -0
  1004. package/tokens/v0_75/_md-comp-filter-chip.scss +172 -0
  1005. package/tokens/v0_75/_md-comp-full-screen-dialog.scss +131 -0
  1006. package/tokens/v0_75/_md-comp-icon-button.scss +79 -0
  1007. package/tokens/v0_75/_md-comp-input-chip.scss +112 -0
  1008. package/tokens/v0_75/_md-comp-linear-progress-indicator.scss +39 -0
  1009. package/tokens/v0_75/_md-comp-list.scss +205 -0
  1010. package/tokens/v0_75/_md-comp-menu.scss +113 -0
  1011. package/tokens/v0_75/_md-comp-navigation-bar.scss +131 -0
  1012. package/tokens/v0_75/_md-comp-navigation-drawer.scss +137 -0
  1013. package/tokens/v0_75/_md-comp-navigation-rail.scss +136 -0
  1014. package/tokens/v0_75/_md-comp-outlined-button.scss +80 -0
  1015. package/tokens/v0_75/_md-comp-outlined-card.scss +62 -0
  1016. package/tokens/v0_75/_md-comp-outlined-icon-button.scss +68 -0
  1017. package/tokens/v0_75/_md-comp-outlined-segmented-button.scss +96 -0
  1018. package/tokens/v0_75/_md-comp-outlined-text-field.scss +136 -0
  1019. package/tokens/v0_75/_md-comp-primary-navigation-tab.scss +116 -0
  1020. package/tokens/v0_75/_md-comp-radio-button.scss +58 -0
  1021. package/tokens/v0_75/_md-comp-rich-tooltip.scss +98 -0
  1022. package/tokens/v0_75/_md-comp-secondary-navigation-tab.scss +75 -0
  1023. package/tokens/v0_75/_md-comp-slider.scss +129 -0
  1024. package/tokens/v0_75/_md-comp-snackbar.scss +77 -0
  1025. package/tokens/v0_75/_md-comp-suggestion-chip.scss +90 -0
  1026. package/tokens/v0_75/_md-comp-switch.scss +92 -0
  1027. package/tokens/v0_75/_md-comp-text-button.scss +75 -0
  1028. package/tokens/v0_75/_md-comp-top-app-bar-compact-centered.scss +53 -0
  1029. package/tokens/v0_75/_md-comp-top-app-bar-compact.scss +43 -0
  1030. package/tokens/v0_75/_md-comp-top-app-bar-large.scss +57 -0
  1031. package/tokens/v0_75/_md-comp-top-app-bar-medium.scss +56 -0
  1032. package/tokens/v0_75/_md-comp-top-app-bar-small-centered.scss +60 -0
  1033. package/tokens/v0_75/_md-comp-top-app-bar-small.scss +58 -0
  1034. package/tokens/v0_75/_md-ref-palette.scss +186 -0
  1035. package/tokens/v0_75/_md-ref-typeface.scss +25 -0
  1036. package/tokens/v0_75/_md-sys-color.scss +86 -0
  1037. package/tokens/v0_75/_md-sys-elevation.scss +30 -0
  1038. package/tokens/v0_75/_md-sys-motion.scss +61 -0
  1039. package/tokens/v0_75/_md-sys-shape.scss +29 -0
  1040. package/tokens/v0_75/_md-sys-state.scss +19 -0
  1041. package/tokens/v0_75/_md-sys-typescale.scss +252 -0
  1042. package/tokens/v0_93/_index.scss +184 -0
  1043. package/tokens/v0_93/_md-comp-assist-chip.scss +98 -0
  1044. package/tokens/v0_93/_md-comp-badge.scss +51 -0
  1045. package/tokens/v0_93/_md-comp-banner.scss +99 -0
  1046. package/tokens/v0_93/_md-comp-bottom-app-bar.scss +36 -0
  1047. package/tokens/v0_93/_md-comp-checkbox.scss +119 -0
  1048. package/tokens/v0_93/_md-comp-circular-progress-indicator.scss +37 -0
  1049. package/tokens/v0_93/_md-comp-date-input-modal.scss +76 -0
  1050. package/tokens/v0_93/_md-comp-date-picker-docked.scss +210 -0
  1051. package/tokens/v0_93/_md-comp-date-picker-modal.scss +254 -0
  1052. package/tokens/v0_93/_md-comp-dialog.scss +101 -0
  1053. package/tokens/v0_93/_md-comp-divider.scss +25 -0
  1054. package/tokens/v0_93/_md-comp-elevated-button.scss +83 -0
  1055. package/tokens/v0_93/_md-comp-elevated-card.scss +59 -0
  1056. package/tokens/v0_93/_md-comp-extended-fab-branded.scss +77 -0
  1057. package/tokens/v0_93/_md-comp-extended-fab-primary.scss +80 -0
  1058. package/tokens/v0_93/_md-comp-extended-fab-secondary.scss +83 -0
  1059. package/tokens/v0_93/_md-comp-extended-fab-surface.scss +81 -0
  1060. package/tokens/v0_93/_md-comp-extended-fab-tertiary.scss +80 -0
  1061. package/tokens/v0_93/_md-comp-fab-branded-large.scss +59 -0
  1062. package/tokens/v0_93/_md-comp-fab-branded.scss +58 -0
  1063. package/tokens/v0_93/_md-comp-fab-primary-large.scss +61 -0
  1064. package/tokens/v0_93/_md-comp-fab-primary-small.scss +61 -0
  1065. package/tokens/v0_93/_md-comp-fab-primary.scss +61 -0
  1066. package/tokens/v0_93/_md-comp-fab-secondary-large.scss +63 -0
  1067. package/tokens/v0_93/_md-comp-fab-secondary-small.scss +62 -0
  1068. package/tokens/v0_93/_md-comp-fab-secondary.scss +63 -0
  1069. package/tokens/v0_93/_md-comp-fab-surface-large.scss +62 -0
  1070. package/tokens/v0_93/_md-comp-fab-surface-small.scss +62 -0
  1071. package/tokens/v0_93/_md-comp-fab-surface.scss +62 -0
  1072. package/tokens/v0_93/_md-comp-fab-tertiary-large.scss +61 -0
  1073. package/tokens/v0_93/_md-comp-fab-tertiary-small.scss +61 -0
  1074. package/tokens/v0_93/_md-comp-fab-tertiary.scss +61 -0
  1075. package/tokens/v0_93/_md-comp-filled-autocomplete.scss +235 -0
  1076. package/tokens/v0_93/_md-comp-filled-button.scss +87 -0
  1077. package/tokens/v0_93/_md-comp-filled-card.scss +59 -0
  1078. package/tokens/v0_93/_md-comp-filled-icon-button.scss +72 -0
  1079. package/tokens/v0_93/_md-comp-filled-menu-button.scss +89 -0
  1080. package/tokens/v0_93/_md-comp-filled-select.scss +243 -0
  1081. package/tokens/v0_93/_md-comp-filled-text-field.scss +146 -0
  1082. package/tokens/v0_93/_md-comp-filled-tonal-button.scss +88 -0
  1083. package/tokens/v0_93/_md-comp-filled-tonal-icon-button.scss +83 -0
  1084. package/tokens/v0_93/_md-comp-filter-chip.scss +172 -0
  1085. package/tokens/v0_93/_md-comp-full-screen-dialog.scss +131 -0
  1086. package/tokens/v0_93/_md-comp-icon-button.scss +66 -0
  1087. package/tokens/v0_93/_md-comp-input-chip.scss +112 -0
  1088. package/tokens/v0_93/_md-comp-linear-progress-indicator.scss +39 -0
  1089. package/tokens/v0_93/_md-comp-list.scss +205 -0
  1090. package/tokens/v0_93/_md-comp-menu.scss +113 -0
  1091. package/tokens/v0_93/_md-comp-navigation-bar.scss +97 -0
  1092. package/tokens/v0_93/_md-comp-navigation-drawer.scss +137 -0
  1093. package/tokens/v0_93/_md-comp-navigation-rail.scss +132 -0
  1094. package/tokens/v0_93/_md-comp-outlined-autocomplete.scss +223 -0
  1095. package/tokens/v0_93/_md-comp-outlined-button.scss +80 -0
  1096. package/tokens/v0_93/_md-comp-outlined-card.scss +65 -0
  1097. package/tokens/v0_93/_md-comp-outlined-icon-button.scss +68 -0
  1098. package/tokens/v0_93/_md-comp-outlined-menu-button.scss +83 -0
  1099. package/tokens/v0_93/_md-comp-outlined-segmented-button.scss +97 -0
  1100. package/tokens/v0_93/_md-comp-outlined-select.scss +231 -0
  1101. package/tokens/v0_93/_md-comp-outlined-text-field.scss +140 -0
  1102. package/tokens/v0_93/_md-comp-plain-tooltip.scss +46 -0
  1103. package/tokens/v0_93/_md-comp-primary-navigation-tab.scss +110 -0
  1104. package/tokens/v0_93/_md-comp-radio-button.scss +58 -0
  1105. package/tokens/v0_93/_md-comp-rich-tooltip.scss +98 -0
  1106. package/tokens/v0_93/_md-comp-search-bar.scss +84 -0
  1107. package/tokens/v0_93/_md-comp-search-view.scss +79 -0
  1108. package/tokens/v0_93/_md-comp-secondary-navigation-tab.scss +78 -0
  1109. package/tokens/v0_93/_md-comp-sheet-bottom.scss +41 -0
  1110. package/tokens/v0_93/_md-comp-sheet-side.scss +75 -0
  1111. package/tokens/v0_93/_md-comp-slider.scss +105 -0
  1112. package/tokens/v0_93/_md-comp-snackbar.scss +91 -0
  1113. package/tokens/v0_93/_md-comp-standard-menu-button.scss +82 -0
  1114. package/tokens/v0_93/_md-comp-suggestion-chip.scss +90 -0
  1115. package/tokens/v0_93/_md-comp-switch.scss +126 -0
  1116. package/tokens/v0_93/_md-comp-text-button.scss +75 -0
  1117. package/tokens/v0_93/_md-comp-time-input.scss +184 -0
  1118. package/tokens/v0_93/_md-comp-time-picker.scss +235 -0
  1119. package/tokens/v0_93/_md-comp-top-app-bar-large.scss +57 -0
  1120. package/tokens/v0_93/_md-comp-top-app-bar-medium.scss +56 -0
  1121. package/tokens/v0_93/_md-comp-top-app-bar-small-centered.scss +60 -0
  1122. package/tokens/v0_93/_md-comp-top-app-bar-small.scss +58 -0
  1123. package/tokens/v0_93/_md-ref-palette.scss +95 -0
  1124. package/tokens/v0_93/_md-ref-typeface.scss +20 -0
  1125. package/tokens/v0_93/_md-sys-color.scss +1006 -0
  1126. package/tokens/v0_93/_md-sys-elevation.scss +30 -0
  1127. package/tokens/v0_93/_md-sys-motion.scss +51 -0
  1128. package/tokens/v0_93/_md-sys-shape.scss +26 -0
  1129. package/tokens/v0_93/_md-sys-state.scss +19 -0
  1130. package/tokens/v0_93/_md-sys-typescale.scss +204 -0
  1131. package/types/aria.d.ts +48 -0
  1132. package/types/keys.d.ts +57 -0
package/textfield/lib/filled-forced-colors-styles.scss ADDED
@@ -0,0 +1,17 @@
1
+ //
2
+ // Copyright 2022 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // stylelint-disable selector-class-pattern --
7
+ // Selector '.md3-*' should only be used in this project.
8
+
9
+ @use './filled-text-field-theme';
10
+
11
+ @media (forced-colors: active) {
12
+ .md3-text-field--filled {
13
+ @include filled-text-field-theme.theme(
14
+ filled-text-field-theme.$forced-colors-theme
15
+ );
16
+ }
17
+ }
package/textfield/lib/filled-styles.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
package/textfield/lib/filled-styles.css.js ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { css } from 'lit';
7
+ export const styles = css `.md3-text-field--filled{--md-filled-field-container-shape-start-start:var(--md-filled-text-field-container-shape-start-start, 4px);--md-filled-field-container-shape-start-end:var(--md-filled-text-field-container-shape-start-end, 4px);--md-filled-field-container-shape-end-end:var(--md-filled-text-field-container-shape-end-end, 0);--md-filled-field-container-shape-end-start:var(--md-filled-text-field-container-shape-end-start, 0);--md-filled-field-active-indicator-color:var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-active-indicator-height:var(--md-filled-text-field-active-indicator-height, 1px);--md-filled-field-container-color:var(--md-filled-text-field-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--md-filled-field-container-height:var(--md-filled-text-field-container-height, 56px);--md-filled-field-container-padding-horizontal:var(--md-filled-text-field-container-padding-horizontal, 16px);--md-filled-field-container-padding-vertical:var(--md-filled-text-field-container-padding-vertical, 8px);--md-filled-field-content-color:var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-active-indicator-color:var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-active-indicator-height:var(--md-filled-text-field-disabled-active-indicator-height, 1px);--md-filled-field-disabled-active-indicator-opacity:var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--md-filled-field-disabled-container-color:var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-container-opacity:var(--md-filled-text-field-disabled-container-opacity, 0.04);--md-filled-field-disabled-content-color:var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-content-opacity:var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--md-filled-field-disabled-label-text-color:var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-label-text-opacity:var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--md-filled-field-disabled-leading-icon-color:var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-leading-icon-opacity:var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--md-filled-field-disabled-supporting-text-color:var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-supporting-text-opacity:var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--md-filled-field-disabled-trailing-icon-color:var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-trailing-icon-opacity:var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--md-filled-field-error-active-indicator-color:var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-active-indicator-color:var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-content-color:var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-focus-label-text-color:var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-leading-icon-color:var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-error-focus-supporting-text-color:var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-trailing-icon-color:var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-hover-active-indicator-color:var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--md-filled-field-error-hover-content-color:var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-hover-label-text-color:var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--md-filled-field-error-hover-leading-icon-color:var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-error-hover-state-layer-color:var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-hover-state-layer-opacity:var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--md-filled-field-error-hover-supporting-text-color:var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-hover-trailing-icon-color:var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--md-filled-field-error-content-color:var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-label-text-color:var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-leading-icon-color:var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-error-supporting-text-color:var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-trailing-icon-color:var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-filled-field-focus-active-indicator-color:var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--md-filled-field-focus-active-indicator-height:var(--md-filled-text-field-focus-active-indicator-height, 2px);--md-filled-field-focus-content-color:var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-focus-label-text-color:var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--md-filled-field-focus-leading-icon-color:var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-focus-supporting-text-color:var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-focus-trailing-icon-color:var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-active-indicator-color:var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-hover-active-indicator-height:var(--md-filled-text-field-hover-active-indicator-height, 1px);--md-filled-field-hover-content-color:var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-hover-label-text-color:var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-leading-icon-color:var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-state-layer-color:var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-hover-state-layer-opacity:var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--md-filled-field-hover-supporting-text-color:var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-trailing-icon-color:var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-label-text-color:var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-label-text-font:var(--md-filled-text-field-label-text-font, Roboto);--md-filled-field-label-text-line-height:var(--md-filled-text-field-label-text-line-height, 1.5rem);--md-filled-field-label-text-populated-line-height:var(--md-filled-text-field-label-text-populated-line-height, 16px);--md-filled-field-label-text-populated-size:var(--md-filled-text-field-label-text-populated-size, 12px);--md-filled-field-label-text-size:var(--md-filled-text-field-label-text-size, 1rem);--md-filled-field-label-text-tracking:var(--md-filled-text-field-label-text-tracking, 0.03125rem);--md-filled-field-label-text-weight:var(--md-filled-text-field-label-text-weight, 400);--md-filled-field-leading-icon-color:var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-leading-icon-size:var(--md-filled-text-field-leading-icon-size, 20px);--md-filled-field-supporting-text-color:var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-supporting-text-font:var(--md-filled-text-field-supporting-text-font, Roboto);--md-filled-field-supporting-text-line-height:var(--md-filled-text-field-supporting-text-line-height, 1rem);--md-filled-field-supporting-text-size:var(--md-filled-text-field-supporting-text-size, 0.75rem);--md-filled-field-supporting-text-tracking:var(--md-filled-text-field-supporting-text-tracking, 0.025rem);--md-filled-field-supporting-text-weight:var(--md-filled-text-field-supporting-text-weight, 400);--md-filled-field-trailing-icon-color:var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-trailing-icon-size:var(--md-filled-text-field-trailing-icon-size, 24px)}.md3-text-field--filled .md3-text-field__input{caret-color:var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4))}.md3-text-field--filled.md3-text-field--error:focus-within .md3-text-field__input{caret-color:var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--filled .md3-text-field__input,.md3-text-field--filled .md3-text-field__prefix,.md3-text-field--filled .md3-text-field__suffix{font-family:var(--md-filled-text-field-input-text-font, Roboto);font-size:var(--md-filled-text-field-input-text-size, 1rem);font-weight:var(--md-filled-text-field-input-text-weight, 400);letter-spacing:var(--md-filled-text-field-input-text-tracking, 0.03125rem);line-height:var(--md-filled-text-field-input-text-line-height, 1.5rem)}.md3-text-field--filled:not(.md3-text-field--disabled) .md3-text-field__prefix,.md3-text-field--filled:not(.md3-text-field--disabled) .md3-text-field__suffix{color:var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:not(.md3-text-field--disabled) .md3-text-field__input::placeholder{color:var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled .md3-text-field__prefix{padding-inline-end:var(--md-filled-text-field-input-text-prefix-padding, 2px)}.md3-text-field--filled .md3-text-field__suffix{padding-inline-start:var(--md-filled-text-field-input-text-suffix-padding, 2px)}.md3-text-field--filled .md3-text-field__icon--leading{color:var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:hover .md3-text-field__icon--leading{color:var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:focus-within .md3-text-field__icon--leading{color:var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--leading{color:var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--filled .md3-text-field__icon--trailing{color:var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:hover .md3-text-field__icon--trailing{color:var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:focus-within .md3-text-field__icon--trailing{color:var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--trailing{color:var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--leading{color:var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--leading{color:var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--leading{color:var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--trailing{color:var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--trailing{color:var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--trailing{color:var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--leading{opacity:var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38)}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--trailing{opacity:var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38)}/*# sourceMappingURL=filled-styles.css.map */
8
+ `;
9
+ //# sourceMappingURL=filled-styles.css.js.map
package/textfield/lib/filled-styles.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filled-styles.css.js","sourceRoot":"","sources":["filled-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`.md3-text-field--filled{--md-filled-field-container-shape-start-start:var(--md-filled-text-field-container-shape-start-start, 4px);--md-filled-field-container-shape-start-end:var(--md-filled-text-field-container-shape-start-end, 4px);--md-filled-field-container-shape-end-end:var(--md-filled-text-field-container-shape-end-end, 0);--md-filled-field-container-shape-end-start:var(--md-filled-text-field-container-shape-end-start, 0);--md-filled-field-active-indicator-color:var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-active-indicator-height:var(--md-filled-text-field-active-indicator-height, 1px);--md-filled-field-container-color:var(--md-filled-text-field-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--md-filled-field-container-height:var(--md-filled-text-field-container-height, 56px);--md-filled-field-container-padding-horizontal:var(--md-filled-text-field-container-padding-horizontal, 16px);--md-filled-field-container-padding-vertical:var(--md-filled-text-field-container-padding-vertical, 8px);--md-filled-field-content-color:var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-active-indicator-color:var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-active-indicator-height:var(--md-filled-text-field-disabled-active-indicator-height, 1px);--md-filled-field-disabled-active-indicator-opacity:var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--md-filled-field-disabled-container-color:var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-container-opacity:var(--md-filled-text-field-disabled-container-opacity, 0.04);--md-filled-field-disabled-content-color:var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-content-opacity:var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--md-filled-field-disabled-label-text-color:var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-label-text-opacity:var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--md-filled-field-disabled-leading-icon-color:var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-leading-icon-opacity:var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--md-filled-field-disabled-supporting-text-color:var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-supporting-text-opacity:var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--md-filled-field-disabled-trailing-icon-color:var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-disabled-trailing-icon-opacity:var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--md-filled-field-error-active-indicator-color:var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-active-indicator-color:var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-content-color:var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-focus-label-text-color:var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-leading-icon-color:var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-error-focus-supporting-text-color:var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-focus-trailing-icon-color:var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-hover-active-indicator-color:var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--md-filled-field-error-hover-content-color:var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-hover-label-text-color:var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--md-filled-field-error-hover-leading-icon-color:var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-error-hover-state-layer-color:var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-hover-state-layer-opacity:var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--md-filled-field-error-hover-supporting-text-color:var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-hover-trailing-icon-color:var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--md-filled-field-error-content-color:var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-error-label-text-color:var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-leading-icon-color:var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-error-supporting-text-color:var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-filled-field-error-trailing-icon-color:var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-filled-field-focus-active-indicator-color:var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--md-filled-field-focus-active-indicator-height:var(--md-filled-text-field-focus-active-indicator-height, 2px);--md-filled-field-focus-content-color:var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-focus-label-text-color:var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--md-filled-field-focus-leading-icon-color:var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-focus-supporting-text-color:var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-focus-trailing-icon-color:var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-active-indicator-color:var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-hover-active-indicator-height:var(--md-filled-text-field-hover-active-indicator-height, 1px);--md-filled-field-hover-content-color:var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-hover-label-text-color:var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-leading-icon-color:var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-state-layer-color:var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-filled-field-hover-state-layer-opacity:var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--md-filled-field-hover-supporting-text-color:var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-hover-trailing-icon-color:var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-label-text-color:var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-label-text-font:var(--md-filled-text-field-label-text-font, Roboto);--md-filled-field-label-text-line-height:var(--md-filled-text-field-label-text-line-height, 1.5rem);--md-filled-field-label-text-populated-line-height:var(--md-filled-text-field-label-text-populated-line-height, 16px);--md-filled-field-label-text-populated-size:var(--md-filled-text-field-label-text-populated-size, 12px);--md-filled-field-label-text-size:var(--md-filled-text-field-label-text-size, 1rem);--md-filled-field-label-text-tracking:var(--md-filled-text-field-label-text-tracking, 0.03125rem);--md-filled-field-label-text-weight:var(--md-filled-text-field-label-text-weight, 400);--md-filled-field-leading-icon-color:var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-leading-icon-size:var(--md-filled-text-field-leading-icon-size, 20px);--md-filled-field-supporting-text-color:var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-supporting-text-font:var(--md-filled-text-field-supporting-text-font, Roboto);--md-filled-field-supporting-text-line-height:var(--md-filled-text-field-supporting-text-line-height, 1rem);--md-filled-field-supporting-text-size:var(--md-filled-text-field-supporting-text-size, 0.75rem);--md-filled-field-supporting-text-tracking:var(--md-filled-text-field-supporting-text-tracking, 0.025rem);--md-filled-field-supporting-text-weight:var(--md-filled-text-field-supporting-text-weight, 400);--md-filled-field-trailing-icon-color:var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-filled-field-trailing-icon-size:var(--md-filled-text-field-trailing-icon-size, 24px)}.md3-text-field--filled .md3-text-field__input{caret-color:var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4))}.md3-text-field--filled.md3-text-field--error:focus-within .md3-text-field__input{caret-color:var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--filled .md3-text-field__input,.md3-text-field--filled .md3-text-field__prefix,.md3-text-field--filled .md3-text-field__suffix{font-family:var(--md-filled-text-field-input-text-font, Roboto);font-size:var(--md-filled-text-field-input-text-size, 1rem);font-weight:var(--md-filled-text-field-input-text-weight, 400);letter-spacing:var(--md-filled-text-field-input-text-tracking, 0.03125rem);line-height:var(--md-filled-text-field-input-text-line-height, 1.5rem)}.md3-text-field--filled:not(.md3-text-field--disabled) .md3-text-field__prefix,.md3-text-field--filled:not(.md3-text-field--disabled) .md3-text-field__suffix{color:var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:not(.md3-text-field--disabled) .md3-text-field__input::placeholder{color:var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled .md3-text-field__prefix{padding-inline-end:var(--md-filled-text-field-input-text-prefix-padding, 2px)}.md3-text-field--filled .md3-text-field__suffix{padding-inline-start:var(--md-filled-text-field-input-text-suffix-padding, 2px)}.md3-text-field--filled .md3-text-field__icon--leading{color:var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:hover .md3-text-field__icon--leading{color:var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:focus-within .md3-text-field__icon--leading{color:var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--leading{color:var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--filled .md3-text-field__icon--trailing{color:var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:hover .md3-text-field__icon--trailing{color:var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled:focus-within .md3-text-field__icon--trailing{color:var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--trailing{color:var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--leading{color:var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--leading{color:var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--leading{color:var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--trailing{color:var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--trailing{color:var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b))}.md3-text-field--filled.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--trailing{color:var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--leading{opacity:var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38)}.md3-text-field--filled.md3-text-field--disabled .md3-text-field__icon--trailing{opacity:var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38)}/*# sourceMappingURL=filled-styles.css.map */\n`;\n "]}
package/textfield/lib/filled-styles.scss ADDED
@@ -0,0 +1,15 @@
1
+ //
2
+ // Copyright 2021 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // stylelint-disable selector-class-pattern --
7
+ // Selector '.md3-*' should only be used in this project.
8
+
9
+ @use './filled-text-field-theme';
10
+
11
+ .md3-text-field--filled {
12
+ @include filled-text-field-theme.theme-styles(
13
+ filled-text-field-theme.$light-theme
14
+ );
15
+ }
package/textfield/lib/filled-text-field.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { ClassInfo } from 'lit/directives/class-map.js';
7
+ import { TextField } from './text-field.js';
8
+ /** @soyCompatible */
9
+ export declare abstract class FilledTextField extends TextField {
10
+ /** @soyTemplate */
11
+ protected getRenderClasses(): ClassInfo;
12
+ }
package/textfield/lib/filled-text-field.js ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { TextField } from './text-field.js';
7
+ /** @soyCompatible */
8
+ export class FilledTextField extends TextField {
9
+ /** @soyTemplate */
10
+ getRenderClasses() {
11
+ return {
12
+ ...super.getRenderClasses(),
13
+ 'md3-text-field--filled': true,
14
+ };
15
+ }
16
+ }
17
+ //# sourceMappingURL=filled-text-field.js.map
package/textfield/lib/filled-text-field.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filled-text-field.js","sourceRoot":"","sources":["filled-text-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,qBAAqB;AACrB,MAAM,OAAgB,eAAgB,SAAQ,SAAS;IACrD,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,wBAAwB,EAAE,IAAI;SAC/B,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {TextField} from './text-field.js';\n\n/** @soyCompatible */\nexport abstract class FilledTextField extends TextField {\n /** @soyTemplate */\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-text-field--filled': true,\n };\n }\n}\n"]}
package/textfield/lib/outlined-forced-colors-styles.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
package/textfield/lib/outlined-forced-colors-styles.css.js ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { css } from 'lit';
7
+ export const styles = css `@media(forced-colors: active){.md3-text-field--outlined{--md-outlined-text-field-disabled-input-text-color:GrayText;--md-outlined-text-field-disabled-input-text-opacity:1;--md-outlined-text-field-disabled-label-text-color:GrayText;--md-outlined-text-field-disabled-label-text-opacity:1;--md-outlined-text-field-disabled-leading-icon-color:GrayText;--md-outlined-text-field-disabled-leading-icon-opacity:1;--md-outlined-text-field-disabled-outline-color:GrayText;--md-outlined-text-field-disabled-outline-opacity:1;--md-outlined-text-field-disabled-supporting-text-color:GrayText;--md-outlined-text-field-disabled-supporting-text-opacity:1;--md-outlined-text-field-disabled-trailing-icon-color:GrayText;--md-outlined-text-field-disabled-trailing-icon-opacity:1}}/*# sourceMappingURL=outlined-forced-colors-styles.css.map */
8
+ `;
9
+ //# sourceMappingURL=outlined-forced-colors-styles.css.js.map
package/textfield/lib/outlined-forced-colors-styles.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"outlined-forced-colors-styles.css.js","sourceRoot":"","sources":["outlined-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){.md3-text-field--outlined{--md-outlined-text-field-disabled-input-text-color:GrayText;--md-outlined-text-field-disabled-input-text-opacity:1;--md-outlined-text-field-disabled-label-text-color:GrayText;--md-outlined-text-field-disabled-label-text-opacity:1;--md-outlined-text-field-disabled-leading-icon-color:GrayText;--md-outlined-text-field-disabled-leading-icon-opacity:1;--md-outlined-text-field-disabled-outline-color:GrayText;--md-outlined-text-field-disabled-outline-opacity:1;--md-outlined-text-field-disabled-supporting-text-color:GrayText;--md-outlined-text-field-disabled-supporting-text-opacity:1;--md-outlined-text-field-disabled-trailing-icon-color:GrayText;--md-outlined-text-field-disabled-trailing-icon-opacity:1}}/*# sourceMappingURL=outlined-forced-colors-styles.css.map */\n`;\n "]}
package/textfield/lib/outlined-forced-colors-styles.scss ADDED
@@ -0,0 +1,17 @@
1
+ //
2
+ // Copyright 2022 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // stylelint-disable selector-class-pattern --
7
+ // Selector '.md3-*' should only be used in this project.
8
+
9
+ @use './outlined-text-field-theme';
10
+
11
+ @media (forced-colors: active) {
12
+ .md3-text-field--outlined {
13
+ @include outlined-text-field-theme.theme(
14
+ outlined-text-field-theme.$forced-colors-theme
15
+ );
16
+ }
17
+ }
package/textfield/lib/outlined-styles.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
package/textfield/lib/outlined-styles.css.js ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { css } from 'lit';
7
+ export const styles = css `.md3-text-field--outlined{--md-outlined-field-container-shape-start-start:var(--md-outlined-text-field-container-shape-start-start, 4px);--md-outlined-field-container-shape-start-end:var(--md-outlined-text-field-container-shape-start-end, 4px);--md-outlined-field-container-shape-end-end:var(--md-outlined-text-field-container-shape-end-end, 4px);--md-outlined-field-container-shape-end-start:var(--md-outlined-text-field-container-shape-end-start, 4px);--md-outlined-field-container-height:var(--md-outlined-text-field-container-height, 56px);--md-outlined-field-disabled-content-color:var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-content-opacity:var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--md-outlined-field-disabled-label-text-color:var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-label-text-opacity:var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--md-outlined-field-disabled-leading-icon-color:var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-leading-icon-opacity:var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--md-outlined-field-disabled-outline-color:var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-outline-opacity:var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--md-outlined-field-disabled-outline-width:var(--md-outlined-text-field-disabled-outline-width, 1px);--md-outlined-field-disabled-supporting-text-color:var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-supporting-text-opacity:var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--md-outlined-field-disabled-trailing-icon-color:var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-trailing-icon-opacity:var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--md-outlined-field-error-focus-content-color:var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-error-focus-label-text-color:var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-focus-leading-icon-color:var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-error-focus-outline-color:var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-focus-supporting-text-color:var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-focus-trailing-icon-color:var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-hover-content-color:var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-error-hover-label-text-color:var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--md-outlined-field-error-hover-leading-icon-color:var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-error-hover-outline-color:var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--md-outlined-field-error-hover-supporting-text-color:var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-hover-trailing-icon-color:var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--md-outlined-field-error-content-color:var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-error-label-text-color:var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-leading-icon-color:var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-error-outline-color:var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-supporting-text-color:var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-trailing-icon-color:var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-focus-content-color:var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-focus-label-text-color:var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--md-outlined-field-focus-leading-icon-color:var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-focus-outline-color:var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--md-outlined-field-focus-outline-width:var(--md-outlined-text-field-focus-outline-width, 2px);--md-outlined-field-focus-supporting-text-color:var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-focus-trailing-icon-color:var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-hover-content-color:var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-hover-label-text-color:var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-hover-leading-icon-color:var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-hover-outline-color:var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-hover-outline-width:var(--md-outlined-text-field-hover-outline-width, 1px);--md-outlined-field-hover-supporting-text-color:var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-hover-trailing-icon-color:var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-content-color:var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-label-text-color:var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-label-text-font:var(--md-outlined-text-field-label-text-font, Roboto);--md-outlined-field-label-text-line-height:var(--md-outlined-text-field-label-text-line-height, 1.5rem);--md-outlined-field-label-text-populated-line-height:var(--md-outlined-text-field-label-text-populated-line-height, 16px);--md-outlined-field-label-text-populated-size:var(--md-outlined-text-field-label-text-populated-size, 12px);--md-outlined-field-label-text-size:var(--md-outlined-text-field-label-text-size, 1rem);--md-outlined-field-label-text-tracking:var(--md-outlined-text-field-label-text-tracking, 0.03125rem);--md-outlined-field-label-text-weight:var(--md-outlined-text-field-label-text-weight, 400);--md-outlined-field-leading-icon-color:var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-leading-icon-size:var(--md-outlined-text-field-leading-icon-size, 24px);--md-outlined-field-outline-color:var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--md-outlined-field-outline-width:var(--md-outlined-text-field-outline-width, 1px);--md-outlined-field-supporting-text-color:var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-supporting-text-font:var(--md-outlined-text-field-supporting-text-font, Roboto);--md-outlined-field-supporting-text-line-height:var(--md-outlined-text-field-supporting-text-line-height, 1rem);--md-outlined-field-supporting-text-size:var(--md-outlined-text-field-supporting-text-size, 0.75rem);--md-outlined-field-supporting-text-tracking:var(--md-outlined-text-field-supporting-text-tracking, 0.025rem);--md-outlined-field-supporting-text-weight:var(--md-outlined-text-field-supporting-text-weight, 400);--md-outlined-field-trailing-icon-color:var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-trailing-icon-size:var(--md-outlined-text-field-trailing-icon-size, 24px)}.md3-text-field--outlined .md3-text-field__input{caret-color:var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4))}.md3-text-field--outlined.md3-text-field--error:focus-within .md3-text-field__input{caret-color:var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--outlined .md3-text-field__input,.md3-text-field--outlined .md3-text-field__prefix,.md3-text-field--outlined .md3-text-field__suffix{font-family:var(--md-outlined-text-field-input-text-font, Roboto);font-size:var(--md-outlined-text-field-input-text-size, 1rem);font-weight:var(--md-outlined-text-field-input-text-weight, 400);letter-spacing:var(--md-outlined-text-field-input-text-tracking, 0.03125rem);line-height:var(--md-outlined-text-field-input-text-line-height, 1.5rem)}.md3-text-field--outlined:not(.md3-text-field--disabled) .md3-text-field__prefix,.md3-text-field--outlined:not(.md3-text-field--disabled) .md3-text-field__suffix{color:var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:not(.md3-text-field--disabled) .md3-text-field__input::placeholder{color:var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined .md3-text-field__prefix{padding-inline-end:var(--md-outlined-text-field-input-text-prefix-padding, 2px)}.md3-text-field--outlined .md3-text-field__suffix{padding-inline-start:var(--md-outlined-text-field-input-text-suffix-padding, 2px)}.md3-text-field--outlined .md3-text-field__icon--leading{color:var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:hover .md3-text-field__icon--leading{color:var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:focus-within .md3-text-field__icon--leading{color:var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--leading{color:var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--outlined .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:hover .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:focus-within .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--leading{color:var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--leading{color:var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--leading{color:var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--leading{opacity:var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38)}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--trailing{opacity:var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38)}/*# sourceMappingURL=outlined-styles.css.map */
8
+ `;
9
+ //# sourceMappingURL=outlined-styles.css.js.map
package/textfield/lib/outlined-styles.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"outlined-styles.css.js","sourceRoot":"","sources":["outlined-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`.md3-text-field--outlined{--md-outlined-field-container-shape-start-start:var(--md-outlined-text-field-container-shape-start-start, 4px);--md-outlined-field-container-shape-start-end:var(--md-outlined-text-field-container-shape-start-end, 4px);--md-outlined-field-container-shape-end-end:var(--md-outlined-text-field-container-shape-end-end, 4px);--md-outlined-field-container-shape-end-start:var(--md-outlined-text-field-container-shape-end-start, 4px);--md-outlined-field-container-height:var(--md-outlined-text-field-container-height, 56px);--md-outlined-field-disabled-content-color:var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-content-opacity:var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--md-outlined-field-disabled-label-text-color:var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-label-text-opacity:var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--md-outlined-field-disabled-leading-icon-color:var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-leading-icon-opacity:var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--md-outlined-field-disabled-outline-color:var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-outline-opacity:var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--md-outlined-field-disabled-outline-width:var(--md-outlined-text-field-disabled-outline-width, 1px);--md-outlined-field-disabled-supporting-text-color:var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-supporting-text-opacity:var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--md-outlined-field-disabled-trailing-icon-color:var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-disabled-trailing-icon-opacity:var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--md-outlined-field-error-focus-content-color:var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-error-focus-label-text-color:var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-focus-leading-icon-color:var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-error-focus-outline-color:var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-focus-supporting-text-color:var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-focus-trailing-icon-color:var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-hover-content-color:var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-error-hover-label-text-color:var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--md-outlined-field-error-hover-leading-icon-color:var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-error-hover-outline-color:var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--md-outlined-field-error-hover-supporting-text-color:var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-hover-trailing-icon-color:var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--md-outlined-field-error-content-color:var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-error-label-text-color:var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-leading-icon-color:var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-error-outline-color:var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-supporting-text-color:var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-error-trailing-icon-color:var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--md-outlined-field-focus-content-color:var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-focus-label-text-color:var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--md-outlined-field-focus-leading-icon-color:var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-focus-outline-color:var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--md-outlined-field-focus-outline-width:var(--md-outlined-text-field-focus-outline-width, 2px);--md-outlined-field-focus-supporting-text-color:var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-focus-trailing-icon-color:var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-hover-content-color:var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-hover-label-text-color:var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-hover-leading-icon-color:var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-hover-outline-color:var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-hover-outline-width:var(--md-outlined-text-field-hover-outline-width, 1px);--md-outlined-field-hover-supporting-text-color:var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-hover-trailing-icon-color:var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-content-color:var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1c1b1f));--md-outlined-field-label-text-color:var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-label-text-font:var(--md-outlined-text-field-label-text-font, Roboto);--md-outlined-field-label-text-line-height:var(--md-outlined-text-field-label-text-line-height, 1.5rem);--md-outlined-field-label-text-populated-line-height:var(--md-outlined-text-field-label-text-populated-line-height, 16px);--md-outlined-field-label-text-populated-size:var(--md-outlined-text-field-label-text-populated-size, 12px);--md-outlined-field-label-text-size:var(--md-outlined-text-field-label-text-size, 1rem);--md-outlined-field-label-text-tracking:var(--md-outlined-text-field-label-text-tracking, 0.03125rem);--md-outlined-field-label-text-weight:var(--md-outlined-text-field-label-text-weight, 400);--md-outlined-field-leading-icon-color:var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-leading-icon-size:var(--md-outlined-text-field-leading-icon-size, 24px);--md-outlined-field-outline-color:var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--md-outlined-field-outline-width:var(--md-outlined-text-field-outline-width, 1px);--md-outlined-field-supporting-text-color:var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-supporting-text-font:var(--md-outlined-text-field-supporting-text-font, Roboto);--md-outlined-field-supporting-text-line-height:var(--md-outlined-text-field-supporting-text-line-height, 1rem);--md-outlined-field-supporting-text-size:var(--md-outlined-text-field-supporting-text-size, 0.75rem);--md-outlined-field-supporting-text-tracking:var(--md-outlined-text-field-supporting-text-tracking, 0.025rem);--md-outlined-field-supporting-text-weight:var(--md-outlined-text-field-supporting-text-weight, 400);--md-outlined-field-trailing-icon-color:var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--md-outlined-field-trailing-icon-size:var(--md-outlined-text-field-trailing-icon-size, 24px)}.md3-text-field--outlined .md3-text-field__input{caret-color:var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4))}.md3-text-field--outlined.md3-text-field--error:focus-within .md3-text-field__input{caret-color:var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--outlined .md3-text-field__input,.md3-text-field--outlined .md3-text-field__prefix,.md3-text-field--outlined .md3-text-field__suffix{font-family:var(--md-outlined-text-field-input-text-font, Roboto);font-size:var(--md-outlined-text-field-input-text-size, 1rem);font-weight:var(--md-outlined-text-field-input-text-weight, 400);letter-spacing:var(--md-outlined-text-field-input-text-tracking, 0.03125rem);line-height:var(--md-outlined-text-field-input-text-line-height, 1.5rem)}.md3-text-field--outlined:not(.md3-text-field--disabled) .md3-text-field__prefix,.md3-text-field--outlined:not(.md3-text-field--disabled) .md3-text-field__suffix{color:var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:not(.md3-text-field--disabled) .md3-text-field__input::placeholder{color:var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined .md3-text-field__prefix{padding-inline-end:var(--md-outlined-text-field-input-text-prefix-padding, 2px)}.md3-text-field--outlined .md3-text-field__suffix{padding-inline-start:var(--md-outlined-text-field-input-text-suffix-padding, 2px)}.md3-text-field--outlined .md3-text-field__icon--leading{color:var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:hover .md3-text-field__icon--leading{color:var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:focus-within .md3-text-field__icon--leading{color:var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--leading{color:var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--outlined .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:hover .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined:focus-within .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--leading{color:var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--leading{color:var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--leading{color:var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled) .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):hover .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b))}.md3-text-field--outlined.md3-text-field--error:not(.md3-text-field--disabled):focus-within .md3-text-field__icon--trailing{color:var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e))}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--leading{opacity:var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38)}.md3-text-field--outlined.md3-text-field--disabled .md3-text-field__icon--trailing{opacity:var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38)}/*# sourceMappingURL=outlined-styles.css.map */\n`;\n "]}
package/textfield/lib/outlined-styles.scss ADDED
@@ -0,0 +1,15 @@
1
+ //
2
+ // Copyright 2021 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ // stylelint-disable selector-class-pattern --
7
+ // Selector '.md3-*' should only be used in this project.
8
+
9
+ @use './outlined-text-field-theme';
10
+
11
+ .md3-text-field--outlined {
12
+ @include outlined-text-field-theme.theme-styles(
13
+ outlined-text-field-theme.$light-theme
14
+ );
15
+ }
package/textfield/lib/outlined-text-field.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { ClassInfo } from 'lit/directives/class-map.js';
7
+ import { TextField } from './text-field.js';
8
+ /** @soyCompatible */
9
+ export declare abstract class OutlinedTextField extends TextField {
10
+ /** @soyTemplate */
11
+ protected getRenderClasses(): ClassInfo;
12
+ }
package/textfield/lib/outlined-text-field.js ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { TextField } from './text-field.js';
7
+ /** @soyCompatible */
8
+ export class OutlinedTextField extends TextField {
9
+ /** @soyTemplate */
10
+ getRenderClasses() {
11
+ return {
12
+ ...super.getRenderClasses(),
13
+ 'md3-text-field--outlined': true,
14
+ };
15
+ }
16
+ }
17
+ //# sourceMappingURL=outlined-text-field.js.map
package/textfield/lib/outlined-text-field.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"outlined-text-field.js","sourceRoot":"","sources":["outlined-text-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,qBAAqB;AACrB,MAAM,OAAgB,iBAAkB,SAAQ,SAAS;IACvD,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,0BAA0B,EAAE,IAAI;SACjC,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {TextField} from './text-field.js';\n\n/** @soyCompatible */\nexport abstract class OutlinedTextField extends TextField {\n /** @soyTemplate */\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-text-field--outlined': true,\n };\n }\n}\n"]}
package/textfield/lib/shared-styles.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
package/textfield/lib/shared-styles.css.js ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ import { css } from 'lit';
7
+ export const styles = css `:host{display:inline-flex;outline:none}.md3-text-field{display:inline-flex;flex:1}.md3-text-field__field{cursor:text;flex:1}.md3-text-field--disabled .md3-text-field__field{cursor:default}.md3-text-field__input{appearance:none;background:none;border:none;color:currentColor;outline:none;padding:0;text-align:inherit;width:100%}.md3-text-field__input::placeholder{color:currentColor;opacity:1}.md3-text-field__input::-webkit-calendar-picker-indicator{display:none}@media(forced-colors: active){.md3-text-field__input{background-color:Field}}.md3-text-field__icon{display:flex}.md3-text-field__icon ::slotted(*){display:flex}/*# sourceMappingURL=shared-styles.css.map */
8
+ `;
9
+ //# sourceMappingURL=shared-styles.css.js.map
package/textfield/lib/shared-styles.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{display:inline-flex;outline:none}.md3-text-field{display:inline-flex;flex:1}.md3-text-field__field{cursor:text;flex:1}.md3-text-field--disabled .md3-text-field__field{cursor:default}.md3-text-field__input{appearance:none;background:none;border:none;color:currentColor;outline:none;padding:0;text-align:inherit;width:100%}.md3-text-field__input::placeholder{color:currentColor;opacity:1}.md3-text-field__input::-webkit-calendar-picker-indicator{display:none}@media(forced-colors: active){.md3-text-field__input{background-color:Field}}.md3-text-field__icon{display:flex}.md3-text-field__icon ::slotted(*){display:flex}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
package/textfield/lib/shared-styles.scss ADDED
@@ -0,0 +1,12 @@
1
+ //
2
+ // Copyright 2021 Google LLC
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ //
5
+
6
+ @use './icon';
7
+ @use './input';
8
+ @use './text-field';
9
+
10
+ @include text-field.static-styles;
11
+ @include input.static-styles;
12
+ @include icon.static-styles;