igniteui-webcomponents 5.3.0-beta.3 → 5.4.0-rc.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 (945) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +10 -5
  3. package/animations/player.js.map +1 -1
  4. package/components/avatar/avatar.d.ts +2 -1
  5. package/components/avatar/avatar.js.map +1 -1
  6. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  7. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  8. package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
  9. package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
  10. package/components/avatar/themes/dark/avatar.indigo.css.js +1 -1
  11. package/components/avatar/themes/dark/avatar.indigo.css.js.map +1 -1
  12. package/components/avatar/themes/dark/avatar.material.css.js +1 -1
  13. package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
  14. package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
  15. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  16. package/components/avatar/themes/light/avatar.fluent.css.js +1 -1
  17. package/components/avatar/themes/light/avatar.fluent.css.js.map +1 -1
  18. package/components/avatar/themes/light/avatar.indigo.css.js +1 -1
  19. package/components/avatar/themes/light/avatar.indigo.css.js.map +1 -1
  20. package/components/avatar/themes/light/avatar.material.css.js +1 -1
  21. package/components/avatar/themes/light/avatar.material.css.js.map +1 -1
  22. package/components/badge/badge.d.ts +2 -2
  23. package/components/badge/badge.js.map +1 -1
  24. package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
  25. package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
  26. package/components/badge/themes/dark/badge.fluent.css.js +1 -1
  27. package/components/badge/themes/dark/badge.fluent.css.js.map +1 -1
  28. package/components/badge/themes/dark/badge.indigo.css.js +1 -1
  29. package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
  30. package/components/badge/themes/dark/badge.material.css.js +1 -1
  31. package/components/badge/themes/dark/badge.material.css.js.map +1 -1
  32. package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
  33. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  34. package/components/badge/themes/light/badge.fluent.css.js +1 -1
  35. package/components/badge/themes/light/badge.fluent.css.js.map +1 -1
  36. package/components/badge/themes/light/badge.indigo.css.js +1 -1
  37. package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
  38. package/components/badge/themes/light/badge.material.css.js +1 -1
  39. package/components/badge/themes/light/badge.material.css.js.map +1 -1
  40. package/components/banner/themes/dark/banner.bootstrap.css.js +1 -1
  41. package/components/banner/themes/dark/banner.bootstrap.css.js.map +1 -1
  42. package/components/banner/themes/dark/banner.fluent.css.js +1 -1
  43. package/components/banner/themes/dark/banner.fluent.css.js.map +1 -1
  44. package/components/banner/themes/dark/banner.indigo.css.js +1 -1
  45. package/components/banner/themes/dark/banner.indigo.css.js.map +1 -1
  46. package/components/banner/themes/dark/banner.material.css.js +1 -1
  47. package/components/banner/themes/dark/banner.material.css.js.map +1 -1
  48. package/components/banner/themes/light/banner.bootstrap.css.js +1 -1
  49. package/components/banner/themes/light/banner.bootstrap.css.js.map +1 -1
  50. package/components/banner/themes/light/banner.fluent.css.js +1 -1
  51. package/components/banner/themes/light/banner.fluent.css.js.map +1 -1
  52. package/components/banner/themes/light/banner.indigo.css.js +1 -1
  53. package/components/banner/themes/light/banner.indigo.css.js.map +1 -1
  54. package/components/banner/themes/light/banner.material.css.js +1 -1
  55. package/components/banner/themes/light/banner.material.css.js.map +1 -1
  56. package/components/button/button.d.ts +2 -1
  57. package/components/button/button.js.map +1 -1
  58. package/components/button/icon-button.d.ts +2 -1
  59. package/components/button/icon-button.js.map +1 -1
  60. package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
  61. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
  62. package/components/button/themes/button/dark/button.fluent.css.js +1 -1
  63. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  64. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  65. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  66. package/components/button/themes/button/dark/button.material.css.js +1 -1
  67. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  68. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  69. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  70. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  71. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  72. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  73. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  74. package/components/button/themes/button/light/button.material.css.js +1 -1
  75. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  76. package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js +1 -1
  77. package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js.map +1 -1
  78. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
  79. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
  80. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
  81. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
  82. package/components/button/themes/icon-button/dark/icon-button.material.css.js +1 -1
  83. package/components/button/themes/icon-button/dark/icon-button.material.css.js.map +1 -1
  84. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
  85. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  86. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
  87. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  88. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
  89. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  90. package/components/button/themes/icon-button/light/icon-button.material.css.js +1 -1
  91. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  92. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
  93. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
  94. package/components/button/themes/icon-button/shared/icon-button.common.css.js +1 -1
  95. package/components/button/themes/icon-button/shared/icon-button.common.css.js.map +1 -1
  96. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
  97. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
  98. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
  99. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
  100. package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
  101. package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
  102. package/components/button-group/button-group.d.ts +3 -2
  103. package/components/button-group/button-group.js.map +1 -1
  104. package/components/button-group/themes/dark/button-group.bootstrap.css.js +1 -1
  105. package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
  106. package/components/button-group/themes/dark/button-group.fluent.css.js +1 -1
  107. package/components/button-group/themes/dark/button-group.fluent.css.js.map +1 -1
  108. package/components/button-group/themes/dark/button-group.indigo.css.js +1 -1
  109. package/components/button-group/themes/dark/button-group.indigo.css.js.map +1 -1
  110. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  111. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  112. package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
  113. package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
  114. package/components/button-group/themes/light/button-group.fluent.css.js +1 -1
  115. package/components/button-group/themes/light/button-group.fluent.css.js.map +1 -1
  116. package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
  117. package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
  118. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  119. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  120. package/components/calendar/base.d.ts +2 -2
  121. package/components/calendar/base.js.map +1 -1
  122. package/components/calendar/calendar.d.ts +5 -4
  123. package/components/calendar/calendar.js.map +1 -1
  124. package/components/calendar/themes/calendar.base.css.js +1 -1
  125. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  126. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  127. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  128. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  129. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  130. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  131. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  132. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  133. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  134. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  135. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  136. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  137. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  138. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  139. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  140. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  141. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  142. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  143. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  144. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  145. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  146. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  147. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  148. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  149. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  150. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  151. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  152. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  153. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  154. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  155. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  156. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  157. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  158. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  159. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  160. package/components/calendar/types.d.ts +3 -0
  161. package/components/calendar/types.js.map +1 -1
  162. package/components/card/card.actions.d.ts +2 -1
  163. package/components/card/card.actions.js.map +1 -1
  164. package/components/card/themes/card.actions.base.css.js +1 -1
  165. package/components/card/themes/card.actions.base.css.js.map +1 -1
  166. package/components/card/themes/container.js +2 -1
  167. package/components/card/themes/container.js.map +1 -1
  168. package/components/card/themes/dark/card.bootstrap.css.js +1 -1
  169. package/components/card/themes/dark/card.bootstrap.css.js.map +1 -1
  170. package/components/card/themes/dark/card.fluent.css.js +1 -1
  171. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  172. package/components/card/themes/dark/card.indigo.css.js +1 -1
  173. package/components/card/themes/dark/card.indigo.css.js.map +1 -1
  174. package/components/card/themes/dark/card.material.css.js +1 -1
  175. package/components/card/themes/dark/card.material.css.js.map +1 -1
  176. package/components/card/themes/dark/card.shared.css.js +1 -1
  177. package/components/card/themes/dark/card.shared.css.js.map +1 -1
  178. package/components/card/themes/light/container/card.bootstrap.css.js +1 -1
  179. package/components/card/themes/light/container/card.bootstrap.css.js.map +1 -1
  180. package/components/card/themes/light/container/card.fluent.css.js +1 -1
  181. package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
  182. package/components/card/themes/light/container/card.indigo.css.js +1 -1
  183. package/components/card/themes/light/container/card.indigo.css.js.map +1 -1
  184. package/components/card/themes/light/container/card.material.css.js +1 -1
  185. package/components/card/themes/light/container/card.material.css.js.map +1 -1
  186. package/components/card/themes/light/container/card.shared.css.js +1 -1
  187. package/components/card/themes/light/container/card.shared.css.js.map +1 -1
  188. package/components/card/themes/shared/container/card.bootstrap.css.js +3 -0
  189. package/components/card/themes/shared/container/card.bootstrap.css.js.map +1 -0
  190. package/components/card/themes/shared/container/card.indigo.css.js +1 -1
  191. package/components/card/themes/shared/container/card.indigo.css.js.map +1 -1
  192. package/components/card/themes/shared/content/card.content.bootstrap.css.js +1 -1
  193. package/components/card/themes/shared/content/card.content.bootstrap.css.js.map +1 -1
  194. package/components/card/themes/shared/header/card.header.bootstrap.css.js +1 -1
  195. package/components/card/themes/shared/header/card.header.bootstrap.css.js.map +1 -1
  196. package/components/card/themes/shared/header/card.header.fluent.css.js +1 -1
  197. package/components/card/themes/shared/header/card.header.fluent.css.js.map +1 -1
  198. package/components/card/themes/shared/header/card.header.indigo.css.js +1 -1
  199. package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -1
  200. package/components/carousel/carousel-slide.d.ts +5 -1
  201. package/components/carousel/carousel-slide.js.map +1 -1
  202. package/components/carousel/carousel.d.ts +3 -2
  203. package/components/carousel/carousel.js.map +1 -1
  204. package/components/carousel/themes/dark/carousel.bootstrap.css.js +1 -1
  205. package/components/carousel/themes/dark/carousel.bootstrap.css.js.map +1 -1
  206. package/components/carousel/themes/dark/carousel.fluent.css.js +1 -1
  207. package/components/carousel/themes/dark/carousel.fluent.css.js.map +1 -1
  208. package/components/carousel/themes/dark/carousel.indigo.css.js +1 -1
  209. package/components/carousel/themes/dark/carousel.indigo.css.js.map +1 -1
  210. package/components/carousel/themes/dark/carousel.material.css.js +1 -1
  211. package/components/carousel/themes/dark/carousel.material.css.js.map +1 -1
  212. package/components/carousel/themes/light/carousel.bootstrap.css.js +1 -1
  213. package/components/carousel/themes/light/carousel.bootstrap.css.js.map +1 -1
  214. package/components/carousel/themes/light/carousel.fluent.css.js +1 -1
  215. package/components/carousel/themes/light/carousel.fluent.css.js.map +1 -1
  216. package/components/carousel/themes/light/carousel.indigo.css.js +1 -1
  217. package/components/carousel/themes/light/carousel.indigo.css.js.map +1 -1
  218. package/components/carousel/themes/light/carousel.material.css.js +1 -1
  219. package/components/carousel/themes/light/carousel.material.css.js.map +1 -1
  220. package/components/checkbox/checkbox-base.d.ts +6 -3
  221. package/components/checkbox/checkbox-base.js.map +1 -1
  222. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  223. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  224. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  225. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  226. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  227. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  228. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
  229. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
  230. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
  231. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
  232. package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
  233. package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
  234. package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
  235. package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
  236. package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
  237. package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
  238. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  239. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  240. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
  241. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
  242. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  243. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  244. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  245. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  246. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
  247. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
  248. package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
  249. package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
  250. package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
  251. package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
  252. package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
  253. package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
  254. package/components/checkbox/themes/light/switch/switch.shared.css.js +1 -1
  255. package/components/checkbox/themes/light/switch/switch.shared.css.js.map +1 -1
  256. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  257. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  258. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  259. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  260. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  261. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  262. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  263. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  264. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  265. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  266. package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
  267. package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
  268. package/components/chip/themes/dark/chip.fluent.css.js +1 -1
  269. package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
  270. package/components/chip/themes/dark/chip.indigo.css.js +1 -1
  271. package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
  272. package/components/chip/themes/dark/chip.material.css.js +1 -1
  273. package/components/chip/themes/dark/chip.material.css.js.map +1 -1
  274. package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
  275. package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
  276. package/components/chip/themes/light/chip.fluent.css.js +1 -1
  277. package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
  278. package/components/chip/themes/light/chip.indigo.css.js +1 -1
  279. package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
  280. package/components/chip/themes/light/chip.material.css.js +1 -1
  281. package/components/chip/themes/light/chip.material.css.js.map +1 -1
  282. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  283. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  284. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  285. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  286. package/components/combo/themes/dark/combo.fluent.css.js +1 -1
  287. package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
  288. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  289. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  290. package/components/combo/themes/dark/combo.material.css.js +1 -1
  291. package/components/combo/themes/dark/combo.material.css.js.map +1 -1
  292. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  293. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  294. package/components/combo/themes/light/combo.fluent.css.js +1 -1
  295. package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
  296. package/components/combo/themes/light/combo.indigo.css.js +1 -1
  297. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  298. package/components/combo/themes/light/combo.material.css.js +1 -1
  299. package/components/combo/themes/light/combo.material.css.js.map +1 -1
  300. package/components/combo/themes/light/combo.shared.css.js +1 -1
  301. package/components/combo/themes/light/combo.shared.css.js.map +1 -1
  302. package/components/common/controllers/drag.d.ts +16 -4
  303. package/components/common/controllers/drag.js +65 -25
  304. package/components/common/controllers/drag.js.map +1 -1
  305. package/components/common/controllers/root-scroll.d.ts +2 -1
  306. package/components/common/controllers/root-scroll.js.map +1 -1
  307. package/components/common/mixins/alert.d.ts +2 -1
  308. package/components/common/mixins/alert.js.map +1 -1
  309. package/components/common/mixins/forms/associated.js +1 -1
  310. package/components/common/mixins/forms/associated.js.map +1 -1
  311. package/components/common/mixins/forms/form-value.d.ts +1 -0
  312. package/components/common/mixins/forms/form-value.js +16 -0
  313. package/components/common/mixins/forms/form-value.js.map +1 -1
  314. package/components/common/util.d.ts +6 -6
  315. package/components/common/util.js +8 -7
  316. package/components/common/util.js.map +1 -1
  317. package/components/date-picker/date-picker.d.ts +5 -5
  318. package/components/date-picker/date-picker.js.map +1 -1
  319. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  320. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  321. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  322. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  323. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  324. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  325. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  326. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  327. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  328. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  329. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  330. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  331. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  332. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  333. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  334. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  335. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  336. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  337. package/components/dialog/themes/dark/dialog.bootstrap.css.js +1 -1
  338. package/components/dialog/themes/dark/dialog.bootstrap.css.js.map +1 -1
  339. package/components/dialog/themes/dark/dialog.fluent.css.js +1 -1
  340. package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
  341. package/components/dialog/themes/dark/dialog.indigo.css.js +1 -1
  342. package/components/dialog/themes/dark/dialog.indigo.css.js.map +1 -1
  343. package/components/dialog/themes/dark/dialog.material.css.js +1 -1
  344. package/components/dialog/themes/dark/dialog.material.css.js.map +1 -1
  345. package/components/dialog/themes/light/dialog.bootstrap.css.js +1 -1
  346. package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -1
  347. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  348. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  349. package/components/dialog/themes/light/dialog.indigo.css.js +1 -1
  350. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
  351. package/components/dialog/themes/light/dialog.material.css.js +1 -1
  352. package/components/dialog/themes/light/dialog.material.css.js.map +1 -1
  353. package/components/divider/divider.d.ts +2 -1
  354. package/components/divider/divider.js.map +1 -1
  355. package/components/divider/themes/dark/divider.bootstrap.css.js +1 -1
  356. package/components/divider/themes/dark/divider.bootstrap.css.js.map +1 -1
  357. package/components/divider/themes/dark/divider.fluent.css.js +1 -1
  358. package/components/divider/themes/dark/divider.fluent.css.js.map +1 -1
  359. package/components/divider/themes/dark/divider.indigo.css.js +1 -1
  360. package/components/divider/themes/dark/divider.indigo.css.js.map +1 -1
  361. package/components/divider/themes/dark/divider.material.css.js +1 -1
  362. package/components/divider/themes/dark/divider.material.css.js.map +1 -1
  363. package/components/divider/themes/light/divider.bootstrap.css.js +1 -1
  364. package/components/divider/themes/light/divider.bootstrap.css.js.map +1 -1
  365. package/components/divider/themes/light/divider.fluent.css.js +1 -1
  366. package/components/divider/themes/light/divider.fluent.css.js.map +1 -1
  367. package/components/divider/themes/light/divider.indigo.css.js +1 -1
  368. package/components/divider/themes/light/divider.indigo.css.js.map +1 -1
  369. package/components/divider/themes/light/divider.material.css.js +1 -1
  370. package/components/divider/themes/light/divider.material.css.js.map +1 -1
  371. package/components/dropdown/dropdown.d.ts +4 -4
  372. package/components/dropdown/dropdown.js.map +1 -1
  373. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  374. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  375. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  376. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  377. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  378. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  379. package/components/dropdown/themes/dark/dropdown.material.css.js +1 -1
  380. package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
  381. package/components/dropdown/themes/dark/dropdown.shared.css.js +1 -1
  382. package/components/dropdown/themes/dark/dropdown.shared.css.js.map +1 -1
  383. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
  384. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  385. package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
  386. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  387. package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
  388. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  389. package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
  390. package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
  391. package/components/dropdown/themes/light/dropdown.shared.css.js +1 -1
  392. package/components/dropdown/themes/light/dropdown.shared.css.js.map +1 -1
  393. package/components/expansion-panel/expansion-panel.d.ts +2 -1
  394. package/components/expansion-panel/expansion-panel.js.map +1 -1
  395. package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js +1 -1
  396. package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js.map +1 -1
  397. package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js +1 -1
  398. package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js.map +1 -1
  399. package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js +1 -1
  400. package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js.map +1 -1
  401. package/components/expansion-panel/themes/dark/expansion-panel.material.css.js +1 -1
  402. package/components/expansion-panel/themes/dark/expansion-panel.material.css.js.map +1 -1
  403. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  404. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  405. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +1 -1
  406. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
  407. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +1 -1
  408. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
  409. package/components/expansion-panel/themes/light/expansion-panel.material.css.js +1 -1
  410. package/components/expansion-panel/themes/light/expansion-panel.material.css.js.map +1 -1
  411. package/components/file-input/file-input.d.ts +85 -0
  412. package/components/file-input/file-input.js +155 -0
  413. package/components/file-input/file-input.js.map +1 -0
  414. package/components/file-input/themes/file-input.base.css.d.ts +1 -0
  415. package/components/file-input/themes/file-input.base.css.js +3 -0
  416. package/components/file-input/themes/file-input.base.css.js.map +1 -0
  417. package/components/file-input/themes/shared/file-input.bootstrap.css.d.ts +1 -0
  418. package/components/file-input/themes/shared/file-input.bootstrap.css.js +3 -0
  419. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -0
  420. package/components/file-input/themes/shared/file-input.fluent.css.d.ts +1 -0
  421. package/components/file-input/themes/shared/file-input.fluent.css.js +3 -0
  422. package/components/file-input/themes/shared/file-input.fluent.css.js.map +1 -0
  423. package/components/file-input/themes/shared/file-input.indigo.css.d.ts +1 -0
  424. package/components/file-input/themes/shared/file-input.indigo.css.js +3 -0
  425. package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -0
  426. package/components/file-input/themes/shared/file-input.material.css.d.ts +1 -0
  427. package/components/file-input/themes/shared/file-input.material.css.js +3 -0
  428. package/components/file-input/themes/shared/file-input.material.css.js.map +1 -0
  429. package/components/file-input/themes/themes.d.ts +2 -0
  430. package/components/file-input/themes/themes.js +50 -0
  431. package/components/file-input/themes/themes.js.map +1 -0
  432. package/components/file-input/validators.d.ts +3 -0
  433. package/components/file-input/validators.js +5 -0
  434. package/components/file-input/validators.js.map +1 -0
  435. package/components/icon/internal-icons-lib.js +14 -14
  436. package/components/icon/internal-icons-lib.js.map +1 -1
  437. package/components/icon/themes/dark/icon.bootstrap.css.js +1 -1
  438. package/components/icon/themes/dark/icon.bootstrap.css.js.map +1 -1
  439. package/components/icon/themes/dark/icon.fluent.css.js +1 -1
  440. package/components/icon/themes/dark/icon.fluent.css.js.map +1 -1
  441. package/components/icon/themes/dark/icon.indigo.css.js +1 -1
  442. package/components/icon/themes/dark/icon.indigo.css.js.map +1 -1
  443. package/components/icon/themes/dark/icon.material.css.js +1 -1
  444. package/components/icon/themes/dark/icon.material.css.js.map +1 -1
  445. package/components/icon/themes/light/icon.bootstrap.css.js +1 -1
  446. package/components/icon/themes/light/icon.bootstrap.css.js.map +1 -1
  447. package/components/icon/themes/light/icon.fluent.css.js +1 -1
  448. package/components/icon/themes/light/icon.fluent.css.js.map +1 -1
  449. package/components/icon/themes/light/icon.indigo.css.js +1 -1
  450. package/components/icon/themes/light/icon.indigo.css.js.map +1 -1
  451. package/components/icon/themes/light/icon.material.css.js +1 -1
  452. package/components/icon/themes/light/icon.material.css.js.map +1 -1
  453. package/components/input/input-base.d.ts +3 -1
  454. package/components/input/input-base.js +6 -2
  455. package/components/input/input-base.js.map +1 -1
  456. package/components/input/input.d.ts +2 -2
  457. package/components/input/input.js.map +1 -1
  458. package/components/input/themes/dark/input.bootstrap.css.js +1 -1
  459. package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
  460. package/components/input/themes/dark/input.fluent.css.js +1 -1
  461. package/components/input/themes/dark/input.fluent.css.js.map +1 -1
  462. package/components/input/themes/dark/input.indigo.css.js +1 -1
  463. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  464. package/components/input/themes/dark/input.material.css.js +1 -1
  465. package/components/input/themes/dark/input.material.css.js.map +1 -1
  466. package/components/input/themes/light/input.bootstrap.css.js +1 -1
  467. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  468. package/components/input/themes/light/input.fluent.css.js +1 -1
  469. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  470. package/components/input/themes/light/input.indigo.css.js +1 -1
  471. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  472. package/components/input/themes/light/input.material.css.js +1 -1
  473. package/components/input/themes/light/input.material.css.js.map +1 -1
  474. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  475. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  476. package/components/input/themes/shared/input.material.css.js +1 -1
  477. package/components/input/themes/shared/input.material.css.js.map +1 -1
  478. package/components/list/list-item.d.ts +5 -0
  479. package/components/list/list-item.js +5 -0
  480. package/components/list/list-item.js.map +1 -1
  481. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  482. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  483. package/components/list/themes/dark/container/list.fluent.css.js +1 -1
  484. package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
  485. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  486. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  487. package/components/list/themes/dark/container/list.material.css.js +1 -1
  488. package/components/list/themes/dark/container/list.material.css.js.map +1 -1
  489. package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
  490. package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
  491. package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
  492. package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
  493. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  494. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  495. package/components/list/themes/dark/header/list-header.material.css.js +1 -1
  496. package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
  497. package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
  498. package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
  499. package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
  500. package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
  501. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  502. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  503. package/components/list/themes/dark/item/list-item.material.css.js +1 -1
  504. package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
  505. package/components/list/themes/light/container/list.bootstrap.css.js +1 -1
  506. package/components/list/themes/light/container/list.bootstrap.css.js.map +1 -1
  507. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  508. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  509. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  510. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  511. package/components/list/themes/light/container/list.material.css.js +1 -1
  512. package/components/list/themes/light/container/list.material.css.js.map +1 -1
  513. package/components/list/themes/light/header/list-header.bootstrap.css.js +1 -1
  514. package/components/list/themes/light/header/list-header.bootstrap.css.js.map +1 -1
  515. package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
  516. package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
  517. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  518. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  519. package/components/list/themes/light/header/list-header.material.css.js +1 -1
  520. package/components/list/themes/light/header/list-header.material.css.js.map +1 -1
  521. package/components/list/themes/light/item/list-item.bootstrap.css.js +1 -1
  522. package/components/list/themes/light/item/list-item.bootstrap.css.js.map +1 -1
  523. package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
  524. package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
  525. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  526. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  527. package/components/list/themes/light/item/list-item.material.css.js +1 -1
  528. package/components/list/themes/light/item/list-item.material.css.js.map +1 -1
  529. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  530. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  531. package/components/mask-input/mask-input.d.ts +2 -1
  532. package/components/mask-input/mask-input.js.map +1 -1
  533. package/components/nav-drawer/nav-drawer.d.ts +2 -1
  534. package/components/nav-drawer/nav-drawer.js.map +1 -1
  535. package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js +1 -1
  536. package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js.map +1 -1
  537. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  538. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  539. package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js +1 -1
  540. package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js.map +1 -1
  541. package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js +1 -1
  542. package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js.map +1 -1
  543. package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js +1 -1
  544. package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js.map +1 -1
  545. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  546. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  547. package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js +1 -1
  548. package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map +1 -1
  549. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  550. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  551. package/components/navbar/themes/dark/navbar.bootstrap.css.js +1 -1
  552. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
  553. package/components/navbar/themes/dark/navbar.fluent.css.js +1 -1
  554. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
  555. package/components/navbar/themes/dark/navbar.indigo.css.js +1 -1
  556. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
  557. package/components/navbar/themes/dark/navbar.material.css.js +1 -1
  558. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
  559. package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
  560. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  561. package/components/navbar/themes/light/navbar.fluent.css.js +1 -1
  562. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  563. package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
  564. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  565. package/components/navbar/themes/light/navbar.material.css.js +1 -1
  566. package/components/navbar/themes/light/navbar.material.css.js.map +1 -1
  567. package/components/popover/popover.d.ts +2 -2
  568. package/components/popover/popover.js +1 -5
  569. package/components/popover/popover.js.map +1 -1
  570. package/components/progress/linear-progress.d.ts +2 -1
  571. package/components/progress/linear-progress.js.map +1 -1
  572. package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js +1 -1
  573. package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js.map +1 -1
  574. package/components/progress/themes/circular/dark/circular.progress.fluent.css.js +1 -1
  575. package/components/progress/themes/circular/dark/circular.progress.fluent.css.js.map +1 -1
  576. package/components/progress/themes/circular/dark/circular.progress.indigo.css.js +1 -1
  577. package/components/progress/themes/circular/dark/circular.progress.indigo.css.js.map +1 -1
  578. package/components/progress/themes/circular/dark/circular.progress.material.css.js +1 -1
  579. package/components/progress/themes/circular/dark/circular.progress.material.css.js.map +1 -1
  580. package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js +1 -1
  581. package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js.map +1 -1
  582. package/components/progress/themes/circular/light/circular.progress.fluent.css.js +1 -1
  583. package/components/progress/themes/circular/light/circular.progress.fluent.css.js.map +1 -1
  584. package/components/progress/themes/circular/light/circular.progress.indigo.css.js +1 -1
  585. package/components/progress/themes/circular/light/circular.progress.indigo.css.js.map +1 -1
  586. package/components/progress/themes/circular/light/circular.progress.material.css.js +1 -1
  587. package/components/progress/themes/circular/light/circular.progress.material.css.js.map +1 -1
  588. package/components/progress/themes/circular/light/circular.progress.shared.css.js +1 -1
  589. package/components/progress/themes/circular/light/circular.progress.shared.css.js.map +1 -1
  590. package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
  591. package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
  592. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
  593. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
  594. package/components/progress/themes/linear/dark/linear.progress.fluent.css.js +1 -1
  595. package/components/progress/themes/linear/dark/linear.progress.fluent.css.js.map +1 -1
  596. package/components/progress/themes/linear/dark/linear.progress.indigo.css.js +1 -1
  597. package/components/progress/themes/linear/dark/linear.progress.indigo.css.js.map +1 -1
  598. package/components/progress/themes/linear/dark/linear.progress.material.css.js +1 -1
  599. package/components/progress/themes/linear/dark/linear.progress.material.css.js.map +1 -1
  600. package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js +1 -1
  601. package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js.map +1 -1
  602. package/components/progress/themes/linear/light/linear.progress.fluent.css.js +1 -1
  603. package/components/progress/themes/linear/light/linear.progress.fluent.css.js.map +1 -1
  604. package/components/progress/themes/linear/light/linear.progress.indigo.css.js +1 -1
  605. package/components/progress/themes/linear/light/linear.progress.indigo.css.js.map +1 -1
  606. package/components/progress/themes/linear/light/linear.progress.material.css.js +1 -1
  607. package/components/progress/themes/linear/light/linear.progress.material.css.js.map +1 -1
  608. package/components/progress/themes/linear/light/linear.progress.shared.css.js +1 -1
  609. package/components/progress/themes/linear/light/linear.progress.shared.css.js.map +1 -1
  610. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  611. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  612. package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
  613. package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
  614. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  615. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  616. package/components/progress/themes/linear/themes.js +2 -3
  617. package/components/progress/themes/linear/themes.js.map +1 -1
  618. package/components/radio/radio.d.ts +12 -3
  619. package/components/radio/radio.js +18 -0
  620. package/components/radio/radio.js.map +1 -1
  621. package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
  622. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  623. package/components/radio/themes/dark/radio.fluent.css.js +1 -1
  624. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  625. package/components/radio/themes/dark/radio.indigo.css.js +1 -1
  626. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  627. package/components/radio/themes/dark/radio.material.css.js +1 -1
  628. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  629. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  630. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  631. package/components/radio/themes/light/radio.fluent.css.js +1 -1
  632. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  633. package/components/radio/themes/light/radio.indigo.css.js +1 -1
  634. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  635. package/components/radio/themes/light/radio.material.css.js +1 -1
  636. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  637. package/components/radio/themes/light/radio.shared.css.js +1 -1
  638. package/components/radio/themes/light/radio.shared.css.js.map +1 -1
  639. package/components/radio-group/radio-group.d.ts +2 -1
  640. package/components/radio-group/radio-group.js.map +1 -1
  641. package/components/rating/themes/dark/rating.bootstrap.css.js +1 -1
  642. package/components/rating/themes/dark/rating.bootstrap.css.js.map +1 -1
  643. package/components/rating/themes/dark/rating.fluent.css.js +1 -1
  644. package/components/rating/themes/dark/rating.fluent.css.js.map +1 -1
  645. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  646. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  647. package/components/rating/themes/dark/rating.material.css.js +1 -1
  648. package/components/rating/themes/dark/rating.material.css.js.map +1 -1
  649. package/components/rating/themes/light/rating.bootstrap.css.js +1 -1
  650. package/components/rating/themes/light/rating.bootstrap.css.js.map +1 -1
  651. package/components/rating/themes/light/rating.fluent.css.js +1 -1
  652. package/components/rating/themes/light/rating.fluent.css.js.map +1 -1
  653. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  654. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  655. package/components/rating/themes/light/rating.material.css.js +1 -1
  656. package/components/rating/themes/light/rating.material.css.js.map +1 -1
  657. package/components/rating/themes/light/rating.shared.css.js +1 -1
  658. package/components/rating/themes/light/rating.shared.css.js.map +1 -1
  659. package/components/rating/themes/rating.base.css.js +1 -1
  660. package/components/rating/themes/rating.base.css.js.map +1 -1
  661. package/components/rating/themes/shared/rating.common.css.js +1 -1
  662. package/components/rating/themes/shared/rating.common.css.js.map +1 -1
  663. package/components/rating/themes/shared/rating.indigo.css.js +1 -1
  664. package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
  665. package/components/resize-container/default-ghost.d.ts +2 -1
  666. package/components/resize-container/default-ghost.js +7 -3
  667. package/components/resize-container/default-ghost.js.map +1 -1
  668. package/components/resize-container/resize-container.d.ts +1 -9
  669. package/components/resize-container/resize-container.js +8 -23
  670. package/components/resize-container/resize-container.js.map +1 -1
  671. package/components/resize-container/resize-controller.d.ts +1 -2
  672. package/components/resize-container/resize-controller.js +26 -18
  673. package/components/resize-container/resize-controller.js.map +1 -1
  674. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js +1 -1
  675. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map +1 -1
  676. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js +1 -1
  677. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map +1 -1
  678. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js +1 -1
  679. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map +1 -1
  680. package/components/resize-container/themes/dark/resize-indicator.material.css.js +1 -1
  681. package/components/resize-container/themes/dark/resize-indicator.material.css.js.map +1 -1
  682. package/components/resize-container/themes/dark/resize-indicator.shared.css.js +1 -1
  683. package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map +1 -1
  684. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js +1 -1
  685. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map +1 -1
  686. package/components/resize-container/themes/light/resize-indicator.fluent.css.js +1 -1
  687. package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map +1 -1
  688. package/components/resize-container/themes/light/resize-indicator.indigo.css.js +1 -1
  689. package/components/resize-container/themes/light/resize-indicator.indigo.css.js.map +1 -1
  690. package/components/resize-container/themes/light/resize-indicator.material.css.js +1 -1
  691. package/components/resize-container/themes/light/resize-indicator.material.css.js.map +1 -1
  692. package/components/resize-container/themes/light/resize-indicator.shared.css.js +1 -1
  693. package/components/resize-container/themes/light/resize-indicator.shared.css.js.map +1 -1
  694. package/components/resize-container/types.d.ts +2 -0
  695. package/components/resize-container/types.js.map +1 -1
  696. package/components/select/select.d.ts +4 -4
  697. package/components/select/select.js.map +1 -1
  698. package/components/select/themes/dark/select.bootstrap.css.js +1 -1
  699. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
  700. package/components/select/themes/dark/select.fluent.css.js +1 -1
  701. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  702. package/components/select/themes/dark/select.indigo.css.js +1 -1
  703. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  704. package/components/select/themes/dark/select.material.css.js +1 -1
  705. package/components/select/themes/dark/select.material.css.js.map +1 -1
  706. package/components/select/themes/light/select.bootstrap.css.js +1 -1
  707. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  708. package/components/select/themes/light/select.fluent.css.js +1 -1
  709. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  710. package/components/select/themes/light/select.indigo.css.js +1 -1
  711. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  712. package/components/select/themes/light/select.material.css.js +1 -1
  713. package/components/select/themes/light/select.material.css.js.map +1 -1
  714. package/components/select/themes/light/select.shared.css.js +1 -1
  715. package/components/select/themes/light/select.shared.css.js.map +1 -1
  716. package/components/slider/range-slider.d.ts +5 -3
  717. package/components/slider/range-slider.js.map +1 -1
  718. package/components/slider/slider-base.d.ts +3 -2
  719. package/components/slider/slider-base.js +1 -3
  720. package/components/slider/slider-base.js.map +1 -1
  721. package/components/slider/slider-label.d.ts +10 -0
  722. package/components/slider/slider-label.js.map +1 -1
  723. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  724. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  725. package/components/slider/themes/dark/slider.fluent.css.js +1 -1
  726. package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
  727. package/components/slider/themes/dark/slider.indigo.css.js +1 -1
  728. package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
  729. package/components/slider/themes/dark/slider.material.css.js +1 -1
  730. package/components/slider/themes/dark/slider.material.css.js.map +1 -1
  731. package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
  732. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  733. package/components/slider/themes/light/slider.fluent.css.js +1 -1
  734. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  735. package/components/slider/themes/light/slider.indigo.css.js +1 -1
  736. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  737. package/components/slider/themes/light/slider.material.css.js +1 -1
  738. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  739. package/components/snackbar/themes/dark/snackbar.bootstrap.css.js +1 -1
  740. package/components/snackbar/themes/dark/snackbar.bootstrap.css.js.map +1 -1
  741. package/components/snackbar/themes/dark/snackbar.fluent.css.js +1 -1
  742. package/components/snackbar/themes/dark/snackbar.fluent.css.js.map +1 -1
  743. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  744. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  745. package/components/snackbar/themes/dark/snackbar.material.css.js +1 -1
  746. package/components/snackbar/themes/dark/snackbar.material.css.js.map +1 -1
  747. package/components/snackbar/themes/light/snackbar.bootstrap.css.js +1 -1
  748. package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
  749. package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
  750. package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
  751. package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
  752. package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
  753. package/components/snackbar/themes/light/snackbar.material.css.js +1 -1
  754. package/components/snackbar/themes/light/snackbar.material.css.js.map +1 -1
  755. package/components/snackbar/themes/light/snackbar.shared.css.js +1 -1
  756. package/components/snackbar/themes/light/snackbar.shared.css.js.map +1 -1
  757. package/components/stepper/animations.d.ts +2 -1
  758. package/components/stepper/animations.js.map +1 -1
  759. package/components/stepper/step.d.ts +8 -3
  760. package/components/stepper/step.js.map +1 -1
  761. package/components/stepper/stepper.common.d.ts +8 -4
  762. package/components/stepper/stepper.common.js.map +1 -1
  763. package/components/stepper/stepper.d.ts +6 -5
  764. package/components/stepper/stepper.js.map +1 -1
  765. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  766. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  767. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  768. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  769. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  770. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  771. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  772. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  773. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  774. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  775. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  776. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  777. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  778. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  779. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  780. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  781. package/components/stepper/themes/step/step.base.css.js +1 -1
  782. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  783. package/components/tabs/tabs.d.ts +3 -2
  784. package/components/tabs/tabs.js.map +1 -1
  785. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  786. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  787. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  788. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  789. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  790. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  791. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  792. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  793. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  794. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  795. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  796. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  797. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  798. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  799. package/components/tabs/themes/light/tab.material.css.js +1 -1
  800. package/components/tabs/themes/light/tab.material.css.js.map +1 -1
  801. package/components/textarea/textarea.d.ts +2 -2
  802. package/components/textarea/textarea.js.map +1 -1
  803. package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
  804. package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
  805. package/components/textarea/themes/dark/textarea.fluent.css.js +1 -1
  806. package/components/textarea/themes/dark/textarea.fluent.css.js.map +1 -1
  807. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  808. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  809. package/components/textarea/themes/dark/textarea.material.css.js +1 -1
  810. package/components/textarea/themes/dark/textarea.material.css.js.map +1 -1
  811. package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
  812. package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
  813. package/components/textarea/themes/light/textarea.fluent.css.js +1 -1
  814. package/components/textarea/themes/light/textarea.fluent.css.js.map +1 -1
  815. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  816. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  817. package/components/textarea/themes/light/textarea.material.css.js +1 -1
  818. package/components/textarea/themes/light/textarea.material.css.js.map +1 -1
  819. package/components/tile-manager/position.d.ts +4 -0
  820. package/components/tile-manager/position.js +18 -0
  821. package/components/tile-manager/position.js.map +1 -1
  822. package/components/tile-manager/{tile-util.d.ts → resize-state.d.ts} +7 -37
  823. package/components/tile-manager/resize-state.js +178 -0
  824. package/components/tile-manager/resize-state.js.map +1 -0
  825. package/components/tile-manager/resize-util.d.ts +8 -0
  826. package/components/tile-manager/resize-util.js +84 -0
  827. package/components/tile-manager/resize-util.js.map +1 -0
  828. package/components/tile-manager/serializer.d.ts +1 -6
  829. package/components/tile-manager/serializer.js +5 -26
  830. package/components/tile-manager/serializer.js.map +1 -1
  831. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js +1 -1
  832. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js.map +1 -1
  833. package/components/tile-manager/themes/dark/tile-manager.fluent.css.js +1 -1
  834. package/components/tile-manager/themes/dark/tile-manager.fluent.css.js.map +1 -1
  835. package/components/tile-manager/themes/dark/tile-manager.indigo.css.js +1 -1
  836. package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map +1 -1
  837. package/components/tile-manager/themes/dark/tile-manager.material.css.js +1 -1
  838. package/components/tile-manager/themes/dark/tile-manager.material.css.js.map +1 -1
  839. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js +1 -1
  840. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js.map +1 -1
  841. package/components/tile-manager/themes/light/tile-manager.fluent.css.js +1 -1
  842. package/components/tile-manager/themes/light/tile-manager.fluent.css.js.map +1 -1
  843. package/components/tile-manager/themes/light/tile-manager.indigo.css.js +1 -1
  844. package/components/tile-manager/themes/light/tile-manager.indigo.css.js.map +1 -1
  845. package/components/tile-manager/themes/light/tile-manager.material.css.js +1 -1
  846. package/components/tile-manager/themes/light/tile-manager.material.css.js.map +1 -1
  847. package/components/tile-manager/themes/light/tile-manager.shared.css.js +1 -1
  848. package/components/tile-manager/themes/light/tile-manager.shared.css.js.map +1 -1
  849. package/components/tile-manager/themes/shared/tile/tile.common.css.js +1 -1
  850. package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -1
  851. package/components/tile-manager/themes/shared/tile-manager.common.css.js +1 -1
  852. package/components/tile-manager/themes/shared/tile-manager.common.css.js.map +1 -1
  853. package/components/tile-manager/themes/tile-manager.base.css.js +1 -1
  854. package/components/tile-manager/themes/tile-manager.base.css.js.map +1 -1
  855. package/components/tile-manager/themes/tile.base.css.js +1 -1
  856. package/components/tile-manager/themes/tile.base.css.js.map +1 -1
  857. package/components/tile-manager/tile-ghost-util.d.ts +3 -0
  858. package/components/tile-manager/tile-ghost-util.js +49 -0
  859. package/components/tile-manager/tile-ghost-util.js.map +1 -0
  860. package/components/tile-manager/tile-manager.d.ts +23 -14
  861. package/components/tile-manager/tile-manager.js +9 -17
  862. package/components/tile-manager/tile-manager.js.map +1 -1
  863. package/components/tile-manager/tile.d.ts +59 -43
  864. package/components/tile-manager/tile.js +126 -97
  865. package/components/tile-manager/tile.js.map +1 -1
  866. package/components/tile-manager/types.d.ts +36 -0
  867. package/components/tile-manager/types.js +2 -0
  868. package/components/tile-manager/types.js.map +1 -0
  869. package/components/toast/themes/dark/toast.bootstrap.css.js +1 -1
  870. package/components/toast/themes/dark/toast.bootstrap.css.js.map +1 -1
  871. package/components/toast/themes/dark/toast.fluent.css.js +1 -1
  872. package/components/toast/themes/dark/toast.fluent.css.js.map +1 -1
  873. package/components/toast/themes/dark/toast.indigo.css.js +1 -1
  874. package/components/toast/themes/dark/toast.indigo.css.js.map +1 -1
  875. package/components/toast/themes/dark/toast.material.css.js +1 -1
  876. package/components/toast/themes/dark/toast.material.css.js.map +1 -1
  877. package/components/toast/themes/dark/toast.shared.css.js +1 -1
  878. package/components/toast/themes/dark/toast.shared.css.js.map +1 -1
  879. package/components/toast/themes/light/toast.bootstrap.css.js +1 -1
  880. package/components/toast/themes/light/toast.bootstrap.css.js.map +1 -1
  881. package/components/toast/themes/light/toast.fluent.css.js +1 -1
  882. package/components/toast/themes/light/toast.fluent.css.js.map +1 -1
  883. package/components/toast/themes/light/toast.indigo.css.js +1 -1
  884. package/components/toast/themes/light/toast.indigo.css.js.map +1 -1
  885. package/components/toast/themes/light/toast.material.css.js +1 -1
  886. package/components/toast/themes/light/toast.material.css.js.map +1 -1
  887. package/components/toast/themes/light/toast.shared.css.js +1 -1
  888. package/components/toast/themes/light/toast.shared.css.js.map +1 -1
  889. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  890. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  891. package/components/tree/themes/dark/container.fluent.css.js +1 -1
  892. package/components/tree/themes/dark/container.fluent.css.js.map +1 -1
  893. package/components/tree/themes/dark/container.indigo.css.js +1 -1
  894. package/components/tree/themes/dark/container.indigo.css.js.map +1 -1
  895. package/components/tree/themes/dark/container.material.css.js +1 -1
  896. package/components/tree/themes/dark/container.material.css.js.map +1 -1
  897. package/components/tree/themes/light/container.bootstrap.css.js +1 -1
  898. package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
  899. package/components/tree/themes/light/container.fluent.css.js +1 -1
  900. package/components/tree/themes/light/container.fluent.css.js.map +1 -1
  901. package/components/tree/themes/light/container.indigo.css.js +1 -1
  902. package/components/tree/themes/light/container.indigo.css.js.map +1 -1
  903. package/components/tree/themes/light/container.material.css.js +1 -1
  904. package/components/tree/themes/light/container.material.css.js.map +1 -1
  905. package/components/tree/tree.common.d.ts +4 -6
  906. package/components/tree/tree.common.js.map +1 -1
  907. package/components/tree/tree.d.ts +2 -1
  908. package/components/tree/tree.js.map +1 -1
  909. package/components/tree/tree.selection.js.map +1 -1
  910. package/components/types.d.ts +30 -2
  911. package/components/types.js.map +1 -1
  912. package/components/validation-container/themes/dark/validator.bootstrap.css.js +1 -1
  913. package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +1 -1
  914. package/components/validation-container/themes/dark/validator.fluent.css.js +1 -1
  915. package/components/validation-container/themes/dark/validator.fluent.css.js.map +1 -1
  916. package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
  917. package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
  918. package/components/validation-container/themes/dark/validator.material.css.js +1 -1
  919. package/components/validation-container/themes/dark/validator.material.css.js.map +1 -1
  920. package/components/validation-container/themes/light/validator.bootstrap.css.js +1 -1
  921. package/components/validation-container/themes/light/validator.bootstrap.css.js.map +1 -1
  922. package/components/validation-container/themes/light/validator.fluent.css.js +1 -1
  923. package/components/validation-container/themes/light/validator.fluent.css.js.map +1 -1
  924. package/components/validation-container/themes/light/validator.indigo.css.js +1 -1
  925. package/components/validation-container/themes/light/validator.indigo.css.js.map +1 -1
  926. package/components/validation-container/themes/light/validator.material.css.js +1 -1
  927. package/components/validation-container/themes/light/validator.material.css.js.map +1 -1
  928. package/custom-elements.json +2669 -823
  929. package/igniteui-webcomponents.css-data.json +2 -2
  930. package/igniteui-webcomponents.html-data.json +1 -1
  931. package/index.d.ts +17 -6
  932. package/index.js +3 -1
  933. package/index.js.map +1 -1
  934. package/package.json +2 -2
  935. package/theming/types.d.ts +2 -2
  936. package/theming/types.js.map +1 -1
  937. package/web-types.json +3 -3
  938. package/components/common/decorators/blazorTypeOverride.d.ts +0 -7
  939. package/components/common/decorators/blazorTypeOverride.js +0 -4
  940. package/components/common/decorators/blazorTypeOverride.js.map +0 -1
  941. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +0 -3
  942. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +0 -1
  943. package/components/tile-manager/tile-util.js +0 -288
  944. package/components/tile-manager/tile-util.js.map +0 -1
  945. /package/components/{progress/themes/linear/shared/linear.progress.bootstrap.css.d.ts → card/themes/shared/container/card.bootstrap.css.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAiBjC,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,sBAAsB;IAAvD;;QAcN,YAAO,GAA8C,WAAW,CAAC;IAS1E,CAAC;IAlBQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IASS,aAAa;QACrB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AArBsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAC7B,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAYpC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC4C;AAdrD,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CAuBtC;eAvBoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './themes/button/button.base.css.js';\nimport { styles as shared } from './themes/button/shared/button.common.css.js';\nimport { all } from './themes/button/themes.js';\n\n/**\n * Represents a clickable button, used to submit forms or anywhere in a\n * document for accessible, standard button functionality.\n *\n * @element igc-button\n *\n * @slot - Renders the label of the button.\n * @slot prefix - Renders content before the label of the button.\n * @slot suffix - Renders content after the label of the button.\n *\n * @csspart base - The native button element of the igc-button component.\n * @csspart prefix - The prefix container of the igc-button component.\n * @csspart suffix - The suffix container of the igc-button component.\n */\n@themes(all)\nexport default class IgcButtonComponent extends IgcButtonBaseComponent {\n public static readonly tagName = 'igc-button';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcButtonComponent);\n }\n\n /**\n * Sets the variant of the button.\n * @attr\n */\n @property({ reflect: true })\n public variant: 'flat' | 'contained' | 'outlined' | 'fab' = 'contained';\n\n protected renderContent() {\n return html`\n <slot name=\"prefix\"></slot>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-button': IgcButtonComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAiBjC,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,sBAAsB;IAAvD;;QAcN,YAAO,GAAkB,WAAW,CAAC;IAS9C,CAAC;IAlBQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IASS,aAAa;QACrB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AArBsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAC7B,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAYpC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACgB;AAdzB,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CAuBtC;eAvBoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { ButtonVariant } from '../types.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './themes/button/button.base.css.js';\nimport { styles as shared } from './themes/button/shared/button.common.css.js';\nimport { all } from './themes/button/themes.js';\n\n/**\n * Represents a clickable button, used to submit forms or anywhere in a\n * document for accessible, standard button functionality.\n *\n * @element igc-button\n *\n * @slot - Renders the label of the button.\n * @slot prefix - Renders content before the label of the button.\n * @slot suffix - Renders content after the label of the button.\n *\n * @csspart base - The native button element of the igc-button component.\n * @csspart prefix - The prefix container of the igc-button component.\n * @csspart suffix - The suffix container of the igc-button component.\n */\n@themes(all)\nexport default class IgcButtonComponent extends IgcButtonBaseComponent {\n public static readonly tagName = 'igc-button';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcButtonComponent);\n }\n\n /**\n * Sets the variant of the button.\n * @attr\n */\n @property({ reflect: true })\n public variant: ButtonVariant = 'contained';\n\n protected renderContent() {\n return html`\n <slot name=\"prefix\"></slot>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-button': IgcButtonComponent;\n }\n}\n"]}
@@ -1,3 +1,4 @@
1
+ import type { IconButtonVariant } from '../types.js';
1
2
  import { IgcButtonBaseComponent } from './button-base.js';
2
3
  /**
3
4
  * @element igc-icon-button
@@ -28,7 +29,7 @@ export default class IgcIconButtonComponent extends IgcButtonBaseComponent {
28
29
  * The visual variant of the icon button.
29
30
  * @attr
30
31
  */
31
- variant: 'flat' | 'contained' | 'outlined';
32
+ variant: IconButtonVariant;
32
33
  protected renderContent(): import("lit-html").TemplateResult<1>;
33
34
  protected registerIcon(name: string, url: string, collection?: string): Promise<void>;
34
35
  protected registerIconFromText(name: string, iconText: string, collection?: string): void;
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/button/icon-button.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,oBAAoB,IAAI,yBAAyB,EACjD,YAAY,IAAI,iBAAiB,GAClC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAStC,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,sBAAsB;IAA3D;;QA6BN,aAAQ,GAAG,KAAK,CAAC;QAOjB,YAAO,GAAsC,WAAW,CAAC;IAsClE,CAAC;IArEQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,wBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IA+BS,aAAa;QACrB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,IAAI,CAAA;;;qBAGO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;2BACd,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;0BAC3B,IAAI,CAAC,QAAQ;;;;WAI5B;YACH,CAAC,CAAC,IAAI,CAAA,eAAe;KACxB,CAAC;IACJ,CAAC;IAIe,AAAN,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAIS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;;AAxEsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAClC,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAapC;IADN,QAAQ,EAAE;oDACU;AAOd;IADN,QAAQ,EAAE;0DACgB;AAOpB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACJ;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACoC;AAqBhD;IADf,aAAa,EAAE;0DAOf;AAIS;IADT,aAAa,EAAE;kEAOf;AAzEkB,sBAAsB;IAD1C,MAAM,CAAC,GAAG,CAAC;GACS,sBAAsB,CA0E1C;eA1EoB,sBAAsB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport {\n registerIconFromText as registerIconFromText_impl,\n registerIcon as registerIcon_impl,\n} from '../icon/icon.registry.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './themes/icon-button/icon-button.base.css.js';\nimport { styles as shared } from './themes/icon-button/shared/icon-button.common.css.js';\nimport { all } from './themes/icon-button/themes.js';\n\n/**\n * @element igc-icon-button\n *\n * @csspart base - The wrapping element of the icon button.\n * @csspart icon - The icon element of the icon button.\n */\n@themes(all)\nexport default class IgcIconButtonComponent extends IgcButtonBaseComponent {\n public static readonly tagName = 'igc-icon-button';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcIconButtonComponent, IgcIconComponent);\n }\n\n /* alternateName: iconName */\n /**\n * The name of the icon.\n * @attr\n */\n @property()\n public name!: string;\n\n /**\n * The name of the icon collection.\n * @attr\n */\n @property()\n public collection!: string;\n\n /**\n * Whether to flip the icon button. Useful for RTL layouts.\n * @attr\n */\n @property({ type: Boolean })\n public mirrored = false;\n\n /**\n * The visual variant of the icon button.\n * @attr\n */\n @property({ reflect: true })\n public variant: 'flat' | 'contained' | 'outlined' = 'contained';\n\n protected renderContent() {\n return html`\n ${this.name || this.mirrored\n ? html`\n <igc-icon\n part=\"icon\"\n name=${ifDefined(this.name)}\n collection=${ifDefined(this.collection)}\n .mirrored=${this.mirrored}\n aria-hidden=\"true\"\n ></igc-icon>\n <slot></slot>\n `\n : html`<slot></slot>`}\n `;\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected async registerIcon(\n name: string,\n url: string,\n collection = 'default'\n ) {\n await registerIcon_impl(name, url, collection);\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected registerIconFromText(\n name: string,\n iconText: string,\n collection = 'default'\n ) {\n registerIconFromText_impl(name, iconText, collection);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-icon-button': IgcIconButtonComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/button/icon-button.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,oBAAoB,IAAI,yBAAyB,EACjD,YAAY,IAAI,iBAAiB,GAClC,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAStC,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,sBAAsB;IAA3D;;QA6BN,aAAQ,GAAG,KAAK,CAAC;QAOjB,YAAO,GAAsB,WAAW,CAAC;IAsClD,CAAC;IArEQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,wBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IA+BS,aAAa;QACrB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,IAAI,CAAA;;;qBAGO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;2BACd,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;0BAC3B,IAAI,CAAC,QAAQ;;;;WAI5B;YACH,CAAC,CAAC,IAAI,CAAA,eAAe;KACxB,CAAC;IACJ,CAAC;IAIe,AAAN,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAIS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;;AAxEsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAClC,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAapC;IADN,QAAQ,EAAE;oDACU;AAOd;IADN,QAAQ,EAAE;0DACgB;AAOpB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACJ;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACoB;AAqBhC;IADf,aAAa,EAAE;0DAOf;AAIS;IADT,aAAa,EAAE;kEAOf;AAzEkB,sBAAsB;IAD1C,MAAM,CAAC,GAAG,CAAC;GACS,sBAAsB,CA0E1C;eA1EoB,sBAAsB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport {\n registerIconFromText as registerIconFromText_impl,\n registerIcon as registerIcon_impl,\n} from '../icon/icon.registry.js';\nimport type { IconButtonVariant } from '../types.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './themes/icon-button/icon-button.base.css.js';\nimport { styles as shared } from './themes/icon-button/shared/icon-button.common.css.js';\nimport { all } from './themes/icon-button/themes.js';\n\n/**\n * @element igc-icon-button\n *\n * @csspart base - The wrapping element of the icon button.\n * @csspart icon - The icon element of the icon button.\n */\n@themes(all)\nexport default class IgcIconButtonComponent extends IgcButtonBaseComponent {\n public static readonly tagName = 'igc-icon-button';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcIconButtonComponent, IgcIconComponent);\n }\n\n /* alternateName: iconName */\n /**\n * The name of the icon.\n * @attr\n */\n @property()\n public name!: string;\n\n /**\n * The name of the icon collection.\n * @attr\n */\n @property()\n public collection!: string;\n\n /**\n * Whether to flip the icon button. Useful for RTL layouts.\n * @attr\n */\n @property({ type: Boolean })\n public mirrored = false;\n\n /**\n * The visual variant of the icon button.\n * @attr\n */\n @property({ reflect: true })\n public variant: IconButtonVariant = 'contained';\n\n protected renderContent() {\n return html`\n ${this.name || this.mirrored\n ? html`\n <igc-icon\n part=\"icon\"\n name=${ifDefined(this.name)}\n collection=${ifDefined(this.collection)}\n .mirrored=${this.mirrored}\n aria-hidden=\"true\"\n ></igc-icon>\n <slot></slot>\n `\n : html`<slot></slot>`}\n `;\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected async registerIcon(\n name: string,\n url: string,\n collection = 'default'\n ) {\n await registerIcon_impl(name, url, collection);\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected registerIconFromText(\n name: string,\n iconText: string,\n collection = 'default'\n ) {\n registerIconFromText_impl(name, iconText, collection);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-icon-button': IgcIconButtonComponent;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;
2
+ export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=button.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2yPAA2yP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;\n"]}
1
+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m4PAAm4P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-300));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-300))}`;
2
+ export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-300));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300));--ig-theme: fluent}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-300));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=button.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8xPAA8xP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-300));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-300))}`;\n"]}
1
+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,02PAA02P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-400));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-400));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-400));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-400));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-gray-100));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-50));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-100));--active-background: var(--ig-button-active-background, var(--ig-gray-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-50));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-300));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300));--ig-theme: fluent}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-300-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-200));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-300-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-300-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-300-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-300-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-100));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-300-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-100));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-300-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-300-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-300));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-300));--ig-theme: fluent}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--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)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;
2
+ export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--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)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=button.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2/RAA2/R,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--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)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;\n"]}
1
+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukSAAukS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--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)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;
2
+ export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;
3
3
  //# sourceMappingURL=button.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mKAA4mK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;\n"]}
1
+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gsKAAgsK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;
2
+ export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=button.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2yPAA2yP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;\n"]}
1
+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m4PAAm4P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500))}`;
2
+ export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=button.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilOAAilO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500))}`;\n"]}
1
+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6pOAA6pO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--ig-theme: fluent}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--ig-theme: fluent}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500));--ig-theme: fluent}`;\n"]}