igniteui-webcomponents 4.3.0 → 4.4.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 (702) hide show
  1. package/CHANGELOG.md +69 -0
  2. package/animations/presets/fade/index.d.ts +2 -2
  3. package/animations/presets/fade/index.js +4 -6
  4. package/animations/presets/fade/index.js.map +1 -1
  5. package/animations/presets/grow/index.d.ts +2 -2
  6. package/animations/presets/grow/index.js +8 -10
  7. package/animations/presets/grow/index.js.map +1 -1
  8. package/animations/presets/index.d.ts +1 -0
  9. package/animations/presets/index.js +1 -0
  10. package/animations/presets/index.js.map +1 -1
  11. package/animations/presets/slide/index.d.ts +3 -0
  12. package/animations/presets/slide/index.js +16 -0
  13. package/animations/presets/slide/index.js.map +1 -0
  14. package/components/accordion/themes/accordion.base.css.js +1 -4
  15. package/components/accordion/themes/accordion.base.css.js.map +1 -1
  16. package/components/avatar/avatar.js +5 -2
  17. package/components/avatar/avatar.js.map +1 -1
  18. package/components/avatar/themes/avatar.base.css.js +97 -0
  19. package/components/avatar/themes/avatar.base.css.js.map +1 -0
  20. package/components/avatar/themes/dark/avatar.bootstrap.css.js +3 -0
  21. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -0
  22. package/components/avatar/themes/dark/avatar.fluent.css.js +3 -0
  23. package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -0
  24. package/components/avatar/themes/dark/avatar.indigo.css.js +3 -0
  25. package/components/avatar/themes/dark/avatar.indigo.css.js.map +1 -0
  26. package/components/avatar/themes/dark/avatar.material.css.js +3 -0
  27. package/components/avatar/themes/dark/avatar.material.css.js.map +1 -0
  28. package/components/avatar/themes/light/avatar.bootstrap.css.js +19 -18
  29. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  30. package/components/avatar/themes/light/avatar.fluent.css.js +27 -0
  31. package/components/avatar/themes/light/avatar.fluent.css.js.map +1 -0
  32. package/components/avatar/themes/light/avatar.indigo.css.js +27 -0
  33. package/components/avatar/themes/light/avatar.indigo.css.js.map +1 -0
  34. package/components/avatar/themes/light/avatar.material.css.js +27 -0
  35. package/components/avatar/themes/light/avatar.material.css.js.map +1 -0
  36. package/components/badge/themes/light/badge.base.css.js +1 -2
  37. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  38. package/components/badge/themes/light/badge.bootstrap.css.js +1 -2
  39. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  40. package/components/button/button-base.d.ts +14 -6
  41. package/components/button/button-base.js +51 -18
  42. package/components/button/button-base.js.map +1 -1
  43. package/components/button/themes/button/dark/button.bootstrap.css.js +1 -13
  44. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
  45. package/components/button/themes/button/dark/button.fluent.css.js +1 -13
  46. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  47. package/components/button/themes/button/dark/button.indigo.css.js +1 -13
  48. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  49. package/components/button/themes/button/dark/button.material.css.js +1 -13
  50. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  51. package/components/button/themes/button/light/button.base.css.js +5 -6
  52. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  53. package/components/button/themes/button/light/button.bootstrap.css.js +80 -62
  54. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  55. package/components/button/themes/button/light/button.fluent.css.js +97 -72
  56. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  57. package/components/button/themes/button/light/button.indigo.css.js +100 -73
  58. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  59. package/components/button/themes/button/light/button.material.css.js +103 -69
  60. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  61. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
  62. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
  63. package/components/button/themes/icon-button/light/icon-button.base.css.js +3 -6
  64. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  65. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +42 -11
  66. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  67. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +44 -24
  68. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  69. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +36 -7
  70. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  71. package/components/button/themes/icon-button/light/icon-button.material.css.js +37 -7
  72. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  73. package/components/calendar/calendar.d.ts +2 -5
  74. package/components/calendar/calendar.js +31 -35
  75. package/components/calendar/calendar.js.map +1 -1
  76. package/components/calendar/days-view/days-view.js +6 -6
  77. package/components/calendar/days-view/days-view.js.map +1 -1
  78. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js +60 -6
  79. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map +1 -1
  80. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +53 -3
  81. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
  82. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js +50 -3
  83. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  84. package/components/calendar/themes/calendar.base.css.js +66 -6
  85. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  86. package/components/calendar/themes/days-view.base.css.js +6 -8
  87. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  88. package/components/calendar/themes/fluent/calendar.fluent.css.js +123 -9
  89. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  90. package/components/calendar/themes/fluent/days-view.fluent.css.js +2 -3
  91. package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
  92. package/components/calendar/themes/fluent/year-month-view.fluent.css.js +1 -2
  93. package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map +1 -1
  94. package/components/calendar/themes/indigo/calendar.indigo.css.js +67 -0
  95. package/components/calendar/themes/indigo/calendar.indigo.css.js.map +1 -0
  96. package/components/calendar/themes/year-month-view.base.css.js +1 -2
  97. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  98. package/components/card/card.js +2 -0
  99. package/components/card/card.js.map +1 -1
  100. package/components/card/themes/light/card.actions.bootstrap.css.js +1 -2
  101. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  102. package/components/card/themes/light/card.actions.material.css.js +1 -2
  103. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  104. package/components/card/themes/light/card.bootstrap.css.js +11 -3
  105. package/components/card/themes/light/card.bootstrap.css.js.map +1 -1
  106. package/components/card/themes/light/card.content.bootstrap.css.js +1 -2
  107. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  108. package/components/card/themes/light/card.content.indigo.css.js +1 -2
  109. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  110. package/components/card/themes/light/card.content.material.css.js +1 -2
  111. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  112. package/components/card/themes/light/card.fluent.css.js +11 -4
  113. package/components/card/themes/light/card.fluent.css.js.map +1 -1
  114. package/components/card/themes/light/card.header.bootstrap.css.js +1 -2
  115. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  116. package/components/card/themes/light/card.header.fluent.css.js +1 -2
  117. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  118. package/components/card/themes/light/card.header.indigo.css.js +1 -2
  119. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  120. package/components/card/themes/light/card.header.material.css.js +1 -2
  121. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  122. package/components/card/themes/light/card.indigo.css.js +14 -0
  123. package/components/card/themes/light/card.indigo.css.js.map +1 -0
  124. package/components/card/themes/light/card.material.css.js +11 -4
  125. package/components/card/themes/light/card.material.css.js.map +1 -1
  126. package/components/card/themes/light/card.media.material.css.js +1 -2
  127. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  128. package/components/checkbox/checkbox-base.d.ts +8 -35
  129. package/components/checkbox/checkbox-base.js +28 -41
  130. package/components/checkbox/checkbox-base.js.map +1 -1
  131. package/components/checkbox/checkbox.d.ts +0 -1
  132. package/components/checkbox/checkbox.js +5 -16
  133. package/components/checkbox/checkbox.js.map +1 -1
  134. package/components/checkbox/switch.d.ts +0 -2
  135. package/components/checkbox/switch.js +4 -16
  136. package/components/checkbox/switch.js.map +1 -1
  137. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js +1 -13
  138. package/components/checkbox/themes/dark/checkbox.bootstrap.css.js.map +1 -1
  139. package/components/checkbox/themes/dark/checkbox.fluent.css.js +1 -13
  140. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
  141. package/components/checkbox/themes/dark/checkbox.indigo.css.js +1 -13
  142. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
  143. package/components/checkbox/themes/dark/checkbox.material.css.js +1 -13
  144. package/components/checkbox/themes/dark/checkbox.material.css.js.map +1 -1
  145. package/components/checkbox/themes/dark/switch.bootstrap.css.js +1 -13
  146. package/components/checkbox/themes/dark/switch.bootstrap.css.js.map +1 -1
  147. package/components/checkbox/themes/dark/switch.fluent.css.js +1 -13
  148. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
  149. package/components/checkbox/themes/dark/switch.indigo.css.js +1 -13
  150. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
  151. package/components/checkbox/themes/dark/switch.material.css.js +1 -13
  152. package/components/checkbox/themes/dark/switch.material.css.js.map +1 -1
  153. package/components/checkbox/themes/light/checkbox.base.css.js +3 -18
  154. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  155. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +33 -33
  156. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  157. package/components/checkbox/themes/light/checkbox.fluent.css.js +37 -37
  158. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  159. package/components/checkbox/themes/light/checkbox.indigo.css.js +38 -35
  160. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
  161. package/components/checkbox/themes/light/checkbox.material.css.js +31 -33
  162. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  163. package/components/checkbox/themes/light/switch.base.css.js +3 -16
  164. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  165. package/components/checkbox/themes/light/switch.bootstrap.css.js +18 -27
  166. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  167. package/components/checkbox/themes/light/switch.fluent.css.js +39 -38
  168. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  169. package/components/checkbox/themes/light/switch.indigo.css.js +33 -35
  170. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  171. package/components/checkbox/themes/light/switch.material.css.js +22 -31
  172. package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
  173. package/components/chip/themes/chip.base.css.js +1 -5
  174. package/components/chip/themes/chip.base.css.js.map +1 -1
  175. package/components/chip/themes/chip.bootstrap.css.js +35 -6
  176. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  177. package/components/chip/themes/chip.fluent.css.js +35 -5
  178. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  179. package/components/chip/themes/chip.indigo.css.js +35 -5
  180. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  181. package/components/chip/themes/chip.material.css.js +35 -5
  182. package/components/chip/themes/chip.material.css.js.map +1 -1
  183. package/components/combo/combo-header.js +5 -3
  184. package/components/combo/combo-header.js.map +1 -1
  185. package/components/combo/combo-item.js +5 -4
  186. package/components/combo/combo-item.js.map +1 -1
  187. package/components/combo/combo.d.ts +9 -37
  188. package/components/combo/combo.js +71 -58
  189. package/components/combo/combo.js.map +1 -1
  190. package/components/combo/controllers/selection.js +1 -3
  191. package/components/combo/controllers/selection.js.map +1 -1
  192. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  193. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  194. package/components/combo/themes/dark/combo.material.css.js +1 -1
  195. package/components/combo/themes/dark/combo.material.css.js.map +1 -1
  196. package/components/combo/themes/light/combo.base.css.js +19 -33
  197. package/components/combo/themes/light/combo.base.css.js.map +1 -1
  198. package/components/combo/themes/light/combo.bootstrap.css.js +209 -88
  199. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  200. package/components/combo/themes/light/combo.fluent.css.js +201 -47
  201. package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
  202. package/components/combo/themes/light/combo.indigo.css.js +213 -25
  203. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  204. package/components/combo/themes/light/combo.material.css.js +242 -89
  205. package/components/combo/themes/light/combo.material.css.js.map +1 -1
  206. package/components/combo/themes/light/header/combo-header.base.css.js +3 -7
  207. package/components/combo/themes/light/header/combo-header.base.css.js.map +1 -1
  208. package/components/combo/themes/light/item/combo-item.base.css.js +9 -29
  209. package/components/combo/themes/light/item/combo-item.base.css.js.map +1 -1
  210. package/components/common/localization/validation-en.d.ts +10 -0
  211. package/components/common/localization/validation-en.js +10 -0
  212. package/components/common/localization/validation-en.js.map +1 -0
  213. package/components/common/mixins/event-emitter.js.map +1 -1
  214. package/components/common/mixins/form-associated-required.d.ts +16 -0
  215. package/components/common/mixins/form-associated-required.js +29 -0
  216. package/components/common/mixins/form-associated-required.js.map +1 -0
  217. package/components/common/mixins/form-associated.d.ts +92 -0
  218. package/components/common/mixins/form-associated.js +151 -0
  219. package/components/common/mixins/form-associated.js.map +1 -0
  220. package/components/common/util.d.ts +38 -0
  221. package/components/common/util.js +34 -0
  222. package/components/common/util.js.map +1 -1
  223. package/components/common/validators.d.ts +45 -0
  224. package/components/common/validators.js +54 -0
  225. package/components/common/validators.js.map +1 -0
  226. package/components/date-time-input/date-time-input.d.ts +30 -11
  227. package/components/date-time-input/date-time-input.js +147 -135
  228. package/components/date-time-input/date-time-input.js.map +1 -1
  229. package/components/date-time-input/date-util.d.ts +1 -0
  230. package/components/date-time-input/date-util.js +6 -3
  231. package/components/date-time-input/date-util.js.map +1 -1
  232. package/components/dialog/dialog.js +1 -1
  233. package/components/dialog/dialog.js.map +1 -1
  234. package/components/dialog/themes/light/dialog.base.css.js +2 -5
  235. package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
  236. package/components/dialog/themes/light/dialog.bootstrap.css.js +8 -3
  237. package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -1
  238. package/components/dialog/themes/light/dialog.fluent.css.js +10 -1
  239. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  240. package/components/dialog/themes/light/dialog.indigo.css.js +10 -1
  241. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
  242. package/components/dialog/themes/light/dialog.material.css.js +42 -1
  243. package/components/dialog/themes/light/dialog.material.css.js.map +1 -1
  244. package/components/dropdown/dropdown-group.js +6 -3
  245. package/components/dropdown/dropdown-group.js.map +1 -1
  246. package/components/dropdown/dropdown-header.js +6 -4
  247. package/components/dropdown/dropdown-header.js.map +1 -1
  248. package/components/dropdown/dropdown-item.js +8 -11
  249. package/components/dropdown/dropdown-item.js.map +1 -1
  250. package/components/dropdown/dropdown.js +2 -1
  251. package/components/dropdown/dropdown.js.map +1 -1
  252. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  253. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  254. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  255. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  256. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  257. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  258. package/components/dropdown/themes/dark/dropdown.material.css.js +3 -0
  259. package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -0
  260. package/components/dropdown/themes/light/dropdown.base.css.js +1 -7
  261. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  262. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +28 -4
  263. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  264. package/components/dropdown/themes/light/dropdown.fluent.css.js +26 -3
  265. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  266. package/components/dropdown/themes/light/dropdown.indigo.css.js +26 -3
  267. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  268. package/components/dropdown/themes/light/dropdown.material.css.d.ts +1 -0
  269. package/components/dropdown/themes/light/dropdown.material.css.js +33 -0
  270. package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -0
  271. package/components/dropdown/themes/light/group/dropdown-group.base.css.d.ts +1 -0
  272. package/components/dropdown/themes/light/{dropdown-group.base.css.js → group/dropdown-group.base.css.js} +4 -7
  273. package/components/dropdown/themes/light/group/dropdown-group.base.css.js.map +1 -0
  274. package/components/dropdown/themes/light/group/dropdown-group.bootstrap.css.d.ts +1 -0
  275. package/components/dropdown/themes/light/group/dropdown-group.bootstrap.css.js +28 -0
  276. package/components/dropdown/themes/light/group/dropdown-group.bootstrap.css.js.map +1 -0
  277. package/components/dropdown/themes/light/group/dropdown-group.fluent.css.d.ts +1 -0
  278. package/components/dropdown/themes/light/group/dropdown-group.fluent.css.js +29 -0
  279. package/components/dropdown/themes/light/group/dropdown-group.fluent.css.js.map +1 -0
  280. package/components/dropdown/themes/light/group/dropdown-group.indigo.css.d.ts +1 -0
  281. package/components/dropdown/themes/light/group/dropdown-group.indigo.css.js +28 -0
  282. package/components/dropdown/themes/light/group/dropdown-group.indigo.css.js.map +1 -0
  283. package/components/dropdown/themes/light/group/dropdown-group.material.css.d.ts +1 -0
  284. package/components/dropdown/themes/light/group/dropdown-group.material.css.js +28 -0
  285. package/components/dropdown/themes/light/group/dropdown-group.material.css.js.map +1 -0
  286. package/components/dropdown/themes/light/header/dropdown-header.base.css.d.ts +1 -0
  287. package/components/dropdown/themes/light/header/dropdown-header.base.css.js +56 -0
  288. package/components/dropdown/themes/light/header/dropdown-header.base.css.js.map +1 -0
  289. package/components/dropdown/themes/light/header/dropdown-header.bootstrap.css.d.ts +1 -0
  290. package/components/dropdown/themes/light/header/dropdown-header.bootstrap.css.js +28 -0
  291. package/components/dropdown/themes/light/header/dropdown-header.bootstrap.css.js.map +1 -0
  292. package/components/dropdown/themes/light/header/dropdown-header.fluent.css.d.ts +1 -0
  293. package/components/dropdown/themes/light/header/dropdown-header.fluent.css.js +27 -0
  294. package/components/dropdown/themes/light/header/dropdown-header.fluent.css.js.map +1 -0
  295. package/components/dropdown/themes/light/header/dropdown-header.indigo.css.d.ts +1 -0
  296. package/components/dropdown/themes/light/header/dropdown-header.indigo.css.js +28 -0
  297. package/components/dropdown/themes/light/header/dropdown-header.indigo.css.js.map +1 -0
  298. package/components/dropdown/themes/light/header/dropdown-header.material.css.d.ts +1 -0
  299. package/components/dropdown/themes/light/header/dropdown-header.material.css.js +28 -0
  300. package/components/dropdown/themes/light/header/dropdown-header.material.css.js.map +1 -0
  301. package/components/dropdown/themes/light/item/dropdown-item.base.css.d.ts +1 -0
  302. package/components/dropdown/themes/light/item/dropdown-item.base.css.js +105 -0
  303. package/components/dropdown/themes/light/item/dropdown-item.base.css.js.map +1 -0
  304. package/components/dropdown/themes/light/item/dropdown-item.bootstrap.css.d.ts +1 -0
  305. package/components/dropdown/themes/light/item/dropdown-item.bootstrap.css.js +54 -0
  306. package/components/dropdown/themes/light/item/dropdown-item.bootstrap.css.js.map +1 -0
  307. package/components/dropdown/themes/light/item/dropdown-item.fluent.css.d.ts +1 -0
  308. package/components/dropdown/themes/light/item/dropdown-item.fluent.css.js +55 -0
  309. package/components/dropdown/themes/light/item/dropdown-item.fluent.css.js.map +1 -0
  310. package/components/dropdown/themes/light/item/dropdown-item.indigo.css.d.ts +1 -0
  311. package/components/dropdown/themes/light/item/dropdown-item.indigo.css.js +54 -0
  312. package/components/dropdown/themes/light/item/dropdown-item.indigo.css.js.map +1 -0
  313. package/components/dropdown/themes/light/item/dropdown-item.material.css.d.ts +1 -0
  314. package/components/dropdown/themes/light/item/dropdown-item.material.css.js +54 -0
  315. package/components/dropdown/themes/light/item/dropdown-item.material.css.js.map +1 -0
  316. package/components/expansion-panel/expansion-panel.js +1 -1
  317. package/components/expansion-panel/expansion-panel.js.map +1 -1
  318. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +13 -4
  319. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  320. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +14 -1
  321. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  322. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +14 -1
  323. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
  324. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +14 -1
  325. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
  326. package/components/form/form.d.ts +3 -0
  327. package/components/form/form.js.map +1 -1
  328. package/components/icon/dark/icon.bootstrap.css.js +1 -13
  329. package/components/icon/dark/icon.bootstrap.css.js.map +1 -1
  330. package/components/icon/dark/icon.fluent.css.js +1 -13
  331. package/components/icon/dark/icon.fluent.css.js.map +1 -1
  332. package/components/icon/dark/icon.indigo.css.js +1 -13
  333. package/components/icon/dark/icon.indigo.css.js.map +1 -1
  334. package/components/icon/dark/icon.material.css.js +1 -13
  335. package/components/icon/dark/icon.material.css.js.map +1 -1
  336. package/components/icon/icon.base.css.js +1 -10
  337. package/components/icon/icon.base.css.js.map +1 -1
  338. package/components/icon/light/icon.bootstrap.css.js +9 -19
  339. package/components/icon/light/icon.bootstrap.css.js.map +1 -1
  340. package/components/icon/light/icon.fluent.css.js +9 -19
  341. package/components/icon/light/icon.fluent.css.js.map +1 -1
  342. package/components/icon/light/icon.indigo.css.js +9 -19
  343. package/components/icon/light/icon.indigo.css.js.map +1 -1
  344. package/components/icon/light/icon.material.css.js +9 -19
  345. package/components/icon/light/icon.material.css.js.map +1 -1
  346. package/components/input/input-base.d.ts +13 -24
  347. package/components/input/input-base.js +21 -25
  348. package/components/input/input-base.js.map +1 -1
  349. package/components/input/input.d.ts +24 -15
  350. package/components/input/input.js +106 -48
  351. package/components/input/input.js.map +1 -1
  352. package/components/input/themes/dark/input.dark.indigo.css.js +1 -1
  353. package/components/input/themes/dark/input.dark.indigo.css.js.map +1 -1
  354. package/components/input/themes/dark/input.dark.material.css.js +1 -1
  355. package/components/input/themes/dark/input.dark.material.css.js.map +1 -1
  356. package/components/input/themes/light/input.base.css.js +6 -14
  357. package/components/input/themes/light/input.base.css.js.map +1 -1
  358. package/components/input/themes/light/input.bootstrap.css.js +209 -115
  359. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  360. package/components/input/themes/light/input.fluent.css.js +144 -61
  361. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  362. package/components/input/themes/light/input.indigo.css.js +170 -43
  363. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  364. package/components/input/themes/light/input.material.css.js +377 -188
  365. package/components/input/themes/light/input.material.css.js.map +1 -1
  366. package/components/list/themes/dark/list.bootstrap.css.js +1 -1
  367. package/components/list/themes/dark/list.bootstrap.css.js.map +1 -1
  368. package/components/list/themes/dark/list.fluent.css.js +1 -1
  369. package/components/list/themes/dark/list.fluent.css.js.map +1 -1
  370. package/components/list/themes/dark/list.indigo.css.js +1 -1
  371. package/components/list/themes/dark/list.indigo.css.js.map +1 -1
  372. package/components/list/themes/light/list-header.base.css.js +0 -33
  373. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  374. package/components/list/themes/light/list-header.indigo.css.js +1 -2
  375. package/components/list/themes/light/list-header.indigo.css.js.map +1 -1
  376. package/components/list/themes/light/list-item.base.css.js +26 -34
  377. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  378. package/components/list/themes/light/list-item.bootstrap.css.js +27 -2
  379. package/components/list/themes/light/list-item.bootstrap.css.js.map +1 -1
  380. package/components/list/themes/light/list-item.fluent.css.js +27 -2
  381. package/components/list/themes/light/list-item.fluent.css.js.map +1 -1
  382. package/components/list/themes/light/list-item.indigo.css.js +27 -2
  383. package/components/list/themes/light/list-item.indigo.css.js.map +1 -1
  384. package/components/list/themes/light/list.base.css.js +27 -2
  385. package/components/list/themes/light/list.base.css.js.map +1 -1
  386. package/components/list/themes/light/list.bootstrap.css.js +27 -3
  387. package/components/list/themes/light/list.bootstrap.css.js.map +1 -1
  388. package/components/mask-input/mask-input-base.d.ts +2 -9
  389. package/components/mask-input/mask-input-base.js +7 -12
  390. package/components/mask-input/mask-input-base.js.map +1 -1
  391. package/components/mask-input/mask-input.d.ts +5 -6
  392. package/components/mask-input/mask-input.js +42 -51
  393. package/components/mask-input/mask-input.js.map +1 -1
  394. package/components/mask-input/mask-parser.js +2 -1
  395. package/components/mask-input/mask-parser.js.map +1 -1
  396. package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js +1 -1
  397. package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js.map +1 -1
  398. package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js +1 -1
  399. package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js.map +1 -1
  400. package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js +1 -1
  401. package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js.map +1 -1
  402. package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js +1 -1
  403. package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js.map +1 -1
  404. package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js +1 -1
  405. package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js.map +1 -1
  406. package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js +1 -2
  407. package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js.map +1 -1
  408. package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js +1 -2
  409. package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js.map +1 -1
  410. package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js +1 -2
  411. package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js.map +1 -1
  412. package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js +17 -2
  413. package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js.map +1 -1
  414. package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js +17 -1
  415. package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js.map +1 -1
  416. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +0 -33
  417. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  418. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +16 -35
  419. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  420. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +16 -4
  421. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  422. package/components/navbar/themes/dark/navbar.bootstrap.css.js +1 -13
  423. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
  424. package/components/navbar/themes/dark/navbar.fluent.css.js +1 -13
  425. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
  426. package/components/navbar/themes/dark/navbar.indigo.css.js +1 -13
  427. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
  428. package/components/navbar/themes/dark/navbar.material.css.js +1 -13
  429. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
  430. package/components/navbar/themes/light/navbar.bootstrap.css.js +5 -53
  431. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  432. package/components/navbar/themes/light/navbar.fluent.css.js +4 -52
  433. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  434. package/components/navbar/themes/light/navbar.indigo.css.js +4 -52
  435. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  436. package/components/navbar/themes/light/navbar.material.css.js +4 -52
  437. package/components/navbar/themes/light/navbar.material.css.js.map +1 -1
  438. package/components/navbar/themes/navbar.base.css.js +1 -3
  439. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  440. package/components/progress/themes/circular/circular.progress.base.css.js +1 -3
  441. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  442. package/components/progress/themes/circular/circular.progress.bootstrap.css.js +1 -2
  443. package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
  444. package/components/progress/themes/circular/circular.progress.fluent.css.js +1 -2
  445. package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -1
  446. package/components/progress/themes/linear/linear.progress.base.css.js +44 -66
  447. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  448. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +11 -65
  449. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  450. package/components/progress/themes/linear/linear.progress.fluent.css.js +11 -7
  451. package/components/progress/themes/linear/linear.progress.fluent.css.js.map +1 -1
  452. package/components/progress/themes/linear/linear.progress.indigo.css.js +11 -31
  453. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  454. package/components/radio/radio.d.ts +13 -37
  455. package/components/radio/radio.js +135 -97
  456. package/components/radio/radio.js.map +1 -1
  457. package/components/radio/themes/dark/radio.bootstrap.css.js +1 -13
  458. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  459. package/components/radio/themes/dark/radio.fluent.css.js +1 -13
  460. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  461. package/components/radio/themes/dark/radio.indigo.css.js +1 -13
  462. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  463. package/components/radio/themes/dark/radio.material.css.js +1 -13
  464. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  465. package/components/radio/themes/light/radio.base.css.js +1 -17
  466. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  467. package/components/radio/themes/light/radio.bootstrap.css.js +10 -54
  468. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  469. package/components/radio/themes/light/radio.fluent.css.js +2 -50
  470. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  471. package/components/radio/themes/light/radio.indigo.css.js +13 -53
  472. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  473. package/components/radio/themes/light/radio.material.css.js +4 -49
  474. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  475. package/components/radio-group/radio-group.base.css.js +1 -2
  476. package/components/radio-group/radio-group.base.css.js.map +1 -1
  477. package/components/radio-group/radio-group.d.ts +0 -4
  478. package/components/radio-group/radio-group.fluent.css.js +1 -2
  479. package/components/radio-group/radio-group.fluent.css.js.map +1 -1
  480. package/components/radio-group/radio-group.js +3 -54
  481. package/components/radio-group/radio-group.js.map +1 -1
  482. package/components/radio-group/radio-group.material.css.js +1 -2
  483. package/components/radio-group/radio-group.material.css.js.map +1 -1
  484. package/components/rating/dark/rating.fluent.css.d.ts +1 -0
  485. package/components/rating/dark/rating.fluent.css.js +3 -0
  486. package/components/rating/dark/rating.fluent.css.js.map +1 -0
  487. package/components/rating/rating-symbol.base.css.js +2 -3
  488. package/components/rating/rating-symbol.base.css.js.map +1 -1
  489. package/components/rating/rating.base.css.js +9 -6
  490. package/components/rating/rating.base.css.js.map +1 -1
  491. package/components/rating/rating.bootstrap.css.js +1 -2
  492. package/components/rating/rating.bootstrap.css.js.map +1 -1
  493. package/components/rating/rating.d.ts +10 -11
  494. package/components/rating/rating.fluent.css.js +12 -7
  495. package/components/rating/rating.fluent.css.js.map +1 -1
  496. package/components/rating/rating.indigo.css.js +1 -2
  497. package/components/rating/rating.indigo.css.js.map +1 -1
  498. package/components/rating/rating.js +19 -15
  499. package/components/rating/rating.js.map +1 -1
  500. package/components/ripple/ripple.material.css.js +1 -0
  501. package/components/ripple/ripple.material.css.js.map +1 -1
  502. package/components/select/select-item.d.ts +0 -2
  503. package/components/select/select-item.js +0 -3
  504. package/components/select/select-item.js.map +1 -1
  505. package/components/select/select.d.ts +9 -40
  506. package/components/select/select.js +41 -49
  507. package/components/select/select.js.map +1 -1
  508. package/components/select/themes/dark/select.fluent.css.js +1 -1
  509. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  510. package/components/select/themes/dark/select.indigo.css.js +1 -1
  511. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  512. package/components/select/themes/dark/select.material.css.js +1 -1
  513. package/components/select/themes/dark/select.material.css.js.map +1 -1
  514. package/components/select/themes/light/select.base.css.js +1 -10
  515. package/components/select/themes/light/select.base.css.js.map +1 -1
  516. package/components/select/themes/light/select.bootstrap.css.js +121 -42
  517. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  518. package/components/select/themes/light/select.fluent.css.js +116 -9
  519. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  520. package/components/select/themes/light/select.indigo.css.js +138 -17
  521. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  522. package/components/select/themes/light/select.material.css.js +162 -27
  523. package/components/select/themes/light/select.material.css.js.map +1 -1
  524. package/components/slider/slider.d.ts +4 -12
  525. package/components/slider/slider.js +16 -25
  526. package/components/slider/slider.js.map +1 -1
  527. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  528. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  529. package/components/slider/themes/dark/slider.fluent.css.js +1 -1
  530. package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
  531. package/components/slider/themes/dark/slider.indigo.css.js +1 -1
  532. package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
  533. package/components/slider/themes/light/slider.base.css.js +21 -18
  534. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  535. package/components/slider/themes/light/slider.bootstrap.css.js +1 -2
  536. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  537. package/components/slider/themes/light/slider.fluent.css.js +7 -5
  538. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  539. package/components/slider/themes/light/slider.indigo.css.js +5 -3
  540. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  541. package/components/slider/themes/light/slider.material.css.js +2 -4
  542. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  543. package/components/snackbar/snackbar.js +1 -1
  544. package/components/snackbar/snackbar.js.map +1 -1
  545. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  546. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  547. package/components/snackbar/themes/light/snackbar.base.css.js +7 -3
  548. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  549. package/components/snackbar/themes/light/snackbar.bootstrap.css.js +9 -1
  550. package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
  551. package/components/snackbar/themes/light/snackbar.fluent.css.js +9 -2
  552. package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
  553. package/components/snackbar/themes/light/snackbar.indigo.css.js +9 -2
  554. package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
  555. package/components/stepper/animations.d.ts +2 -0
  556. package/components/stepper/animations.js +22 -0
  557. package/components/stepper/animations.js.map +1 -0
  558. package/components/stepper/step.d.ts +17 -8
  559. package/components/stepper/step.js +29 -0
  560. package/components/stepper/step.js.map +1 -1
  561. package/components/stepper/stepper.d.ts +19 -3
  562. package/components/stepper/stepper.js +58 -7
  563. package/components/stepper/stepper.js.map +1 -1
  564. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  565. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  566. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  567. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  568. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  569. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  570. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  571. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  572. package/components/stepper/themes/step/light/step.base.css.js +46 -174
  573. package/components/stepper/themes/step/light/step.base.css.js.map +1 -1
  574. package/components/stepper/themes/step/light/step.bootstrap.css.js +183 -20
  575. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  576. package/components/stepper/themes/step/light/step.fluent.css.js +179 -13
  577. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  578. package/components/stepper/themes/step/light/step.indigo.css.js +179 -26
  579. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  580. package/components/stepper/themes/step/light/step.material.css.js +179 -5
  581. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  582. package/components/stepper/themes/stepper/stepper.base.css.js +3 -8
  583. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  584. package/components/stepper/themes/stepper/stepper.bootstrap.css.js +1 -2
  585. package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -1
  586. package/components/stepper/themes/stepper/stepper.fluent.css.js +1 -2
  587. package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -1
  588. package/components/stepper/themes/stepper/stepper.indigo.css.js +1 -2
  589. package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -1
  590. package/components/tabs/themes/dark/tab.dark.base.css.js +1 -1
  591. package/components/tabs/themes/dark/tab.dark.base.css.js.map +1 -1
  592. package/components/tabs/themes/dark/tab.dark.bootstrap.css.js +1 -1
  593. package/components/tabs/themes/dark/tab.dark.bootstrap.css.js.map +1 -1
  594. package/components/tabs/themes/light/tab-panel.base.css.js +1 -2
  595. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  596. package/components/tabs/themes/light/tab.base.css.js +24 -3
  597. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  598. package/components/tabs/themes/light/tab.bootstrap.css.js +27 -6
  599. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  600. package/components/tabs/themes/light/tab.fluent.css.js +24 -2
  601. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  602. package/components/tabs/themes/light/tab.indigo.css.js +24 -2
  603. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  604. package/components/tabs/themes/light/tabs.base.css.js +1 -3
  605. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  606. package/components/tabs/themes/light/tabs.bootstrap.css.js +1 -2
  607. package/components/tabs/themes/light/tabs.bootstrap.css.js.map +1 -1
  608. package/components/tabs/themes/light/tabs.fluent.css.js +1 -2
  609. package/components/tabs/themes/light/tabs.fluent.css.js.map +1 -1
  610. package/components/tabs/themes/light/tabs.indigo.css.js +1 -2
  611. package/components/tabs/themes/light/tabs.indigo.css.js.map +1 -1
  612. package/components/toast/themes/toast.base.css.js +37 -2
  613. package/components/toast/themes/toast.base.css.js.map +1 -1
  614. package/components/toast/themes/toast.bootstrap.css.js +6 -3
  615. package/components/toast/themes/toast.bootstrap.css.js.map +1 -1
  616. package/components/toast/themes/toast.fluent.css.js +6 -3
  617. package/components/toast/themes/toast.fluent.css.js.map +1 -1
  618. package/components/toast/themes/toast.indigo.css.js +6 -3
  619. package/components/toast/themes/toast.indigo.css.js.map +1 -1
  620. package/components/toast/toast.js +1 -1
  621. package/components/toast/toast.js.map +1 -1
  622. package/components/tree/themes/dark/tree-item.bootstrap.css.js +1 -1
  623. package/components/tree/themes/dark/tree-item.bootstrap.css.js.map +1 -1
  624. package/components/tree/themes/dark/tree-item.fluent.css.js +1 -1
  625. package/components/tree/themes/dark/tree-item.fluent.css.js.map +1 -1
  626. package/components/tree/themes/dark/tree-item.indigo.css.js +1 -1
  627. package/components/tree/themes/dark/tree-item.indigo.css.js.map +1 -1
  628. package/components/tree/themes/light/tree-item.base.css.js +18 -7
  629. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  630. package/components/tree/themes/light/tree-item.bootstrap.css.js +59 -3
  631. package/components/tree/themes/light/tree-item.bootstrap.css.js.map +1 -1
  632. package/components/tree/themes/light/tree-item.fluent.css.js +57 -1
  633. package/components/tree/themes/light/tree-item.fluent.css.js.map +1 -1
  634. package/components/tree/themes/light/tree-item.indigo.css.js +57 -1
  635. package/components/tree/themes/light/tree-item.indigo.css.js.map +1 -1
  636. package/components/tree/themes/light/tree-item.material.css.d.ts +1 -0
  637. package/components/tree/themes/light/tree-item.material.css.js +58 -0
  638. package/components/tree/themes/light/tree-item.material.css.js.map +1 -0
  639. package/components/tree/themes/light/tree.base.css.js +1 -2
  640. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  641. package/components/tree/tree-item.d.ts +7 -2
  642. package/components/tree/tree-item.js +37 -16
  643. package/components/tree/tree-item.js.map +1 -1
  644. package/components/tree/tree.d.ts +0 -6
  645. package/components/tree/tree.js +0 -4
  646. package/components/tree/tree.js.map +1 -1
  647. package/components/tree/tree.navigation.js +3 -2
  648. package/components/tree/tree.navigation.js.map +1 -1
  649. package/custom-elements.json +798 -525
  650. package/package.json +4 -4
  651. package/themes/dark/bootstrap.css +491 -102
  652. package/themes/dark/fluent.css +531 -125
  653. package/themes/dark/indigo.css +739 -97
  654. package/themes/dark/material.css +445 -94
  655. package/themes/light/bootstrap.css +5 -49
  656. package/themes/light/fluent.css +5 -49
  657. package/themes/light/indigo.css +229 -49
  658. package/themes/light/material.css +5 -49
  659. package/theming/theming-controller.d.ts +3 -2
  660. package/theming/theming-controller.js +38 -19
  661. package/theming/theming-controller.js.map +1 -1
  662. package/theming/theming-decorator.d.ts +4 -3
  663. package/theming/theming-decorator.js +3 -5
  664. package/theming/theming-decorator.js.map +1 -1
  665. package/theming/types.d.ts +1 -9
  666. package/theming/types.js.map +1 -1
  667. package/vscode-html-custom-data.json +242 -289
  668. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js +0 -15
  669. package/components/avatar/themes/dark/avatar.base.bootstrap.css.js.map +0 -1
  670. package/components/avatar/themes/light/avatar.base.css.js +0 -130
  671. package/components/avatar/themes/light/avatar.base.css.js.map +0 -1
  672. package/components/common/types.d.ts +0 -1
  673. package/components/common/types.js +0 -2
  674. package/components/common/types.js.map +0 -1
  675. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +0 -1
  676. package/components/dropdown/themes/light/dropdown-group.fluent.css.js +0 -6
  677. package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +0 -1
  678. package/components/dropdown/themes/light/dropdown-header.base.css.js +0 -61
  679. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +0 -1
  680. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js +0 -6
  681. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js.map +0 -1
  682. package/components/dropdown/themes/light/dropdown-header.fluent.css.js +0 -6
  683. package/components/dropdown/themes/light/dropdown-header.fluent.css.js.map +0 -1
  684. package/components/dropdown/themes/light/dropdown-item.base.css.js +0 -124
  685. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +0 -1
  686. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js +0 -27
  687. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js.map +0 -1
  688. package/components/dropdown/themes/light/dropdown-item.fluent.css.js +0 -27
  689. package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +0 -1
  690. package/components/dropdown/themes/light/dropdown-item.indigo.css.js +0 -27
  691. package/components/dropdown/themes/light/dropdown-item.indigo.css.js.map +0 -1
  692. /package/components/avatar/themes/{light/avatar.base.css.d.ts → avatar.base.css.d.ts} +0 -0
  693. /package/components/avatar/themes/dark/{avatar.base.bootstrap.css.d.ts → avatar.bootstrap.css.d.ts} +0 -0
  694. /package/components/{dropdown/themes/light/dropdown-group.base.css.d.ts → avatar/themes/dark/avatar.fluent.css.d.ts} +0 -0
  695. /package/components/{dropdown/themes/light/dropdown-group.fluent.css.d.ts → avatar/themes/dark/avatar.indigo.css.d.ts} +0 -0
  696. /package/components/{dropdown/themes/light/dropdown-header.base.css.d.ts → avatar/themes/dark/avatar.material.css.d.ts} +0 -0
  697. /package/components/{dropdown/themes/light/dropdown-header.bootstrap.css.d.ts → avatar/themes/light/avatar.fluent.css.d.ts} +0 -0
  698. /package/components/{dropdown/themes/light/dropdown-header.fluent.css.d.ts → avatar/themes/light/avatar.indigo.css.d.ts} +0 -0
  699. /package/components/{dropdown/themes/light/dropdown-item.base.css.d.ts → avatar/themes/light/avatar.material.css.d.ts} +0 -0
  700. /package/components/{dropdown/themes/light/dropdown-item.bootstrap.css.d.ts → calendar/themes/indigo/calendar.indigo.css.d.ts} +0 -0
  701. /package/components/{dropdown/themes/light/dropdown-item.fluent.css.d.ts → card/themes/light/card.indigo.css.d.ts} +0 -0
  702. /package/components/dropdown/themes/{light/dropdown-item.indigo.css.d.ts → dark/dropdown.material.css.d.ts} +0 -0
package/components/button/themes/button/light/button.indigo.css.js CHANGED
@@ -1,23 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
- /* stylelint-disable max-line-length */
4
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
5
- /* stylelint-disable max-line-length */
6
- /* stylelint-disable max-line-length */
7
- /* stylelint-disable max-line-length */
8
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
9
- /* stylelint-disable max-line-length */
10
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
11
- /* stylelint-disable max-line-length */
12
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
13
- /* stylelint-disable max-line-length */
14
- /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
15
- :host {
16
- --size: max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem));
17
- }
18
-
19
- :host([variant=flat]),
20
- :host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {
2
+ export const styles = css `:host([variant=flat]) {
21
3
  --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
22
4
  --border-color: var(--ig-button-border-color, transparent);
23
5
  --hover-border-color: var(--ig-button-hover-border-color, transparent);
@@ -27,6 +9,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
27
9
  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);
28
10
  --disabled-background: var(--ig-button-disabled-background, transparent);
29
11
  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));
12
+ --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));
30
13
  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));
31
14
  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));
32
15
  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));
@@ -41,11 +24,13 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
41
24
  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));
42
25
  --active-background: var(--ig-button-active-background, transparent);
43
26
  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));
44
- --border-radius: var(--ig-button-border-radius, 1.25rem);
27
+ --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
28
+ }
29
+ :host([variant=flat]) [part=base] {
30
+ height: var(--size);
45
31
  }
46
32
 
47
- :host([variant=outlined]),
48
- :host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {
33
+ :host([variant=outlined]) {
49
34
  --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
50
35
  --border-color: var(--ig-button-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
51
36
  --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
@@ -55,6 +40,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
55
40
  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);
56
41
  --disabled-background: var(--ig-button-disabled-background, transparent);
57
42
  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));
43
+ --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));
58
44
  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));
59
45
  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));
60
46
  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));
@@ -69,11 +55,13 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
69
55
  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));
70
56
  --active-background: var(--ig-button-active-background, transparent);
71
57
  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));
72
- --border-radius: var(--ig-button-border-radius, 1.25rem);
58
+ --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
59
+ }
60
+ :host([variant=outlined]) [part=base] {
61
+ height: var(--size);
73
62
  }
74
63
 
75
- :host([variant=contained]),
76
- :host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {
64
+ :host([variant=contained]) {
77
65
  --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));
78
66
  --border-color: var(--ig-button-border-color, transparent);
79
67
  --hover-border-color: var(--ig-button-hover-border-color, transparent);
@@ -83,6 +71,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
83
71
  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);
84
72
  --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));
85
73
  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));
74
+ --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));
86
75
  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));
87
76
  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));
88
77
  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));
@@ -97,14 +86,13 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
97
86
  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));
98
87
  --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));
99
88
  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));
100
- --border-radius: var(--ig-button-border-radius, 1.25rem);
89
+ --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
90
+ }
91
+ :host([variant=contained]) [part=base] {
92
+ height: var(--size);
101
93
  }
102
94
 
103
95
  :host([variant=fab]) {
104
- --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem));
105
- }
106
- :host([variant=fab]),
107
- :host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {
108
96
  --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));
109
97
  --border-color: var(--ig-button-border-color, transparent);
110
98
  --hover-border-color: var(--ig-button-hover-border-color, transparent);
@@ -114,6 +102,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
114
102
  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);
115
103
  --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));
116
104
  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));
105
+ --size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem)));
117
106
  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));
118
107
  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));
119
108
  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));
@@ -128,196 +117,234 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
128
117
  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));
129
118
  --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));
130
119
  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));
131
- --border-radius: var(--ig-button-border-radius, 1.75rem);
120
+ --border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));
121
+ }
122
+ :host([variant=fab]) [part=base] {
123
+ height: var(--size);
132
124
  }
133
125
 
134
126
  [part=base] {
135
127
  -webkit-transition: all 0.15s ease-in-out;
136
- -o-transition: all 0.15s ease-in-out;
137
128
  transition: all 0.15s ease-in-out;
138
129
  }
139
-
140
130
  :host([variant=flat]) [part=base] {
141
- border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));
131
+ border-radius: var(--border-radius);
142
132
  }
143
133
 
144
134
  :host([variant=outlined]) [part=base] {
145
- border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));
135
+ border-radius: var(--border-radius);
146
136
  }
147
137
 
148
138
  :host([variant=contained]) [part=base] {
149
- border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));
139
+ border-radius: var(--border-radius);
150
140
  }
151
141
 
152
142
  :host([variant=fab]) [part=base] {
153
- border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));
143
+ border-radius: var(--border-radius);
154
144
  }
155
-
156
- :host(:not([disabled])[variant=flat]) [part=base] {
145
+ :host(:not([disabled])[variant=flat]) [part=base],
146
+ :host(:not(:disabled)[variant=flat]) [part=base] {
157
147
  color: var(--foreground);
158
148
  background: var(--background);
159
149
  }
160
- :host(:not([disabled])[variant=flat]) [part=base]:hover {
150
+ :host(:not([disabled])[variant=flat]) [part=base]:hover,
151
+ :host(:not(:disabled)[variant=flat]) [part=base]:hover {
161
152
  color: var(--hover-foreground);
162
153
  background: var(--hover-background);
163
154
  }
164
- :host(:not([disabled])[variant=flat]) [part=base]:focus {
155
+ :host(:not([disabled])[variant=flat]) [part=base]:focus,
156
+ :host(:not(:disabled)[variant=flat]) [part=base]:focus {
165
157
  color: var(--focus-foreground);
166
158
  background: var(--focus-background);
167
159
  }
168
- :host(:not([disabled])[variant=flat]) [part=base]:active {
160
+ :host(:not([disabled])[variant=flat]) [part=base]:active,
161
+ :host(:not(:disabled)[variant=flat]) [part=base]:active {
169
162
  color: var(--active-foreground);
170
163
  background: var(--active-background);
171
164
  }
172
- :host(:not([disabled])[variant=flat]) [part=base]:focus-visible {
165
+ :host(:not([disabled])[variant=flat]) [part=base]:focus-visible,
166
+ :host(:not(:disabled)[variant=flat]) [part=base]:focus-visible {
173
167
  color: var(--focus-visible-foreground);
174
168
  background: var(--focus-visible-background);
175
169
  }
176
- :host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {
170
+ :host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active,
171
+ :host(:not(:disabled)[variant=flat]) [part=base]:focus,
172
+ :host(:not(:disabled)[variant=flat]) [part=base]:active {
177
173
  -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);
178
174
  box-shadow: 0 0 0 0.1875rem var(--shadow-color);
179
175
  }
180
176
 
181
- :host(:not([disabled])[variant=outlined]) [part=base] {
177
+ :host(:not([disabled])[variant=outlined]) [part=base],
178
+ :host(:not(:disabled)[variant=outlined]) [part=base] {
182
179
  color: var(--foreground);
183
180
  background: var(--background);
184
181
  border-style: solid;
185
182
  border-color: var(--border-color);
186
183
  border-width: 0.125rem;
187
184
  }
188
- :host(:not([disabled])[variant=outlined]) [part=base]:hover {
185
+ :host(:not([disabled])[variant=outlined]) [part=base]:hover,
186
+ :host(:not(:disabled)[variant=outlined]) [part=base]:hover {
189
187
  background: var(--hover-background);
190
188
  color: var(--hover-foreground);
191
189
  border-color: var(--hover-border-color);
192
190
  }
193
- :host(:not([disabled])[variant=outlined]) [part=base]:focus {
191
+ :host(:not([disabled])[variant=outlined]) [part=base]:focus,
192
+ :host(:not(:disabled)[variant=outlined]) [part=base]:focus {
194
193
  background: var(--focus-background);
195
194
  color: var(--focus-foreground);
196
195
  border-color: var(--focus-border-color);
197
196
  }
198
- :host(:not([disabled])[variant=outlined]) [part=base]:active {
197
+ :host(:not([disabled])[variant=outlined]) [part=base]:active,
198
+ :host(:not(:disabled)[variant=outlined]) [part=base]:active {
199
199
  background: var(--active-background);
200
200
  color: var(--active-foreground);
201
201
  border-color: var(--active-border-color);
202
202
  }
203
- :host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {
203
+ :host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active,
204
+ :host(:not(:disabled)[variant=outlined]) [part=base]:focus,
205
+ :host(:not(:disabled)[variant=outlined]) [part=base]:active {
204
206
  -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);
205
207
  box-shadow: 0 0 0 0.1875rem var(--shadow-color);
206
208
  }
207
- :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {
209
+ :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible,
210
+ :host(:not(:disabled)[variant=outlined]) [part=base]:focus-visible {
208
211
  background: var(--focus-visible-background);
209
212
  color: var(--focus-visible-foreground);
210
213
  border-color: var(--focus-visible-border-color);
211
214
  }
212
- :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {
215
+ :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover,
216
+ :host(:not(:disabled)[variant=outlined]) [part=base]:focus-visible:hover {
213
217
  background: var(--hover-background);
214
218
  color: var(--hover-foreground);
215
219
  border-color: var(--hover-border-color);
216
220
  }
217
- :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {
221
+ :host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active,
222
+ :host(:not(:disabled)[variant=outlined]) [part=base]:focus-visible:active {
218
223
  background: var(--active-background);
219
224
  color: var(--active-foreground);
220
225
  border-color: var(--active-border-color);
221
226
  }
222
227
 
223
- :host(:not([disabled])[variant=contained]) [part=base] {
228
+ :host(:not([disabled])[variant=contained]) [part=base],
229
+ :host(:not(:disabled)[variant=contained]) [part=base] {
224
230
  color: var(--foreground);
225
231
  background: var(--background);
226
- border-radius: var(--border-radius);
227
232
  }
228
- :host(:not([disabled])[variant=contained]) [part=base]:hover {
233
+ :host(:not([disabled])[variant=contained]) [part=base]:hover,
234
+ :host(:not(:disabled)[variant=contained]) [part=base]:hover {
229
235
  color: var(--hover-foreground);
230
236
  background: var(--hover-background);
231
237
  border-color: var(--hover-border-color);
232
238
  }
233
- :host(:not([disabled])[variant=contained]) [part=base]:focus {
239
+ :host(:not([disabled])[variant=contained]) [part=base]:focus,
240
+ :host(:not(:disabled)[variant=contained]) [part=base]:focus {
234
241
  color: var(--focus-foreground);
235
242
  background: var(--focus-background);
236
243
  border-color: var(--focus-border-color);
237
244
  }
238
- :host(:not([disabled])[variant=contained]) [part=base]:active {
245
+ :host(:not([disabled])[variant=contained]) [part=base]:active,
246
+ :host(:not(:disabled)[variant=contained]) [part=base]:active {
239
247
  color: var(--active-foreground);
240
248
  background: var(--active-background);
241
249
  border-color: var(--active-border-color);
242
250
  }
243
- :host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {
251
+ :host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active,
252
+ :host(:not(:disabled)[variant=contained]) [part=base]:focus,
253
+ :host(:not(:disabled)[variant=contained]) [part=base]:active {
244
254
  -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);
245
255
  box-shadow: 0 0 0 0.1875rem var(--shadow-color);
246
256
  }
247
- :host(:not([disabled])[variant=contained]) [part=base]:focus-visible {
257
+ :host(:not([disabled])[variant=contained]) [part=base]:focus-visible,
258
+ :host(:not(:disabled)[variant=contained]) [part=base]:focus-visible {
248
259
  background: var(--focus-visible-background);
249
260
  color: var(--focus-visible-foreground);
250
261
  border-color: var(--focus-visible-border-color);
251
262
  }
252
- :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {
263
+ :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,
264
+ :host(:not(:disabled)[variant=contained]) [part=base]:focus-visible:hover {
253
265
  color: var(--hover-foreground);
254
266
  background: var(--hover-background);
255
267
  border-color: var(--hover-border-color);
256
268
  }
257
- :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {
269
+ :host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active,
270
+ :host(:not(:disabled)[variant=contained]) [part=base]:focus-visible:active {
258
271
  color: var(--active-foreground);
259
272
  background: var(--active-background);
260
273
  border-color: var(--active-border-color);
261
274
  }
262
275
 
263
- :host(:not([disabled])[variant=fab]) [part=base] {
276
+ :host(:not([disabled])[variant=fab]) [part=base],
277
+ :host(:not(:disabled)[variant=fab]) [part=base] {
264
278
  color: var(--foreground);
265
279
  background: var(--background);
266
280
  border-color: var(--border-color);
267
281
  min-width: var(--size);
268
282
  min-height: var(--size);
269
283
  }
270
- :host(:not([disabled])[variant=fab]) [part=base]:hover {
284
+ :host(:not([disabled])[variant=fab]) [part=base]:hover,
285
+ :host(:not(:disabled)[variant=fab]) [part=base]:hover {
271
286
  color: var(--hover-foreground);
272
287
  background: var(--hover-background);
273
288
  border-color: var(--hover-border-color);
274
289
  }
275
- :host(:not([disabled])[variant=fab]) [part=base]:focus {
290
+ :host(:not([disabled])[variant=fab]) [part=base]:focus,
291
+ :host(:not(:disabled)[variant=fab]) [part=base]:focus {
276
292
  color: var(--focus-foreground);
277
293
  background: var(--focus-background);
278
294
  border-color: var(--focus-border-color);
279
295
  }
280
- :host(:not([disabled])[variant=fab]) [part=base]:active {
296
+ :host(:not([disabled])[variant=fab]) [part=base]:active,
297
+ :host(:not(:disabled)[variant=fab]) [part=base]:active {
281
298
  color: var(--active-foreground);
282
299
  background: var(--active-background);
283
300
  border-color: var(--active-border-color);
284
301
  }
285
- :host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {
302
+ :host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active,
303
+ :host(:not(:disabled)[variant=fab]) [part=base]:focus,
304
+ :host(:not(:disabled)[variant=fab]) [part=base]:active {
286
305
  -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);
287
306
  box-shadow: 0 0 0 0.1875rem var(--shadow-color);
288
307
  }
289
- :host(:not([disabled])[variant=fab]) [part=base]:focus-visible {
308
+ :host(:not([disabled])[variant=fab]) [part=base]:focus-visible,
309
+ :host(:not(:disabled)[variant=fab]) [part=base]:focus-visible {
290
310
  background: var(--focus-visible-background);
291
311
  color: var(--focus-visible-foreground);
292
312
  border-color: var(--focus-visible-border-color);
293
313
  }
294
- :host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {
314
+ :host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover,
315
+ :host(:not(:disabled)[variant=fab]) [part=base]:focus-visible:hover {
295
316
  color: var(--hover-foreground);
296
317
  background: var(--hover-background);
297
318
  border-color: var(--hover-border-color);
298
319
  }
299
- :host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {
320
+ :host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active,
321
+ :host(:not(:disabled)[variant=fab]) [part=base]:focus-visible:active {
300
322
  color: var(--active-foreground);
301
323
  background: var(--active-background);
302
324
  border-color: var(--active-border-color);
303
325
  }
304
326
 
305
- :host([disabled][variant=flat]) [part=base] {
327
+ :host([disabled][variant=flat]) [part=base],
328
+ :host(:disabled[variant=flat]) [part=base] {
306
329
  color: var(--disabled-foreground);
307
330
  background: var(--disabled-background);
308
331
  }
309
332
 
310
- :host([disabled][variant=outlined]) [part=base] {
333
+ :host([disabled][variant=outlined]) [part=base],
334
+ :host(:disabled[variant=outlined]) [part=base] {
311
335
  color: var(--disabled-foreground);
312
336
  background: var(--disabled-background);
337
+ border-color: var(--disabled-border-color);
313
338
  }
314
339
 
315
- :host([disabled][variant=contained]) [part=base] {
340
+ :host([disabled][variant=contained]) [part=base],
341
+ :host(:disabled[variant=contained]) [part=base] {
316
342
  color: var(--disabled-foreground);
317
343
  background: var(--disabled-background);
318
344
  }
319
345
 
320
- :host([disabled][variant=fab]) [part=base] {
346
+ :host([disabled][variant=fab]) [part=base],
347
+ :host(:disabled[variant=fab]) [part=base] {
321
348
  color: var(--disabled-foreground);
322
349
  background: var(--disabled-background);
323
350
  }`;
package/components/button/themes/button/light/button.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n --size: max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem));\n}\n\n:host([variant=flat]),\n:host([variant=flat]) [igxButton=flat], :host([variant=flat]) .igx-button--flat {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=outlined]),\n:host([variant=outlined]) [igxButton=outlined], :host([variant=outlined]) .igx-button--outlined {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=contained]),\n:host([variant=contained]) [igxButton=raised], :host([variant=contained]) .igx-button--raised {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.25rem);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem));\n}\n:host([variant=fab]),\n:host([variant=fab]) [igxButton=fab], :host([variant=fab]) .igx-button--fab {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, 1.75rem);\n}\n\n[part=base] {\n -webkit-transition: all 0.15s ease-in-out;\n -o-transition: all 0.15s ease-in-out;\n transition: all 0.15s ease-in-out;\n}\n\n:host([variant=flat]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=outlined]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=contained]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * var(--border-radius)), var(--border-radius));\n}\n\n:host(:not([disabled])[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-style: solid;\n border-color: var(--border-color);\n border-width: 0.125rem;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus {\n background: var(--focus-background);\n color: var(--focus-foreground);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-radius: var(--border-radius);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-color: var(--border-color);\n min-width: var(--size);\n min-height: var(--size);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host([disabled][variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}
1
+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4VvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]) {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, transparent);\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n}\n:host([variant=flat]) [part=base] {\n height: var(--size);\n}\n\n:host([variant=outlined]) {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-button-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-border-color: var(--ig-button-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, transparent);\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, transparent);\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, transparent);\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, transparent);\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n}\n:host([variant=outlined]) [part=base] {\n height: var(--size);\n}\n\n:host([variant=contained]) {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n}\n:host([variant=contained]) [part=base] {\n height: var(--size);\n}\n\n:host([variant=fab]) {\n --shadow-color: var(--ig-button-shadow-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --border-color: var(--ig-button-border-color, transparent);\n --hover-border-color: var(--ig-button-hover-border-color, transparent);\n --focus-border-color: var(--ig-button-focus-border-color, transparent);\n --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n --active-border-color: var(--ig-button-active-border-color, transparent);\n --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.625rem, -1 * 2.625rem), var(--is-small, 1) * max(2.25rem, -1 * 2.25rem)));\n --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n --background: var(--ig-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --hover-background: var(--ig-button-hover-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-background: var(--ig-button-focus-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --active-background: var(--ig-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));\n --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));\n}\n:host([variant=fab]) [part=base] {\n height: var(--size);\n}\n\n[part=base] {\n -webkit-transition: all 0.15s ease-in-out;\n transition: all 0.15s ease-in-out;\n}\n:host([variant=flat]) [part=base] {\n border-radius: var(--border-radius);\n}\n\n:host([variant=outlined]) [part=base] {\n border-radius: var(--border-radius);\n}\n\n:host([variant=contained]) [part=base] {\n border-radius: var(--border-radius);\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: var(--border-radius);\n}\n:host(:not([disabled])[variant=flat]) [part=base],\n:host(:not(:disabled)[variant=flat]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:hover,\n:host(:not(:disabled)[variant=flat]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus,\n:host(:not(:disabled)[variant=flat]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:active,\n:host(:not(:disabled)[variant=flat]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,\n:host(:not(:disabled)[variant=flat]) [part=base]:focus-visible {\n color: var(--focus-visible-foreground);\n background: var(--focus-visible-background);\n}\n:host(:not([disabled])[variant=flat]) [part=base]:focus, :host(:not([disabled])[variant=flat]) [part=base]:active,\n:host(:not(:disabled)[variant=flat]) [part=base]:focus,\n:host(:not(:disabled)[variant=flat]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base],\n:host(:not(:disabled)[variant=outlined]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-style: solid;\n border-color: var(--border-color);\n border-width: 0.125rem;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover,\n:host(:not(:disabled)[variant=outlined]) [part=base]:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus,\n:host(:not(:disabled)[variant=outlined]) [part=base]:focus {\n background: var(--focus-background);\n color: var(--focus-foreground);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:active,\n:host(:not(:disabled)[variant=outlined]) [part=base]:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus, :host(:not([disabled])[variant=outlined]) [part=base]:active,\n:host(:not(:disabled)[variant=outlined]) [part=base]:focus,\n:host(:not(:disabled)[variant=outlined]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible,\n:host(:not(:disabled)[variant=outlined]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover,\n:host(:not(:disabled)[variant=outlined]) [part=base]:focus-visible:hover {\n background: var(--hover-background);\n color: var(--hover-foreground);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active,\n:host(:not(:disabled)[variant=outlined]) [part=base]:focus-visible:active {\n background: var(--active-background);\n color: var(--active-foreground);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=contained]) [part=base],\n:host(:not(:disabled)[variant=contained]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover,\n:host(:not(:disabled)[variant=contained]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus,\n:host(:not(:disabled)[variant=contained]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:active,\n:host(:not(:disabled)[variant=contained]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active,\n:host(:not(:disabled)[variant=contained]) [part=base]:focus,\n:host(:not(:disabled)[variant=contained]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,\n:host(:not(:disabled)[variant=contained]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,\n:host(:not(:disabled)[variant=contained]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active,\n:host(:not(:disabled)[variant=contained]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base],\n:host(:not(:disabled)[variant=fab]) [part=base] {\n color: var(--foreground);\n background: var(--background);\n border-color: var(--border-color);\n min-width: var(--size);\n min-height: var(--size);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover,\n:host(:not(:disabled)[variant=fab]) [part=base]:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus,\n:host(:not(:disabled)[variant=fab]) [part=base]:focus {\n color: var(--focus-foreground);\n background: var(--focus-background);\n border-color: var(--focus-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:active,\n:host(:not(:disabled)[variant=fab]) [part=base]:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active,\n:host(:not(:disabled)[variant=fab]) [part=base]:focus,\n:host(:not(:disabled)[variant=fab]) [part=base]:active {\n -webkit-box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n box-shadow: 0 0 0 0.1875rem var(--shadow-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible,\n:host(:not(:disabled)[variant=fab]) [part=base]:focus-visible {\n background: var(--focus-visible-background);\n color: var(--focus-visible-foreground);\n border-color: var(--focus-visible-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover,\n:host(:not(:disabled)[variant=fab]) [part=base]:focus-visible:hover {\n color: var(--hover-foreground);\n background: var(--hover-background);\n border-color: var(--hover-border-color);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active,\n:host(:not(:disabled)[variant=fab]) [part=base]:focus-visible:active {\n color: var(--active-foreground);\n background: var(--active-background);\n border-color: var(--active-border-color);\n}\n\n:host([disabled][variant=flat]) [part=base],\n:host(:disabled[variant=flat]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=outlined]) [part=base],\n:host(:disabled[variant=outlined]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n border-color: var(--disabled-border-color);\n}\n\n:host([disabled][variant=contained]) [part=base],\n:host(:disabled[variant=contained]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}\n\n:host([disabled][variant=fab]) [part=base],\n:host(:disabled[variant=fab]) [part=base] {\n color: var(--disabled-foreground);\n background: var(--disabled-background);\n}`;\n"]}