igniteui-webcomponents 4.7.0 → 4.8.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 (1140) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/animations/player.d.ts +16 -5
  3. package/animations/player.js +29 -21
  4. package/animations/player.js.map +1 -1
  5. package/components/accordion/accordion.js.map +1 -1
  6. package/components/avatar/avatar.js.map +1 -1
  7. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  8. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  9. package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
  10. package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
  11. package/components/avatar/themes/dark/avatar.indigo.css.js +1 -1
  12. package/components/avatar/themes/dark/avatar.indigo.css.js.map +1 -1
  13. package/components/avatar/themes/dark/avatar.material.css.js +1 -1
  14. package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
  15. package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
  16. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  17. package/components/avatar/themes/light/avatar.fluent.css.js +1 -1
  18. package/components/avatar/themes/light/avatar.fluent.css.js.map +1 -1
  19. package/components/avatar/themes/light/avatar.indigo.css.js +1 -1
  20. package/components/avatar/themes/light/avatar.indigo.css.js.map +1 -1
  21. package/components/avatar/themes/light/avatar.material.css.js +1 -1
  22. package/components/avatar/themes/light/avatar.material.css.js.map +1 -1
  23. package/components/avatar/themes/light/avatar.shared.css.js +3 -0
  24. package/components/avatar/themes/light/avatar.shared.css.js.map +1 -0
  25. package/components/avatar/themes/themes.js +7 -0
  26. package/components/avatar/themes/themes.js.map +1 -1
  27. package/components/badge/badge.js.map +1 -1
  28. package/components/badge/themes/badge.base.css.js +1 -1
  29. package/components/badge/themes/badge.base.css.js.map +1 -1
  30. package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
  31. package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
  32. package/components/badge/themes/dark/badge.fluent.css.js +1 -1
  33. package/components/badge/themes/dark/badge.fluent.css.js.map +1 -1
  34. package/components/badge/themes/dark/badge.indigo.css.js +1 -1
  35. package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
  36. package/components/badge/themes/dark/badge.material.css.js +1 -1
  37. package/components/badge/themes/dark/badge.material.css.js.map +1 -1
  38. package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
  39. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  40. package/components/badge/themes/light/badge.fluent.css.js +1 -1
  41. package/components/badge/themes/light/badge.fluent.css.js.map +1 -1
  42. package/components/badge/themes/light/badge.indigo.css.js +1 -1
  43. package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
  44. package/components/badge/themes/light/badge.material.css.js +1 -1
  45. package/components/badge/themes/light/badge.material.css.js.map +1 -1
  46. package/components/badge/themes/light/badge.shared.css.js +3 -0
  47. package/components/badge/themes/light/badge.shared.css.js.map +1 -0
  48. package/components/badge/themes/themes.js +7 -0
  49. package/components/badge/themes/themes.js.map +1 -1
  50. package/components/button/button-base.d.ts +1 -1
  51. package/components/button/button.js.map +1 -1
  52. package/components/button/icon-button.js.map +1 -1
  53. package/components/button/themes/button/button.base.css.js +1 -1
  54. package/components/button/themes/button/button.base.css.js.map +1 -1
  55. package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
  56. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
  57. package/components/button/themes/button/dark/button.fluent.css.js +1 -1
  58. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  59. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  60. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  61. package/components/button/themes/button/dark/button.material.css.js +1 -1
  62. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  63. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  64. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  65. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  66. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  67. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  68. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  69. package/components/button/themes/button/light/button.material.css.js +1 -1
  70. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  71. package/components/button/themes/button/light/button.shared.css.js +3 -0
  72. package/components/button/themes/button/light/button.shared.css.js.map +1 -0
  73. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  74. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  75. package/components/button/themes/button/shared/button.common.css.js +1 -1
  76. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  77. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  78. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  79. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  80. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  81. package/components/button/themes/button/shared/button.material.css.js +1 -1
  82. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  83. package/components/button/themes/button/themes.js +7 -0
  84. package/components/button/themes/button/themes.js.map +1 -1
  85. package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js +1 -1
  86. package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js.map +1 -1
  87. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
  88. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
  89. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
  90. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
  91. package/components/button/themes/icon-button/dark/icon-button.material.css.js +1 -1
  92. package/components/button/themes/icon-button/dark/icon-button.material.css.js.map +1 -1
  93. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
  94. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  95. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
  96. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  97. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
  98. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  99. package/components/button/themes/icon-button/light/icon-button.material.css.js +1 -1
  100. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  101. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
  102. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
  103. package/components/button/themes/icon-button/shared/icon-button.common.css.js +1 -1
  104. package/components/button/themes/icon-button/shared/icon-button.common.css.js.map +1 -1
  105. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
  106. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
  107. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
  108. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
  109. package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
  110. package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
  111. package/components/button-group/button-group.d.ts +4 -7
  112. package/components/button-group/button-group.js +35 -52
  113. package/components/button-group/button-group.js.map +1 -1
  114. package/components/button-group/themes/button.base.css.js +1 -1
  115. package/components/button-group/themes/button.base.css.js.map +1 -1
  116. package/components/button-group/themes/dark/button-group.bootstrap.css.js +1 -1
  117. package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
  118. package/components/button-group/themes/dark/button-group.fluent.css.js +1 -1
  119. package/components/button-group/themes/dark/button-group.fluent.css.js.map +1 -1
  120. package/components/button-group/themes/dark/button-group.indigo.css.js +1 -1
  121. package/components/button-group/themes/dark/button-group.indigo.css.js.map +1 -1
  122. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  123. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  124. package/components/button-group/themes/dark/button-group.shared.css.js +3 -0
  125. package/components/button-group/themes/dark/button-group.shared.css.js.map +1 -0
  126. package/components/button-group/themes/group.js +8 -0
  127. package/components/button-group/themes/group.js.map +1 -1
  128. package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
  129. package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
  130. package/components/button-group/themes/light/button-group.fluent.css.js +1 -1
  131. package/components/button-group/themes/light/button-group.fluent.css.js.map +1 -1
  132. package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
  133. package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
  134. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  135. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  136. package/components/button-group/themes/light/button-group.shared.css.js +3 -0
  137. package/components/button-group/themes/light/button-group.shared.css.js.map +1 -0
  138. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  139. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  140. package/components/button-group/themes/shared/button/button.common.css.js +1 -1
  141. package/components/button-group/themes/shared/button/button.common.css.js.map +1 -1
  142. package/components/button-group/themes/shared/button/button.fluent.css.js +1 -1
  143. package/components/button-group/themes/shared/button/button.fluent.css.js.map +1 -1
  144. package/components/button-group/toggle-button.js.map +1 -1
  145. package/components/calendar/calendar.d.ts +1 -1
  146. package/components/calendar/calendar.js.map +1 -1
  147. package/components/calendar/days-view/days-view.d.ts +1 -1
  148. package/components/calendar/days-view/days-view.js.map +1 -1
  149. package/components/calendar/months-view/months-view.d.ts +1 -1
  150. package/components/calendar/months-view/months-view.js.map +1 -1
  151. package/components/calendar/themes/calendar.js +7 -0
  152. package/components/calendar/themes/calendar.js.map +1 -1
  153. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  154. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  155. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  156. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  157. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  158. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  159. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  160. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  161. package/components/calendar/themes/days.js +7 -0
  162. package/components/calendar/themes/days.js.map +1 -1
  163. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  164. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  165. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  166. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  167. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  168. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  169. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  170. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  171. package/components/calendar/themes/light/calendar.shared.css.js +3 -0
  172. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -0
  173. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  174. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  175. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  176. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  177. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  178. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  179. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  180. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  181. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  182. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  183. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
  184. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
  185. package/components/calendar/themes/shared/material/calendar.common.css.js +1 -1
  186. package/components/calendar/themes/shared/material/calendar.common.css.js.map +1 -1
  187. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  188. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  189. package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
  190. package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
  191. package/components/calendar/themes/year-month.js +7 -0
  192. package/components/calendar/themes/year-month.js.map +1 -1
  193. package/components/calendar/years-view/years-view.d.ts +1 -1
  194. package/components/calendar/years-view/years-view.js.map +1 -1
  195. package/components/card/card.actions.js.map +1 -1
  196. package/components/card/card.content.js.map +1 -1
  197. package/components/card/card.header.js.map +1 -1
  198. package/components/card/card.js.map +1 -1
  199. package/components/card/card.media.js.map +1 -1
  200. package/components/card/themes/container.js +7 -0
  201. package/components/card/themes/container.js.map +1 -1
  202. package/components/card/themes/dark/card.bootstrap.css.js +1 -1
  203. package/components/card/themes/dark/card.bootstrap.css.js.map +1 -1
  204. package/components/card/themes/dark/card.fluent.css.js +1 -1
  205. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  206. package/components/card/themes/dark/card.indigo.css.js +1 -1
  207. package/components/card/themes/dark/card.indigo.css.js.map +1 -1
  208. package/components/card/themes/dark/card.material.css.js +1 -1
  209. package/components/card/themes/dark/card.material.css.js.map +1 -1
  210. package/components/card/themes/light/container/card.bootstrap.css.js +1 -1
  211. package/components/card/themes/light/container/card.bootstrap.css.js.map +1 -1
  212. package/components/card/themes/light/container/card.fluent.css.js +1 -1
  213. package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
  214. package/components/card/themes/light/container/card.indigo.css.js +1 -1
  215. package/components/card/themes/light/container/card.indigo.css.js.map +1 -1
  216. package/components/card/themes/light/container/card.material.css.js +1 -1
  217. package/components/card/themes/light/container/card.material.css.js.map +1 -1
  218. package/components/card/themes/light/container/card.shared.css.js +3 -0
  219. package/components/card/themes/light/container/card.shared.css.js.map +1 -0
  220. package/components/card/themes/light/content/card.content.bootstrap.css.js +1 -1
  221. package/components/card/themes/light/content/card.content.bootstrap.css.js.map +1 -1
  222. package/components/card/themes/light/content/card.content.fluent.css.js +1 -1
  223. package/components/card/themes/light/content/card.content.fluent.css.js.map +1 -1
  224. package/components/card/themes/light/content/card.content.indigo.css.js +1 -1
  225. package/components/card/themes/light/content/card.content.indigo.css.js.map +1 -1
  226. package/components/card/themes/light/content/card.content.material.css.js +1 -1
  227. package/components/card/themes/light/content/card.content.material.css.js.map +1 -1
  228. package/components/card/themes/light/header/card.header.bootstrap.css.js +1 -1
  229. package/components/card/themes/light/header/card.header.bootstrap.css.js.map +1 -1
  230. package/components/card/themes/light/header/card.header.fluent.css.js +1 -1
  231. package/components/card/themes/light/header/card.header.fluent.css.js.map +1 -1
  232. package/components/card/themes/light/header/card.header.indigo.css.js +1 -1
  233. package/components/card/themes/light/header/card.header.indigo.css.js.map +1 -1
  234. package/components/card/themes/light/header/card.header.material.css.js +1 -1
  235. package/components/card/themes/light/header/card.header.material.css.js.map +1 -1
  236. package/components/checkbox/checkbox-base.d.ts +1 -1
  237. package/components/checkbox/checkbox.d.ts +1 -1
  238. package/components/checkbox/checkbox.js +2 -1
  239. package/components/checkbox/checkbox.js.map +1 -1
  240. package/components/checkbox/switch.d.ts +1 -1
  241. package/components/checkbox/switch.js +2 -1
  242. package/components/checkbox/switch.js.map +1 -1
  243. package/components/checkbox/themes/checkbox-themes.js +7 -0
  244. package/components/checkbox/themes/checkbox-themes.js.map +1 -1
  245. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  246. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  247. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  248. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  249. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  250. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  251. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
  252. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
  253. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
  254. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
  255. package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
  256. package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
  257. package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
  258. package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
  259. package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
  260. package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
  261. package/components/checkbox/themes/dark/switch/switch.shared.css.js +3 -0
  262. package/components/checkbox/themes/dark/switch/switch.shared.css.js.map +1 -0
  263. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  264. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  265. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
  266. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
  267. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  268. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  269. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  270. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  271. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +3 -0
  272. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -0
  273. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
  274. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
  275. package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
  276. package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
  277. package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
  278. package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
  279. package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
  280. package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
  281. package/components/checkbox/themes/light/switch/switch.shared.css.js +3 -0
  282. package/components/checkbox/themes/light/switch/switch.shared.css.js.map +1 -0
  283. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  284. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  285. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +3 -0
  286. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -0
  287. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  288. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  289. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  290. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  291. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  292. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  293. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  294. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  295. package/components/checkbox/themes/shared/switch/switch.common.css.d.ts +1 -0
  296. package/components/checkbox/themes/shared/switch/switch.common.css.js +3 -0
  297. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -0
  298. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  299. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  300. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  301. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  302. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  303. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  304. package/components/checkbox/themes/switch-themes.js +8 -0
  305. package/components/checkbox/themes/switch-themes.js.map +1 -1
  306. package/components/chip/chip.d.ts +1 -1
  307. package/components/chip/chip.js.map +1 -1
  308. package/components/chip/themes/chip.base.css.js +1 -1
  309. package/components/chip/themes/chip.base.css.js.map +1 -1
  310. package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
  311. package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
  312. package/components/chip/themes/dark/chip.fluent.css.js +1 -1
  313. package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
  314. package/components/chip/themes/dark/chip.indigo.css.js +1 -1
  315. package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
  316. package/components/chip/themes/dark/chip.material.css.js +1 -1
  317. package/components/chip/themes/dark/chip.material.css.js.map +1 -1
  318. package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
  319. package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
  320. package/components/chip/themes/light/chip.fluent.css.js +1 -1
  321. package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
  322. package/components/chip/themes/light/chip.indigo.css.js +1 -1
  323. package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
  324. package/components/chip/themes/light/chip.material.css.js +1 -1
  325. package/components/chip/themes/light/chip.material.css.js.map +1 -1
  326. package/components/chip/themes/light/chip.shared.css.d.ts +1 -0
  327. package/components/chip/themes/light/chip.shared.css.js +3 -0
  328. package/components/chip/themes/light/chip.shared.css.js.map +1 -0
  329. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  330. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  331. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  332. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  333. package/components/chip/themes/themes.js +7 -0
  334. package/components/chip/themes/themes.js.map +1 -1
  335. package/components/combo/combo-header.d.ts +1 -1
  336. package/components/combo/combo-header.js +2 -1
  337. package/components/combo/combo-header.js.map +1 -1
  338. package/components/combo/combo-item.d.ts +1 -1
  339. package/components/combo/combo-item.js +2 -1
  340. package/components/combo/combo-item.js.map +1 -1
  341. package/components/combo/combo-list.js.map +1 -1
  342. package/components/combo/combo.d.ts +3 -3
  343. package/components/combo/combo.js +3 -2
  344. package/components/combo/combo.js.map +1 -1
  345. package/components/combo/controllers/data.d.ts +2 -0
  346. package/components/combo/controllers/data.js +4 -0
  347. package/components/combo/controllers/data.js.map +1 -1
  348. package/components/combo/operations/group.d.ts +1 -4
  349. package/components/combo/operations/group.js +6 -17
  350. package/components/combo/operations/group.js.map +1 -1
  351. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  352. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  353. package/components/combo/themes/dark/combo.fluent.css.js +1 -1
  354. package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
  355. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  356. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  357. package/components/combo/themes/dark/combo.material.css.js +1 -1
  358. package/components/combo/themes/dark/combo.material.css.js.map +1 -1
  359. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  360. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  361. package/components/combo/themes/light/combo.fluent.css.js +1 -1
  362. package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
  363. package/components/combo/themes/light/combo.indigo.css.js +1 -1
  364. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  365. package/components/combo/themes/light/combo.material.css.js +1 -1
  366. package/components/combo/themes/light/combo.material.css.js.map +1 -1
  367. package/components/combo/themes/light/combo.shared.css.d.ts +1 -0
  368. package/components/combo/themes/light/combo.shared.css.js +3 -0
  369. package/components/combo/themes/light/combo.shared.css.js.map +1 -0
  370. package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
  371. package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
  372. package/components/combo/themes/shared/combo.common.css.d.ts +1 -0
  373. package/components/combo/themes/shared/combo.common.css.js +3 -0
  374. package/components/combo/themes/shared/combo.common.css.js.map +1 -0
  375. package/components/combo/themes/shared/combo.fluent.css.js +1 -1
  376. package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
  377. package/components/combo/themes/shared/combo.indigo.css.js +1 -1
  378. package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
  379. package/components/combo/themes/shared/combo.material.css.js +1 -1
  380. package/components/combo/themes/shared/combo.material.css.js.map +1 -1
  381. package/components/combo/themes/themes.js +7 -0
  382. package/components/combo/themes/themes.js.map +1 -1
  383. package/components/combo/types.d.ts +1 -1
  384. package/components/combo/types.js.map +1 -1
  385. package/components/common/controllers/key-bindings.js +1 -3
  386. package/components/common/controllers/key-bindings.js.map +1 -1
  387. package/components/common/controllers/mutation-observer.d.ts +69 -0
  388. package/components/common/controllers/mutation-observer.js +58 -0
  389. package/components/common/controllers/mutation-observer.js.map +1 -0
  390. package/components/common/localization/validation-en.d.ts +2 -0
  391. package/components/common/localization/validation-en.js +2 -0
  392. package/components/common/localization/validation-en.js.map +1 -1
  393. package/components/common/mixins/alert.d.ts +2 -2
  394. package/components/common/mixins/alert.js +1 -1
  395. package/components/common/mixins/alert.js.map +1 -1
  396. package/components/common/mixins/combo-box.d.ts +1 -1
  397. package/components/common/mixins/combo-box.js.map +1 -1
  398. package/components/common/mixins/event-emitter.d.ts +2 -2
  399. package/components/common/mixins/event-emitter.js.map +1 -1
  400. package/components/common/mixins/sizable.d.ts +1 -1
  401. package/components/common/mixins/sizable.js.map +1 -1
  402. package/components/common/util.d.ts +1 -1
  403. package/components/common/util.js +9 -13
  404. package/components/common/util.js.map +1 -1
  405. package/components/common/validators.d.ts +6 -0
  406. package/components/common/validators.js +11 -0
  407. package/components/common/validators.js.map +1 -1
  408. package/components/date-time-input/date-time-input.d.ts +6 -7
  409. package/components/date-time-input/date-time-input.js +8 -5
  410. package/components/date-time-input/date-time-input.js.map +1 -1
  411. package/components/dialog/dialog.d.ts +3 -2
  412. package/components/dialog/dialog.js +9 -6
  413. package/components/dialog/dialog.js.map +1 -1
  414. package/components/dialog/themes/dark/dialog.bootstrap.css.js +1 -1
  415. package/components/dialog/themes/dark/dialog.bootstrap.css.js.map +1 -1
  416. package/components/dialog/themes/dark/dialog.indigo.css.js +1 -1
  417. package/components/dialog/themes/dark/dialog.indigo.css.js.map +1 -1
  418. package/components/dialog/themes/dark/dialog.material.css.js +1 -1
  419. package/components/dialog/themes/dark/dialog.material.css.js.map +1 -1
  420. package/components/dialog/themes/dark/dialog.shared.css.d.ts +1 -0
  421. package/components/dialog/themes/dark/dialog.shared.css.js +3 -0
  422. package/components/dialog/themes/dark/dialog.shared.css.js.map +1 -0
  423. package/components/dialog/themes/light/dialog.bootstrap.css.js +1 -1
  424. package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -1
  425. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  426. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  427. package/components/dialog/themes/light/dialog.indigo.css.js +1 -1
  428. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
  429. package/components/dialog/themes/light/dialog.material.css.js +1 -1
  430. package/components/dialog/themes/light/dialog.material.css.js.map +1 -1
  431. package/components/dialog/themes/light/dialog.shared.css.d.ts +1 -0
  432. package/components/dialog/themes/light/dialog.shared.css.js +3 -0
  433. package/components/dialog/themes/light/dialog.shared.css.js.map +1 -0
  434. package/components/dialog/themes/themes.js +8 -0
  435. package/components/dialog/themes/themes.js.map +1 -1
  436. package/components/dropdown/dropdown-group.d.ts +1 -1
  437. package/components/dropdown/dropdown-group.js +2 -1
  438. package/components/dropdown/dropdown-group.js.map +1 -1
  439. package/components/dropdown/dropdown-header.d.ts +1 -1
  440. package/components/dropdown/dropdown-header.js +2 -1
  441. package/components/dropdown/dropdown-header.js.map +1 -1
  442. package/components/dropdown/dropdown-item.d.ts +1 -1
  443. package/components/dropdown/dropdown-item.js +2 -1
  444. package/components/dropdown/dropdown-item.js.map +1 -1
  445. package/components/dropdown/dropdown.d.ts +3 -3
  446. package/components/dropdown/dropdown.js +3 -2
  447. package/components/dropdown/dropdown.js.map +1 -1
  448. package/components/dropdown/themes/container.js +8 -0
  449. package/components/dropdown/themes/container.js.map +1 -1
  450. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  451. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  452. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  453. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  454. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  455. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  456. package/components/dropdown/themes/dark/dropdown.material.css.js +1 -1
  457. package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
  458. package/components/dropdown/themes/dark/dropdown.shared.css.d.ts +1 -0
  459. package/components/dropdown/themes/dark/dropdown.shared.css.js +3 -0
  460. package/components/dropdown/themes/dark/dropdown.shared.css.js.map +1 -0
  461. package/components/dropdown/themes/group.js +0 -21
  462. package/components/dropdown/themes/group.js.map +1 -1
  463. package/components/dropdown/themes/header.js +0 -21
  464. package/components/dropdown/themes/header.js.map +1 -1
  465. package/components/dropdown/themes/item.js +0 -21
  466. package/components/dropdown/themes/item.js.map +1 -1
  467. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
  468. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  469. package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
  470. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  471. package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
  472. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  473. package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
  474. package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
  475. package/components/dropdown/themes/light/dropdown.shared.css.d.ts +1 -0
  476. package/components/dropdown/themes/light/dropdown.shared.css.js +3 -0
  477. package/components/dropdown/themes/light/dropdown.shared.css.js.map +1 -0
  478. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js +1 -1
  479. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js.map +1 -1
  480. package/components/dropdown/themes/shared/dropdown.common.css.d.ts +1 -0
  481. package/components/dropdown/themes/shared/dropdown.common.css.js +3 -0
  482. package/components/dropdown/themes/shared/dropdown.common.css.js.map +1 -0
  483. package/components/dropdown/themes/shared/dropdown.fluent.css.js +1 -1
  484. package/components/dropdown/themes/shared/dropdown.fluent.css.js.map +1 -1
  485. package/components/dropdown/themes/shared/dropdown.indigo.css.js +1 -1
  486. package/components/dropdown/themes/shared/dropdown.indigo.css.js.map +1 -1
  487. package/components/dropdown/themes/shared/dropdown.material.css.js +1 -1
  488. package/components/dropdown/themes/shared/dropdown.material.css.js.map +1 -1
  489. package/components/dropdown/themes/shared/group/dropdown-group.common.css.d.ts +1 -0
  490. package/components/dropdown/themes/shared/group/{dropdown-group.indigo.css.js → dropdown-group.common.css.js} +1 -1
  491. package/components/dropdown/themes/shared/group/{dropdown-group.indigo.css.js.map → dropdown-group.common.css.js.map} +1 -1
  492. package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js +1 -1
  493. package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js.map +1 -1
  494. package/components/dropdown/themes/shared/header/dropdown-header.common.css.d.ts +1 -0
  495. package/components/dropdown/themes/shared/header/{dropdown-header.indigo.css.js → dropdown-header.common.css.js} +1 -1
  496. package/components/dropdown/themes/shared/header/{dropdown-header.indigo.css.js.map → dropdown-header.common.css.js.map} +1 -1
  497. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js +1 -1
  498. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map +1 -1
  499. package/components/dropdown/themes/shared/item/dropdown-item.common.css.d.ts +1 -0
  500. package/components/dropdown/themes/shared/item/{dropdown-item.indigo.css.js → dropdown-item.common.css.js} +1 -1
  501. package/components/dropdown/themes/shared/item/{dropdown-item.indigo.css.js.map → dropdown-item.common.css.js.map} +1 -1
  502. package/components/dropdown/themes/shared/item/dropdown-item.fluent.css.js +1 -1
  503. package/components/dropdown/themes/shared/item/dropdown-item.fluent.css.js.map +1 -1
  504. package/components/expansion-panel/expansion-panel.d.ts +3 -4
  505. package/components/expansion-panel/expansion-panel.js +6 -9
  506. package/components/expansion-panel/expansion-panel.js.map +1 -1
  507. package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js +1 -1
  508. package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js.map +1 -1
  509. package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js +1 -1
  510. package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js.map +1 -1
  511. package/components/expansion-panel/themes/dark/expansion-panel.material.css.js +1 -1
  512. package/components/expansion-panel/themes/dark/expansion-panel.material.css.js.map +1 -1
  513. package/components/expansion-panel/themes/dark/expansion-panel.shared.css.d.ts +1 -0
  514. package/components/expansion-panel/themes/dark/expansion-panel.shared.css.js +3 -0
  515. package/components/expansion-panel/themes/dark/expansion-panel.shared.css.js.map +1 -0
  516. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  517. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  518. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +1 -1
  519. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
  520. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +1 -1
  521. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
  522. package/components/expansion-panel/themes/light/expansion-panel.material.css.js +1 -1
  523. package/components/expansion-panel/themes/light/expansion-panel.material.css.js.map +1 -1
  524. package/components/expansion-panel/themes/light/expansion-panel.shared.css.d.ts +1 -0
  525. package/components/expansion-panel/themes/light/expansion-panel.shared.css.js +3 -0
  526. package/components/expansion-panel/themes/light/expansion-panel.shared.css.js.map +1 -0
  527. package/components/expansion-panel/themes/themes.js +8 -0
  528. package/components/expansion-panel/themes/themes.js.map +1 -1
  529. package/components/form/form.d.ts +2 -3
  530. package/components/form/form.js.map +1 -1
  531. package/components/icon/icon.js.map +1 -1
  532. package/components/icon/themes/dark/icon.bootstrap.css.js +1 -1
  533. package/components/icon/themes/dark/icon.bootstrap.css.js.map +1 -1
  534. package/components/icon/themes/dark/icon.fluent.css.js +1 -1
  535. package/components/icon/themes/dark/icon.fluent.css.js.map +1 -1
  536. package/components/icon/themes/dark/icon.indigo.css.js +1 -1
  537. package/components/icon/themes/dark/icon.indigo.css.js.map +1 -1
  538. package/components/icon/themes/dark/icon.material.css.js +1 -1
  539. package/components/icon/themes/dark/icon.material.css.js.map +1 -1
  540. package/components/icon/themes/light/icon.bootstrap.css.js +1 -1
  541. package/components/icon/themes/light/icon.bootstrap.css.js.map +1 -1
  542. package/components/icon/themes/light/icon.fluent.css.js +1 -1
  543. package/components/icon/themes/light/icon.fluent.css.js.map +1 -1
  544. package/components/icon/themes/light/icon.indigo.css.js +1 -1
  545. package/components/icon/themes/light/icon.indigo.css.js.map +1 -1
  546. package/components/icon/themes/light/icon.material.css.js +1 -1
  547. package/components/icon/themes/light/icon.material.css.js.map +1 -1
  548. package/components/icon/themes/light/icon.shared.css.d.ts +1 -0
  549. package/components/icon/themes/light/icon.shared.css.js +3 -0
  550. package/components/icon/themes/light/icon.shared.css.js.map +1 -0
  551. package/components/icon/themes/themes.js +7 -0
  552. package/components/icon/themes/themes.js.map +1 -1
  553. package/components/input/input-base.d.ts +4 -5
  554. package/components/input/input-base.js +5 -4
  555. package/components/input/input-base.js.map +1 -1
  556. package/components/input/input.d.ts +9 -8
  557. package/components/input/input.js +35 -14
  558. package/components/input/input.js.map +1 -1
  559. package/components/input/themes/dark/input.bootstrap.css.js +1 -1
  560. package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
  561. package/components/input/themes/dark/input.fluent.css.js +1 -1
  562. package/components/input/themes/dark/input.fluent.css.js.map +1 -1
  563. package/components/input/themes/dark/input.indigo.css.js +1 -1
  564. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  565. package/components/input/themes/dark/input.material.css.js +1 -1
  566. package/components/input/themes/dark/input.material.css.js.map +1 -1
  567. package/components/input/themes/light/input.bootstrap.css.js +1 -1
  568. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  569. package/components/input/themes/light/input.fluent.css.js +1 -1
  570. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  571. package/components/input/themes/light/input.indigo.css.js +1 -1
  572. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  573. package/components/input/themes/light/input.material.css.js +1 -1
  574. package/components/input/themes/light/input.material.css.js.map +1 -1
  575. package/components/input/themes/light/input.shared.css.d.ts +1 -0
  576. package/components/input/themes/light/input.shared.css.js +3 -0
  577. package/components/input/themes/light/input.shared.css.js.map +1 -0
  578. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  579. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  580. package/components/input/themes/shared/input.common.css.d.ts +1 -0
  581. package/components/input/themes/shared/input.common.css.js +3 -0
  582. package/components/input/themes/shared/input.common.css.js.map +1 -0
  583. package/components/input/themes/shared/input.fluent.css.js +1 -1
  584. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  585. package/components/input/themes/shared/input.indigo.css.js +1 -1
  586. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  587. package/components/input/themes/shared/input.material.css.js +1 -1
  588. package/components/input/themes/shared/input.material.css.js.map +1 -1
  589. package/components/input/themes/themes.js +7 -0
  590. package/components/input/themes/themes.js.map +1 -1
  591. package/components/list/list-header.js.map +1 -1
  592. package/components/list/list-item.js.map +1 -1
  593. package/components/list/list.js.map +1 -1
  594. package/components/list/themes/container.js +8 -0
  595. package/components/list/themes/container.js.map +1 -1
  596. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  597. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  598. package/components/list/themes/dark/container/list.fluent.css.js +1 -1
  599. package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
  600. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  601. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  602. package/components/list/themes/dark/container/list.material.css.js +1 -1
  603. package/components/list/themes/dark/container/list.material.css.js.map +1 -1
  604. package/components/list/themes/dark/container/list.shared.css.d.ts +1 -0
  605. package/components/list/themes/dark/container/list.shared.css.js +3 -0
  606. package/components/list/themes/dark/container/list.shared.css.js.map +1 -0
  607. package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
  608. package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
  609. package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
  610. package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
  611. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  612. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  613. package/components/list/themes/dark/header/list-header.material.css.js +1 -1
  614. package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
  615. package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
  616. package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
  617. package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
  618. package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
  619. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  620. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  621. package/components/list/themes/dark/item/list-item.material.css.js +1 -1
  622. package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
  623. package/components/list/themes/light/container/list.bootstrap.css.js +1 -1
  624. package/components/list/themes/light/container/list.bootstrap.css.js.map +1 -1
  625. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  626. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  627. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  628. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  629. package/components/list/themes/light/container/list.material.css.js +1 -1
  630. package/components/list/themes/light/container/list.material.css.js.map +1 -1
  631. package/components/list/themes/light/container/list.shared.css.d.ts +1 -0
  632. package/components/list/themes/light/container/list.shared.css.js +3 -0
  633. package/components/list/themes/light/container/list.shared.css.js.map +1 -0
  634. package/components/list/themes/light/header/list-header.bootstrap.css.js +1 -1
  635. package/components/list/themes/light/header/list-header.bootstrap.css.js.map +1 -1
  636. package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
  637. package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
  638. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  639. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  640. package/components/list/themes/light/header/list-header.material.css.js +1 -1
  641. package/components/list/themes/light/header/list-header.material.css.js.map +1 -1
  642. package/components/list/themes/light/item/list-item.bootstrap.css.js +1 -1
  643. package/components/list/themes/light/item/list-item.bootstrap.css.js.map +1 -1
  644. package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
  645. package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
  646. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  647. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  648. package/components/list/themes/light/item/list-item.material.css.js +1 -1
  649. package/components/list/themes/light/item/list-item.material.css.js.map +1 -1
  650. package/components/mask-input/mask-input-base.d.ts +3 -0
  651. package/components/mask-input/mask-input-base.js +23 -4
  652. package/components/mask-input/mask-input-base.js.map +1 -1
  653. package/components/mask-input/mask-input.d.ts +1 -2
  654. package/components/mask-input/mask-input.js +1 -3
  655. package/components/mask-input/mask-input.js.map +1 -1
  656. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  657. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  658. package/components/nav-drawer/nav-drawer.d.ts +1 -0
  659. package/components/nav-drawer/nav-drawer.js +5 -4
  660. package/components/nav-drawer/nav-drawer.js.map +1 -1
  661. package/components/nav-drawer/themes/container.js +8 -0
  662. package/components/nav-drawer/themes/container.js.map +1 -1
  663. package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js +1 -1
  664. package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js.map +1 -1
  665. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  666. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  667. package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js +1 -1
  668. package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js.map +1 -1
  669. package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js +1 -1
  670. package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js.map +1 -1
  671. package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.d.ts +1 -0
  672. package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js +3 -0
  673. package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js.map +1 -0
  674. package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js +1 -1
  675. package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js.map +1 -1
  676. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  677. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  678. package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js +1 -1
  679. package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map +1 -1
  680. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  681. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  682. package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.d.ts +1 -0
  683. package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js +3 -0
  684. package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js.map +1 -0
  685. package/components/navbar/navbar.js.map +1 -1
  686. package/components/navbar/themes/dark/navbar.bootstrap.css.js +1 -1
  687. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
  688. package/components/navbar/themes/dark/navbar.fluent.css.js +1 -1
  689. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
  690. package/components/navbar/themes/dark/navbar.indigo.css.js +1 -1
  691. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
  692. package/components/navbar/themes/dark/navbar.material.css.js +1 -1
  693. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
  694. package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
  695. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  696. package/components/navbar/themes/light/navbar.fluent.css.js +1 -1
  697. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  698. package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
  699. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  700. package/components/navbar/themes/light/navbar.material.css.js +1 -1
  701. package/components/navbar/themes/light/navbar.material.css.js.map +1 -1
  702. package/components/navbar/themes/light/navbar.shared.css.d.ts +1 -0
  703. package/components/navbar/themes/light/navbar.shared.css.js +3 -0
  704. package/components/navbar/themes/light/navbar.shared.css.js.map +1 -0
  705. package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
  706. package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
  707. package/components/navbar/themes/themes.js +7 -0
  708. package/components/navbar/themes/themes.js.map +1 -1
  709. package/components/popover/popover.js +1 -1
  710. package/components/popover/popover.js.map +1 -1
  711. package/components/progress/base.d.ts +10 -7
  712. package/components/progress/base.js +67 -50
  713. package/components/progress/base.js.map +1 -1
  714. package/components/progress/circular-gradient.js.map +1 -1
  715. package/components/progress/circular-progress.d.ts +3 -12
  716. package/components/progress/circular-progress.js +31 -42
  717. package/components/progress/circular-progress.js.map +1 -1
  718. package/components/progress/linear-progress.d.ts +0 -14
  719. package/components/progress/linear-progress.js +11 -24
  720. package/components/progress/linear-progress.js.map +1 -1
  721. package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js +1 -1
  722. package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js.map +1 -1
  723. package/components/progress/themes/circular/dark/circular.progress.fluent.css.js +1 -1
  724. package/components/progress/themes/circular/dark/circular.progress.fluent.css.js.map +1 -1
  725. package/components/progress/themes/circular/dark/circular.progress.indigo.css.js +1 -1
  726. package/components/progress/themes/circular/dark/circular.progress.indigo.css.js.map +1 -1
  727. package/components/progress/themes/circular/dark/circular.progress.material.css.js +1 -1
  728. package/components/progress/themes/circular/dark/circular.progress.material.css.js.map +1 -1
  729. package/components/progress/themes/circular/dark/circular.progress.shared.css.d.ts +1 -0
  730. package/components/progress/themes/circular/dark/circular.progress.shared.css.js +3 -0
  731. package/components/progress/themes/circular/dark/circular.progress.shared.css.js.map +1 -0
  732. package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js +1 -1
  733. package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js.map +1 -1
  734. package/components/progress/themes/circular/light/circular.progress.fluent.css.js +1 -1
  735. package/components/progress/themes/circular/light/circular.progress.fluent.css.js.map +1 -1
  736. package/components/progress/themes/circular/light/circular.progress.indigo.css.js +1 -1
  737. package/components/progress/themes/circular/light/circular.progress.indigo.css.js.map +1 -1
  738. package/components/progress/themes/circular/light/circular.progress.material.css.js +1 -1
  739. package/components/progress/themes/circular/light/circular.progress.material.css.js.map +1 -1
  740. package/components/progress/themes/circular/light/circular.progress.shared.css.d.ts +1 -0
  741. package/components/progress/themes/circular/light/circular.progress.shared.css.js +3 -0
  742. package/components/progress/themes/circular/light/circular.progress.shared.css.js.map +1 -0
  743. package/components/progress/themes/circular/themes.js +8 -0
  744. package/components/progress/themes/circular/themes.js.map +1 -1
  745. package/components/progress/themes/linear/dark/linear.progress.fluent.css.js +1 -1
  746. package/components/progress/themes/linear/dark/linear.progress.fluent.css.js.map +1 -1
  747. package/components/progress/themes/linear/dark/linear.progress.indigo.css.js +1 -1
  748. package/components/progress/themes/linear/dark/linear.progress.indigo.css.js.map +1 -1
  749. package/components/progress/themes/linear/dark/linear.progress.material.css.js +1 -1
  750. package/components/progress/themes/linear/dark/linear.progress.material.css.js.map +1 -1
  751. package/components/progress/themes/linear/dark/linear.progress.shared.css.d.ts +1 -0
  752. package/components/progress/themes/linear/dark/linear.progress.shared.css.js +3 -0
  753. package/components/progress/themes/linear/dark/linear.progress.shared.css.js.map +1 -0
  754. package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js +1 -1
  755. package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js.map +1 -1
  756. package/components/progress/themes/linear/light/linear.progress.fluent.css.js +1 -1
  757. package/components/progress/themes/linear/light/linear.progress.fluent.css.js.map +1 -1
  758. package/components/progress/themes/linear/light/linear.progress.indigo.css.js +1 -1
  759. package/components/progress/themes/linear/light/linear.progress.indigo.css.js.map +1 -1
  760. package/components/progress/themes/linear/light/linear.progress.material.css.js +1 -1
  761. package/components/progress/themes/linear/light/linear.progress.material.css.js.map +1 -1
  762. package/components/progress/themes/linear/light/linear.progress.shared.css.d.ts +1 -0
  763. package/components/progress/themes/linear/light/linear.progress.shared.css.js +3 -0
  764. package/components/progress/themes/linear/light/linear.progress.shared.css.js.map +1 -0
  765. package/components/progress/themes/linear/themes.js +8 -0
  766. package/components/progress/themes/linear/themes.js.map +1 -1
  767. package/components/radio/radio.d.ts +2 -2
  768. package/components/radio/radio.js +2 -1
  769. package/components/radio/radio.js.map +1 -1
  770. package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
  771. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  772. package/components/radio/themes/dark/radio.fluent.css.js +1 -1
  773. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  774. package/components/radio/themes/dark/radio.indigo.css.js +1 -1
  775. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  776. package/components/radio/themes/dark/radio.material.css.js +1 -1
  777. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  778. package/components/radio/themes/dark/radio.shared.css.d.ts +1 -0
  779. package/components/radio/themes/dark/radio.shared.css.js +3 -0
  780. package/components/radio/themes/dark/radio.shared.css.js.map +1 -0
  781. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  782. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  783. package/components/radio/themes/light/radio.fluent.css.js +1 -1
  784. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  785. package/components/radio/themes/light/radio.indigo.css.js +1 -1
  786. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  787. package/components/radio/themes/light/radio.material.css.js +1 -1
  788. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  789. package/components/radio/themes/light/radio.shared.css.d.ts +1 -0
  790. package/components/radio/themes/light/radio.shared.css.js +3 -0
  791. package/components/radio/themes/light/radio.shared.css.js.map +1 -0
  792. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  793. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  794. package/components/radio/themes/shared/radio.common.css.d.ts +1 -0
  795. package/components/radio/themes/shared/radio.common.css.js +3 -0
  796. package/components/radio/themes/shared/radio.common.css.js.map +1 -0
  797. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  798. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  799. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  800. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  801. package/components/radio/themes/shared/radio.material.css.js +1 -1
  802. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  803. package/components/radio/themes/themes.js +8 -0
  804. package/components/radio/themes/themes.js.map +1 -1
  805. package/components/radio/utils.js +5 -2
  806. package/components/radio/utils.js.map +1 -1
  807. package/components/radio-group/radio-group.js.map +1 -1
  808. package/components/rating/rating-symbol.js.map +1 -1
  809. package/components/rating/rating.d.ts +3 -4
  810. package/components/rating/rating.js +3 -3
  811. package/components/rating/rating.js.map +1 -1
  812. package/components/rating/themes/dark/rating.bootstrap.css.js +1 -1
  813. package/components/rating/themes/dark/rating.bootstrap.css.js.map +1 -1
  814. package/components/rating/themes/dark/rating.fluent.css.js +1 -1
  815. package/components/rating/themes/dark/rating.fluent.css.js.map +1 -1
  816. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  817. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  818. package/components/rating/themes/dark/rating.material.css.js +1 -1
  819. package/components/rating/themes/dark/rating.material.css.js.map +1 -1
  820. package/components/rating/themes/light/rating.bootstrap.css.js +1 -1
  821. package/components/rating/themes/light/rating.bootstrap.css.js.map +1 -1
  822. package/components/rating/themes/light/rating.fluent.css.js +1 -1
  823. package/components/rating/themes/light/rating.fluent.css.js.map +1 -1
  824. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  825. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  826. package/components/rating/themes/light/rating.material.css.js +1 -1
  827. package/components/rating/themes/light/rating.material.css.js.map +1 -1
  828. package/components/rating/themes/light/rating.shared.css.d.ts +1 -0
  829. package/components/rating/themes/light/rating.shared.css.js +3 -0
  830. package/components/rating/themes/light/rating.shared.css.js.map +1 -0
  831. package/components/rating/themes/themes.js +7 -0
  832. package/components/rating/themes/themes.js.map +1 -1
  833. package/components/ripple/ripple.js.map +1 -1
  834. package/components/select/select-group.d.ts +3 -5
  835. package/components/select/select-group.js +27 -25
  836. package/components/select/select-group.js.map +1 -1
  837. package/components/select/select-header.d.ts +1 -1
  838. package/components/select/select-header.js +2 -1
  839. package/components/select/select-header.js.map +1 -1
  840. package/components/select/select-item.d.ts +1 -1
  841. package/components/select/select-item.js +2 -1
  842. package/components/select/select-item.js.map +1 -1
  843. package/components/select/select.d.ts +3 -3
  844. package/components/select/select.js +4 -6
  845. package/components/select/select.js.map +1 -1
  846. package/components/select/themes/dark/select.bootstrap.css.js +1 -1
  847. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
  848. package/components/select/themes/dark/select.fluent.css.js +1 -1
  849. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  850. package/components/select/themes/dark/select.indigo.css.js +1 -1
  851. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  852. package/components/select/themes/dark/select.material.css.js +1 -1
  853. package/components/select/themes/dark/select.material.css.js.map +1 -1
  854. package/components/select/themes/light/select.bootstrap.css.js +1 -1
  855. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  856. package/components/select/themes/light/select.fluent.css.js +1 -1
  857. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  858. package/components/select/themes/light/select.indigo.css.js +1 -1
  859. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  860. package/components/select/themes/light/select.material.css.js +1 -1
  861. package/components/select/themes/light/select.material.css.js.map +1 -1
  862. package/components/select/themes/light/select.shared.css.d.ts +1 -0
  863. package/components/select/themes/light/select.shared.css.js +3 -0
  864. package/components/select/themes/light/select.shared.css.js.map +1 -0
  865. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  866. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  867. package/components/select/themes/shared/select.common.css.d.ts +1 -0
  868. package/components/select/themes/shared/select.common.css.js +3 -0
  869. package/components/select/themes/shared/select.common.css.js.map +1 -0
  870. package/components/select/themes/shared/select.fluent.css.js +1 -1
  871. package/components/select/themes/shared/select.fluent.css.js.map +1 -1
  872. package/components/select/themes/shared/select.indigo.css.js +1 -1
  873. package/components/select/themes/shared/select.indigo.css.js.map +1 -1
  874. package/components/select/themes/shared/select.material.css.js +1 -1
  875. package/components/select/themes/shared/select.material.css.js.map +1 -1
  876. package/components/select/themes/themes.js +7 -0
  877. package/components/select/themes/themes.js.map +1 -1
  878. package/components/slider/range-slider.d.ts +22 -7
  879. package/components/slider/range-slider.js +64 -69
  880. package/components/slider/range-slider.js.map +1 -1
  881. package/components/slider/slider-base.d.ts +39 -22
  882. package/components/slider/slider-base.js +150 -186
  883. package/components/slider/slider-base.js.map +1 -1
  884. package/components/slider/slider-label.js.map +1 -1
  885. package/components/slider/slider.d.ts +4 -3
  886. package/components/slider/slider.js +15 -22
  887. package/components/slider/slider.js.map +1 -1
  888. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  889. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  890. package/components/slider/themes/dark/slider.fluent.css.js +1 -1
  891. package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
  892. package/components/slider/themes/dark/slider.indigo.css.js +1 -1
  893. package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
  894. package/components/slider/themes/dark/slider.material.css.js +1 -1
  895. package/components/slider/themes/dark/slider.material.css.js.map +1 -1
  896. package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
  897. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  898. package/components/slider/themes/light/slider.fluent.css.js +1 -1
  899. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  900. package/components/slider/themes/light/slider.indigo.css.js +1 -1
  901. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  902. package/components/slider/themes/light/slider.material.css.js +1 -1
  903. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  904. package/components/slider/themes/light/slider.shared.css.d.ts +1 -0
  905. package/components/slider/themes/light/slider.shared.css.js +3 -0
  906. package/components/slider/themes/light/slider.shared.css.js.map +1 -0
  907. package/components/slider/themes/shared/slider.bootstrap.css.js +1 -1
  908. package/components/slider/themes/shared/slider.bootstrap.css.js.map +1 -1
  909. package/components/slider/themes/shared/slider.common.css.d.ts +1 -0
  910. package/components/slider/themes/shared/slider.common.css.js +3 -0
  911. package/components/slider/themes/shared/slider.common.css.js.map +1 -0
  912. package/components/slider/themes/shared/slider.fluent.css.js +1 -1
  913. package/components/slider/themes/shared/slider.fluent.css.js.map +1 -1
  914. package/components/slider/themes/shared/slider.indigo.css.js +1 -1
  915. package/components/slider/themes/shared/slider.indigo.css.js.map +1 -1
  916. package/components/slider/themes/shared/slider.material.css.js +1 -1
  917. package/components/slider/themes/shared/slider.material.css.js.map +1 -1
  918. package/components/slider/themes/themes.js +7 -0
  919. package/components/slider/themes/themes.js.map +1 -1
  920. package/components/snackbar/snackbar.d.ts +5 -3
  921. package/components/snackbar/snackbar.js +9 -9
  922. package/components/snackbar/snackbar.js.map +1 -1
  923. package/components/snackbar/themes/dark/snackbar.bootstrap.css.js +1 -1
  924. package/components/snackbar/themes/dark/snackbar.bootstrap.css.js.map +1 -1
  925. package/components/snackbar/themes/dark/snackbar.fluent.css.js +1 -1
  926. package/components/snackbar/themes/dark/snackbar.fluent.css.js.map +1 -1
  927. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  928. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  929. package/components/snackbar/themes/dark/snackbar.material.css.js +1 -1
  930. package/components/snackbar/themes/dark/snackbar.material.css.js.map +1 -1
  931. package/components/snackbar/themes/light/snackbar.bootstrap.css.js +1 -1
  932. package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
  933. package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
  934. package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
  935. package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
  936. package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
  937. package/components/snackbar/themes/light/snackbar.material.css.js +1 -1
  938. package/components/snackbar/themes/light/snackbar.material.css.js.map +1 -1
  939. package/components/snackbar/themes/light/snackbar.shared.css.d.ts +1 -0
  940. package/components/snackbar/themes/light/snackbar.shared.css.js +3 -0
  941. package/components/snackbar/themes/light/snackbar.shared.css.js.map +1 -0
  942. package/components/snackbar/themes/themes.js +7 -0
  943. package/components/snackbar/themes/themes.js.map +1 -1
  944. package/components/stepper/step.d.ts +1 -2
  945. package/components/stepper/step.js +5 -7
  946. package/components/stepper/step.js.map +1 -1
  947. package/components/stepper/stepper.d.ts +1 -1
  948. package/components/stepper/stepper.js.map +1 -1
  949. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  950. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  951. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  952. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  953. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  954. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  955. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  956. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  957. package/components/stepper/themes/step/dark/step.shared.css.d.ts +1 -0
  958. package/components/stepper/themes/step/dark/step.shared.css.js +3 -0
  959. package/components/stepper/themes/step/dark/step.shared.css.js.map +1 -0
  960. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  961. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  962. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  963. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  964. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  965. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  966. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  967. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  968. package/components/stepper/themes/step/light/step.shared.css.d.ts +1 -0
  969. package/components/stepper/themes/step/light/step.shared.css.js +3 -0
  970. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -0
  971. package/components/stepper/themes/step/themes.js +8 -0
  972. package/components/stepper/themes/step/themes.js.map +1 -1
  973. package/components/tabs/tab-panel.js.map +1 -1
  974. package/components/tabs/tab.js.map +1 -1
  975. package/components/tabs/tabs.d.ts +13 -3
  976. package/components/tabs/tabs.js +95 -81
  977. package/components/tabs/tabs.js.map +1 -1
  978. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  979. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  980. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  981. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  982. package/components/tabs/themes/dark/tab.shared.css.d.ts +1 -0
  983. package/components/tabs/themes/dark/tab.shared.css.js +3 -0
  984. package/components/tabs/themes/dark/tab.shared.css.js.map +1 -0
  985. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  986. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  987. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  988. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  989. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  990. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  991. package/components/tabs/themes/light/tab.material.css.js +1 -1
  992. package/components/tabs/themes/light/tab.material.css.js.map +1 -1
  993. package/components/tabs/themes/light/tab.shared.css.d.ts +1 -0
  994. package/components/tabs/themes/light/tab.shared.css.js +3 -0
  995. package/components/tabs/themes/light/tab.shared.css.js.map +1 -0
  996. package/components/tabs/themes/tabs-themes.js +8 -0
  997. package/components/tabs/themes/tabs-themes.js.map +1 -1
  998. package/components/textarea/textarea.d.ts +1 -1
  999. package/components/textarea/textarea.js +10 -3
  1000. package/components/textarea/textarea.js.map +1 -1
  1001. package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
  1002. package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
  1003. package/components/textarea/themes/dark/textarea.fluent.css.js +1 -1
  1004. package/components/textarea/themes/dark/textarea.fluent.css.js.map +1 -1
  1005. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  1006. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  1007. package/components/textarea/themes/dark/textarea.material.css.js +1 -1
  1008. package/components/textarea/themes/dark/textarea.material.css.js.map +1 -1
  1009. package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
  1010. package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
  1011. package/components/textarea/themes/light/textarea.fluent.css.js +1 -1
  1012. package/components/textarea/themes/light/textarea.fluent.css.js.map +1 -1
  1013. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  1014. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  1015. package/components/textarea/themes/light/textarea.material.css.js +1 -1
  1016. package/components/textarea/themes/light/textarea.material.css.js.map +1 -1
  1017. package/components/textarea/themes/light/textarea.shared.css.d.ts +1 -0
  1018. package/components/textarea/themes/light/textarea.shared.css.js +3 -0
  1019. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -0
  1020. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  1021. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  1022. package/components/textarea/themes/shared/textarea.common.css.d.ts +1 -0
  1023. package/components/textarea/themes/shared/textarea.common.css.js +3 -0
  1024. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -0
  1025. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  1026. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  1027. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  1028. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  1029. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  1030. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  1031. package/components/textarea/themes/themes.js +7 -0
  1032. package/components/textarea/themes/themes.js.map +1 -1
  1033. package/components/toast/themes/dark/toast.bootstrap.css.js +1 -1
  1034. package/components/toast/themes/dark/toast.bootstrap.css.js.map +1 -1
  1035. package/components/toast/themes/dark/toast.fluent.css.js +1 -1
  1036. package/components/toast/themes/dark/toast.fluent.css.js.map +1 -1
  1037. package/components/toast/themes/dark/toast.indigo.css.js +1 -1
  1038. package/components/toast/themes/dark/toast.indigo.css.js.map +1 -1
  1039. package/components/toast/themes/dark/toast.material.css.js +1 -1
  1040. package/components/toast/themes/dark/toast.material.css.js.map +1 -1
  1041. package/components/toast/themes/dark/toast.shared.css.d.ts +1 -0
  1042. package/components/toast/themes/dark/toast.shared.css.js +3 -0
  1043. package/components/toast/themes/dark/toast.shared.css.js.map +1 -0
  1044. package/components/toast/themes/light/toast.fluent.css.js +1 -1
  1045. package/components/toast/themes/light/toast.fluent.css.js.map +1 -1
  1046. package/components/toast/themes/light/toast.indigo.css.js +1 -1
  1047. package/components/toast/themes/light/toast.indigo.css.js.map +1 -1
  1048. package/components/toast/themes/light/toast.material.css.js +1 -1
  1049. package/components/toast/themes/light/toast.material.css.js.map +1 -1
  1050. package/components/toast/themes/light/toast.shared.css.d.ts +1 -0
  1051. package/components/toast/themes/light/toast.shared.css.js +3 -0
  1052. package/components/toast/themes/light/toast.shared.css.js.map +1 -0
  1053. package/components/toast/themes/themes.js +8 -0
  1054. package/components/toast/themes/themes.js.map +1 -1
  1055. package/components/toast/toast.d.ts +2 -1
  1056. package/components/toast/toast.js +5 -4
  1057. package/components/toast/toast.js.map +1 -1
  1058. package/components/tree/themes/container.js +8 -0
  1059. package/components/tree/themes/container.js.map +1 -1
  1060. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  1061. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  1062. package/components/tree/themes/dark/container.fluent.css.js +1 -1
  1063. package/components/tree/themes/dark/container.fluent.css.js.map +1 -1
  1064. package/components/tree/themes/dark/container.indigo.css.js +1 -1
  1065. package/components/tree/themes/dark/container.indigo.css.js.map +1 -1
  1066. package/components/tree/themes/dark/container.material.css.js +1 -1
  1067. package/components/tree/themes/dark/container.material.css.js.map +1 -1
  1068. package/components/tree/themes/dark/container.shared.css.d.ts +1 -0
  1069. package/components/tree/themes/dark/container.shared.css.js +3 -0
  1070. package/components/tree/themes/dark/container.shared.css.js.map +1 -0
  1071. package/components/tree/themes/item.base.css.js +1 -1
  1072. package/components/tree/themes/item.base.css.js.map +1 -1
  1073. package/components/tree/themes/item.js +0 -14
  1074. package/components/tree/themes/item.js.map +1 -1
  1075. package/components/tree/themes/light/container.bootstrap.css.js +1 -1
  1076. package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
  1077. package/components/tree/themes/light/container.fluent.css.js +1 -1
  1078. package/components/tree/themes/light/container.fluent.css.js.map +1 -1
  1079. package/components/tree/themes/light/container.indigo.css.js +1 -1
  1080. package/components/tree/themes/light/container.indigo.css.js.map +1 -1
  1081. package/components/tree/themes/light/container.material.css.js +1 -1
  1082. package/components/tree/themes/light/container.material.css.js.map +1 -1
  1083. package/components/tree/themes/light/container.shared.css.d.ts +1 -0
  1084. package/components/tree/themes/light/container.shared.css.js +3 -0
  1085. package/components/tree/themes/light/container.shared.css.js.map +1 -0
  1086. package/components/tree/themes/shared/item.common.css.d.ts +1 -0
  1087. package/components/tree/themes/shared/item.common.css.js +3 -0
  1088. package/components/tree/themes/shared/item.common.css.js.map +1 -0
  1089. package/components/tree/themes/shared/item.indigo.css.js +1 -1
  1090. package/components/tree/themes/shared/item.indigo.css.js.map +1 -1
  1091. package/components/tree/themes/shared/item.material.css.js +1 -1
  1092. package/components/tree/themes/shared/item.material.css.js.map +1 -1
  1093. package/components/tree/tree-item.d.ts +2 -4
  1094. package/components/tree/tree-item.js +7 -10
  1095. package/components/tree/tree-item.js.map +1 -1
  1096. package/components/tree/tree.d.ts +1 -1
  1097. package/components/tree/tree.js.map +1 -1
  1098. package/components/tree/tree.navigation.js.map +1 -1
  1099. package/components/tree/tree.selection.js.map +1 -1
  1100. package/custom-elements.json +1064 -1005
  1101. package/package.json +2 -2
  1102. package/themes/dark/fluent.css +1 -1
  1103. package/themes/light/fluent.css +1 -1
  1104. package/theming/config.js +4 -1
  1105. package/theming/config.js.map +1 -1
  1106. package/theming/theming-controller.js +7 -4
  1107. package/theming/theming-controller.js.map +1 -1
  1108. package/theming/utils.d.ts +1 -1
  1109. package/theming/utils.js +43 -26
  1110. package/theming/utils.js.map +1 -1
  1111. package/components/dropdown/themes/shared/group/dropdown-group.bootstrap.css.js +0 -3
  1112. package/components/dropdown/themes/shared/group/dropdown-group.bootstrap.css.js.map +0 -1
  1113. package/components/dropdown/themes/shared/group/dropdown-group.material.css.js +0 -3
  1114. package/components/dropdown/themes/shared/group/dropdown-group.material.css.js.map +0 -1
  1115. package/components/dropdown/themes/shared/header/dropdown-header.bootstrap.css.js +0 -3
  1116. package/components/dropdown/themes/shared/header/dropdown-header.bootstrap.css.js.map +0 -1
  1117. package/components/dropdown/themes/shared/header/dropdown-header.material.css.js +0 -3
  1118. package/components/dropdown/themes/shared/header/dropdown-header.material.css.js.map +0 -1
  1119. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js +0 -3
  1120. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js.map +0 -1
  1121. package/components/dropdown/themes/shared/item/dropdown-item.material.css.js +0 -3
  1122. package/components/dropdown/themes/shared/item/dropdown-item.material.css.js.map +0 -1
  1123. package/components/tabs/utils.d.ts +0 -14
  1124. package/components/tabs/utils.js +0 -32
  1125. package/components/tabs/utils.js.map +0 -1
  1126. package/components/tree/themes/shared/item.bootstrap.css.js +0 -3
  1127. package/components/tree/themes/shared/item.bootstrap.css.js.map +0 -1
  1128. package/components/tree/themes/shared/item.fluent.css.js +0 -3
  1129. package/components/tree/themes/shared/item.fluent.css.js.map +0 -1
  1130. /package/components/{dropdown/themes/shared/group/dropdown-group.bootstrap.css.d.ts → avatar/themes/light/avatar.shared.css.d.ts} +0 -0
  1131. /package/components/{dropdown/themes/shared/group/dropdown-group.indigo.css.d.ts → badge/themes/light/badge.shared.css.d.ts} +0 -0
  1132. /package/components/{dropdown/themes/shared/header/dropdown-header.indigo.css.d.ts → button/themes/button/light/button.shared.css.d.ts} +0 -0
  1133. /package/components/{dropdown/themes/shared/group/dropdown-group.material.css.d.ts → button-group/themes/dark/button-group.shared.css.d.ts} +0 -0
  1134. /package/components/{dropdown/themes/shared/header/dropdown-header.bootstrap.css.d.ts → button-group/themes/light/button-group.shared.css.d.ts} +0 -0
  1135. /package/components/{dropdown/themes/shared/header/dropdown-header.material.css.d.ts → calendar/themes/light/calendar.shared.css.d.ts} +0 -0
  1136. /package/components/{dropdown/themes/shared/item/dropdown-item.bootstrap.css.d.ts → card/themes/light/container/card.shared.css.d.ts} +0 -0
  1137. /package/components/{dropdown/themes/shared/item/dropdown-item.indigo.css.d.ts → checkbox/themes/dark/switch/switch.shared.css.d.ts} +0 -0
  1138. /package/components/{dropdown/themes/shared/item/dropdown-item.material.css.d.ts → checkbox/themes/light/checkbox/checkbox.shared.css.d.ts} +0 -0
  1139. /package/components/{tree/themes/shared/item.bootstrap.css.d.ts → checkbox/themes/light/switch/switch.shared.css.d.ts} +0 -0
  1140. /package/components/{tree/themes/shared/item.fluent.css.d.ts → checkbox/themes/shared/checkbox/checkbox.common.css.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../src/components/stepper/stepper.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport IgcStepComponent from './step.js';\nimport { IgcStepperEventMap } from './stepper.common.js';\nimport { styles } from './themes/stepper/stepper.base.css.js';\nimport { styles as bootstrap } from './themes/stepper/stepper.bootstrap.css.js';\nimport { styles as fluent } from './themes/stepper/stepper.fluent.css.js';\nimport { styles as indigo } from './themes/stepper/stepper.indigo.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { isLTR } from '../common/util.js';\n\n/**\n * IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n *\n * @remarks\n * The stepper component allows the user to navigate between multiple steps.\n * It supports horizontal and vertical orientation as well as keyboard navigation and provides API methods to control the active step.\n *\n * @element igc-stepper\n *\n * @slot - Renders the step components inside default slot.\n *\n * @fires igcActiveStepChanging - Emitted when the active step is about to change.\n * @fires igcActiveStepChanged - Emitted when the active step is changed.\n */\n@themes({\n light: { bootstrap, fluent, indigo },\n dark: { bootstrap, fluent, indigo },\n})\nexport default class IgcStepperComponent extends EventEmitterMixin<\n IgcStepperEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-stepper';\n protected static styles = styles;\n\n public static register() {\n registerComponent(this, IgcStepComponent);\n }\n\n private readonly keyDownHandlers: Map<string, Function> = new Map(\n Object.entries({\n Enter: this.activateStep,\n Space: this.activateStep,\n SpaceBar: this.activateStep,\n ' ': this.activateStep,\n ArrowUp: this.onArrowUpKeyDown,\n ArrowDown: this.onArrowDownKeyDown,\n ArrowLeft: this.onArrowLeftKeyDown,\n ArrowRight: this.onArrowRightKeyDown,\n Home: this.onHomeKey,\n End: this.onEndKey,\n })\n );\n\n private activeStep!: IgcStepComponent;\n\n /** Returns all of the stepper's steps. */\n @queryAssignedElements({ selector: 'igc-step' })\n public steps!: Array<IgcStepComponent>;\n\n /** Gets/Sets the orientation of the stepper.\n *\n * @remarks\n * Default value is `horizontal`.\n */\n @property({ reflect: true })\n public orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n /** Get/Set the type of the steps.\n *\n * @remarks\n * Default value is `full`.\n */\n @property({ reflect: true, attribute: 'step-type' })\n public stepType: 'indicator' | 'title' | 'full' = 'full';\n\n /**\n * Get/Set whether the stepper is linear.\n *\n * @remarks\n * If the stepper is in linear mode and if the active step is valid only then the user is able to move forward.\n */\n @property({ type: Boolean })\n public linear = false;\n\n /**\n * Get/Set whether the content is displayed above the steps.\n *\n * @remarks\n * Default value is `false` and the content is below the steps.\n */\n @property({ reflect: true, type: Boolean, attribute: 'content-top' })\n public contentTop = false;\n\n /**\n * The animation type when in vertical mode.\n * @attr vertical-animation\n */\n @property({ attribute: 'vertical-animation' })\n public verticalAnimation: 'grow' | 'fade' | 'none' = 'grow';\n\n /**\n * The animation type when in horizontal mode.\n * @attr horizontal-animation\n */\n @property({ attribute: 'horizontal-animation' })\n public horizontalAnimation: 'slide' | 'fade' | 'none' = 'slide';\n\n /**\n * The animation duration in either vertical or horizontal mode.\n * @attr animation-duration\n */\n @property({ attribute: 'animation-duration', type: Number })\n public animationDuration = 320;\n\n /**\n * Get/Set the position of the steps title.\n *\n * @remarks\n * The default value is undefined.\n * When the stepper is horizontally orientated the title is positioned below the indicator.\n * When the stepper is horizontally orientated the title is positioned on the right side of the indicator.\n */\n @property({ reflect: false, attribute: 'title-position' })\n public titlePosition?: 'bottom' | 'top' | 'end' | 'start';\n\n @watch('orientation', { waitUntilFirstUpdate: true })\n protected orientationChange(): void {\n this.setAttribute('aria-orientation', this.orientation);\n this.steps.forEach((step: IgcStepComponent) => {\n step.orientation = this.orientation;\n this.updateAnimation(step);\n });\n }\n\n @watch('stepType', { waitUntilFirstUpdate: true })\n protected stepTypeChange(): void {\n this.steps.forEach(\n (step: IgcStepComponent) => (step.stepType = this.stepType)\n );\n }\n\n @watch('titlePosition', { waitUntilFirstUpdate: true })\n protected titlePositionChange(): void {\n this.steps.forEach((step: IgcStepComponent) => {\n if (\n this.titlePosition !== 'bottom' &&\n this.titlePosition !== 'top' &&\n this.titlePosition !== 'end' &&\n this.titlePosition !== 'start'\n ) {\n step.titlePosition = undefined;\n } else {\n step.titlePosition = this.titlePosition;\n }\n });\n }\n\n @watch('contentTop', { waitUntilFirstUpdate: true })\n protected contentTopChange(): void {\n this.steps.forEach(\n (step: IgcStepComponent) => (step.contentTop = this.contentTop)\n );\n }\n\n @watch('linear', { waitUntilFirstUpdate: true })\n protected linearChange(): void {\n this.steps.forEach((step: IgcStepComponent) => {\n step.linearDisabled = this.linear;\n if (step.index <= this.activeStep.index) {\n step.visited = true;\n } else {\n step.visited = false;\n }\n });\n if (this.linear) {\n this.updateStepsLinearDisabled();\n }\n }\n\n @watch('verticalAnimation', { waitUntilFirstUpdate: true })\n @watch('horizontalAnimation', { waitUntilFirstUpdate: true })\n protected animationTypeChange() {\n this.steps.forEach((step: IgcStepComponent) => {\n this.updateAnimation(step);\n });\n }\n\n @watch('animationDuration', { waitUntilFirstUpdate: true })\n protected animationDurationChange() {\n this.steps.forEach((step: IgcStepComponent) => {\n step.animationDuration = this.animationDuration;\n });\n }\n\n constructor() {\n super();\n\n this.addEventListener('stepActiveChanged', (event: any) => {\n event.stopPropagation();\n this.activateStep(event.target, event.detail);\n });\n\n this.addEventListener('stepDisabledInvalidChanged', (event: any) => {\n event.stopPropagation();\n if (this.linear) {\n this.updateStepsLinearDisabled();\n }\n });\n\n this.addEventListener('stepCompleteChanged', (event: any) => {\n event.stopPropagation();\n const nextStep = this.steps[event.target.index + 1];\n if (nextStep) {\n nextStep.previousComplete = event.target.complete;\n }\n });\n\n this.addEventListener('stepHeaderKeydown', (event: any) => {\n event.stopPropagation();\n this.handleKeydown(event.detail.event, event.detail.focusedStep);\n });\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'tablist');\n this.setAttribute('aria-orientation', this.orientation);\n }\n\n private activateFirstStep() {\n const firstEnabledStep = this.steps.find(\n (s: IgcStepComponent) => !s.disabled\n );\n if (firstEnabledStep) {\n this.activateStep(firstEnabledStep, false);\n }\n }\n\n private animateSteps(\n nextStep: IgcStepComponent,\n currentStep: IgcStepComponent\n ) {\n if (nextStep.index > currentStep.index) {\n // Animate steps in ascending/next direction\n currentStep.toggleAnimation('out');\n nextStep.toggleAnimation('in');\n } else {\n // Animate steps in descending/previous direction\n currentStep.toggleAnimation('in', 'reverse');\n nextStep.toggleAnimation('out', 'reverse');\n }\n }\n\n private async activateStep(step: IgcStepComponent, shouldEmit = true) {\n if (step === this.activeStep) {\n return;\n }\n\n if (shouldEmit) {\n const args = {\n detail: {\n owner: this,\n oldIndex: this.activeStep.index,\n newIndex: step.index,\n },\n cancelable: true,\n };\n\n this.animateSteps(step, this.activeStep);\n\n const allowed = this.emitEvent('igcActiveStepChanging', args);\n\n if (!allowed) {\n return;\n }\n this.changeActiveStep(step);\n this.emitEvent('igcActiveStepChanged', {\n detail: { owner: this, index: step.index },\n });\n } else {\n this.changeActiveStep(step);\n }\n }\n\n private changeActiveStep(step: IgcStepComponent) {\n if (this.activeStep) {\n this.activeStep.active = false;\n }\n step.active = true;\n step.visited = true;\n this.activeStep = step;\n }\n\n private moveToNextStep(next = true) {\n let steps = this.steps;\n let activeStepIndex = this.activeStep.index;\n if (!next) {\n steps = this.steps.reverse();\n activeStepIndex = steps.findIndex(\n (step: IgcStepComponent) => step === this.activeStep\n );\n }\n\n const nextStep = steps.find(\n (step: IgcStepComponent, i: number) =>\n i > activeStepIndex && step.isAccessible\n );\n\n if (nextStep) {\n this.animateSteps(nextStep, this.activeStep);\n this.activateStep(nextStep, false);\n }\n }\n\n private handleKeydown(event: KeyboardEvent, focusedStep: IgcStepComponent) {\n const key = event.key.toLowerCase();\n\n if (this.keyDownHandlers.has(event.key)) {\n event.preventDefault();\n this.keyDownHandlers.get(event.key)?.call(this, focusedStep);\n }\n if (key === 'tab' && this.orientation === 'vertical') {\n return;\n }\n if (key === 'tab' && this.activeStep.index !== focusedStep.index) {\n this.activeStep.header.focus();\n }\n }\n\n private onHomeKey() {\n this.steps\n .filter((step: IgcStepComponent) => step.isAccessible)[0]\n ?.header?.focus();\n }\n\n private onEndKey() {\n this.steps\n .filter((step: IgcStepComponent) => step.isAccessible)\n .pop()\n ?.header?.focus();\n }\n\n private onArrowDownKeyDown(focusedStep: IgcStepComponent) {\n if (this.orientation === 'horizontal') {\n return;\n }\n this.getNextStep(focusedStep)?.header?.focus();\n }\n\n private onArrowUpKeyDown(focusedStep: IgcStepComponent) {\n if (this.orientation === 'horizontal') {\n return;\n }\n this.getPreviousStep(focusedStep)?.header?.focus();\n }\n\n private onArrowRightKeyDown(focusedStep: IgcStepComponent) {\n if (!isLTR(this) && this.orientation === 'horizontal') {\n this.getPreviousStep(focusedStep)?.header?.focus();\n } else {\n this.getNextStep(focusedStep)?.header?.focus();\n }\n }\n\n private onArrowLeftKeyDown(focusedStep: IgcStepComponent) {\n if (!isLTR(this) && this.orientation === 'horizontal') {\n this.getNextStep(focusedStep)?.header?.focus();\n } else {\n this.getPreviousStep(focusedStep)?.header?.focus();\n }\n }\n\n private getNextStep(\n focusedStep: IgcStepComponent\n ): IgcStepComponent | undefined {\n if (focusedStep.index === this.steps.length - 1) {\n return this.steps.find((step: IgcStepComponent) => step.isAccessible);\n }\n\n const nextAccessible = this.steps.find(\n (step: IgcStepComponent, i: number) =>\n i > focusedStep.index && step.isAccessible\n );\n return nextAccessible\n ? nextAccessible\n : this.steps.find((step: IgcStepComponent) => step.isAccessible);\n }\n\n private getPreviousStep(\n focusedStep: IgcStepComponent\n ): IgcStepComponent | undefined {\n if (focusedStep.index === 0) {\n return this.steps\n .filter((step: IgcStepComponent) => step.isAccessible)\n .pop();\n }\n\n let prevStep;\n for (let i = focusedStep.index - 1; i >= 0; i--) {\n const step = this.steps[i];\n if (step.isAccessible) {\n prevStep = step;\n break;\n }\n }\n\n return prevStep\n ? prevStep\n : this.steps.filter((step: IgcStepComponent) => step.isAccessible).pop();\n }\n\n private updateStepsLinearDisabled(): void {\n const firstInvalidStep = this.steps\n .filter((step: IgcStepComponent) => !step.disabled && !step.optional)\n .find((step: IgcStepComponent) => step.invalid);\n if (firstInvalidStep) {\n this.steps.forEach((step: IgcStepComponent) => {\n if (step.index <= firstInvalidStep.index) {\n step.linearDisabled = false;\n } else {\n step.linearDisabled = true;\n }\n });\n } else {\n this.steps.forEach(\n (step: IgcStepComponent) => (step.linearDisabled = false)\n );\n }\n }\n\n private updateAnimation(step: IgcStepComponent) {\n if (this.orientation === 'horizontal') {\n step.animation = this.horizontalAnimation;\n }\n\n if (this.orientation === 'vertical') {\n step.animation = this.verticalAnimation;\n }\n }\n\n private syncProperties(): void {\n this.steps.forEach((step: IgcStepComponent, index: number) => {\n step.orientation = this.orientation;\n step.stepType = this.stepType;\n step.titlePosition = this.titlePosition;\n step.contentTop = this.contentTop;\n step.index = index;\n step.active = this.activeStep === step;\n step.header?.setAttribute('aria-posinset', (index + 1).toString());\n step.header?.setAttribute('aria-setsize', this.steps.length.toString());\n step.header?.setAttribute('id', `igc-step-header-${index}`);\n step.header?.setAttribute('aria-controls', `igc-step-content-${index}`);\n if (index > 0) {\n step.previousComplete = this.steps[index - 1].complete;\n }\n step.animationDuration = this.animationDuration;\n this.updateAnimation(step);\n });\n }\n\n private stepsChanged(): void {\n this.style.setProperty('--steps-count', this.steps.length.toString());\n\n const lastActiveStep = this.steps\n .reverse()\n .find((step: IgcStepComponent) => step.active);\n if (!lastActiveStep) {\n // initially when there isn't a predefined active step or when the active step is removed\n this.activateFirstStep();\n } else {\n // activate the last step marked as active\n this.activateStep(lastActiveStep, false);\n }\n\n this.syncProperties();\n if (this.linear) {\n this.updateStepsLinearDisabled();\n }\n }\n\n /** Activates the step at a given index. */\n public navigateTo(index: number) {\n const step = this.steps[index];\n if (!step) {\n return;\n }\n this.activateStep(step, false);\n }\n\n /** Activates the next enabled step. */\n public next(): void {\n this.moveToNextStep();\n }\n\n /** Activates the previous enabled step. */\n public prev(): void {\n this.moveToNextStep(false);\n }\n\n /**\n * Resets the stepper to its initial state i.e. activates the first step.\n *\n * @remarks\n * The steps' content will not be automatically reset.\n */\n public reset(): void {\n this.steps.forEach((step) => (step.visited = false));\n this.activateFirstStep();\n }\n\n protected override render() {\n return html`<slot @slotchange=${this.stepsChanged}></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-stepper': IgcStepperComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../src/components/stepper/stepper.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport IgcStepComponent from './step.js';\nimport { IgcStepperEventMap } from './stepper.common.js';\nimport { styles } from './themes/stepper/stepper.base.css.js';\nimport { styles as bootstrap } from './themes/stepper/stepper.bootstrap.css.js';\nimport { styles as fluent } from './themes/stepper/stepper.fluent.css.js';\nimport { styles as indigo } from './themes/stepper/stepper.indigo.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { isLTR } from '../common/util.js';\n\n/**\n * IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n *\n * @remarks\n * The stepper component allows the user to navigate between multiple steps.\n * It supports horizontal and vertical orientation as well as keyboard navigation and provides API methods to control the active step.\n *\n * @element igc-stepper\n *\n * @slot - Renders the step components inside default slot.\n *\n * @fires igcActiveStepChanging - Emitted when the active step is about to change.\n * @fires igcActiveStepChanged - Emitted when the active step is changed.\n */\n@themes({\n light: { bootstrap, fluent, indigo },\n dark: { bootstrap, fluent, indigo },\n})\nexport default class IgcStepperComponent extends EventEmitterMixin<\n IgcStepperEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-stepper';\n protected static styles = styles;\n\n /* blazorSuppress */\n public static register() {\n registerComponent(this, IgcStepComponent);\n }\n\n private readonly keyDownHandlers: Map<string, Function> = new Map(\n Object.entries({\n Enter: this.activateStep,\n Space: this.activateStep,\n SpaceBar: this.activateStep,\n ' ': this.activateStep,\n ArrowUp: this.onArrowUpKeyDown,\n ArrowDown: this.onArrowDownKeyDown,\n ArrowLeft: this.onArrowLeftKeyDown,\n ArrowRight: this.onArrowRightKeyDown,\n Home: this.onHomeKey,\n End: this.onEndKey,\n })\n );\n\n private activeStep!: IgcStepComponent;\n\n /** Returns all of the stepper's steps. */\n @queryAssignedElements({ selector: 'igc-step' })\n public steps!: Array<IgcStepComponent>;\n\n /** Gets/Sets the orientation of the stepper.\n *\n * @remarks\n * Default value is `horizontal`.\n */\n @property({ reflect: true })\n public orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n /** Get/Set the type of the steps.\n *\n * @remarks\n * Default value is `full`.\n */\n @property({ reflect: true, attribute: 'step-type' })\n public stepType: 'indicator' | 'title' | 'full' = 'full';\n\n /**\n * Get/Set whether the stepper is linear.\n *\n * @remarks\n * If the stepper is in linear mode and if the active step is valid only then the user is able to move forward.\n */\n @property({ type: Boolean })\n public linear = false;\n\n /**\n * Get/Set whether the content is displayed above the steps.\n *\n * @remarks\n * Default value is `false` and the content is below the steps.\n */\n @property({ reflect: true, type: Boolean, attribute: 'content-top' })\n public contentTop = false;\n\n /**\n * The animation type when in vertical mode.\n * @attr vertical-animation\n */\n @property({ attribute: 'vertical-animation' })\n public verticalAnimation: 'grow' | 'fade' | 'none' = 'grow';\n\n /**\n * The animation type when in horizontal mode.\n * @attr horizontal-animation\n */\n @property({ attribute: 'horizontal-animation' })\n public horizontalAnimation: 'slide' | 'fade' | 'none' = 'slide';\n\n /**\n * The animation duration in either vertical or horizontal mode.\n * @attr animation-duration\n */\n @property({ attribute: 'animation-duration', type: Number })\n public animationDuration = 320;\n\n /**\n * Get/Set the position of the steps title.\n *\n * @remarks\n * The default value is undefined.\n * When the stepper is horizontally orientated the title is positioned below the indicator.\n * When the stepper is horizontally orientated the title is positioned on the right side of the indicator.\n */\n @property({ reflect: false, attribute: 'title-position' })\n public titlePosition?: 'bottom' | 'top' | 'end' | 'start';\n\n @watch('orientation', { waitUntilFirstUpdate: true })\n protected orientationChange(): void {\n this.setAttribute('aria-orientation', this.orientation);\n this.steps.forEach((step: IgcStepComponent) => {\n step.orientation = this.orientation;\n this.updateAnimation(step);\n });\n }\n\n @watch('stepType', { waitUntilFirstUpdate: true })\n protected stepTypeChange(): void {\n this.steps.forEach(\n (step: IgcStepComponent) => (step.stepType = this.stepType)\n );\n }\n\n @watch('titlePosition', { waitUntilFirstUpdate: true })\n protected titlePositionChange(): void {\n this.steps.forEach((step: IgcStepComponent) => {\n if (\n this.titlePosition !== 'bottom' &&\n this.titlePosition !== 'top' &&\n this.titlePosition !== 'end' &&\n this.titlePosition !== 'start'\n ) {\n step.titlePosition = undefined;\n } else {\n step.titlePosition = this.titlePosition;\n }\n });\n }\n\n @watch('contentTop', { waitUntilFirstUpdate: true })\n protected contentTopChange(): void {\n this.steps.forEach(\n (step: IgcStepComponent) => (step.contentTop = this.contentTop)\n );\n }\n\n @watch('linear', { waitUntilFirstUpdate: true })\n protected linearChange(): void {\n this.steps.forEach((step: IgcStepComponent) => {\n step.linearDisabled = this.linear;\n if (step.index <= this.activeStep.index) {\n step.visited = true;\n } else {\n step.visited = false;\n }\n });\n if (this.linear) {\n this.updateStepsLinearDisabled();\n }\n }\n\n @watch('verticalAnimation', { waitUntilFirstUpdate: true })\n @watch('horizontalAnimation', { waitUntilFirstUpdate: true })\n protected animationTypeChange() {\n this.steps.forEach((step: IgcStepComponent) => {\n this.updateAnimation(step);\n });\n }\n\n @watch('animationDuration', { waitUntilFirstUpdate: true })\n protected animationDurationChange() {\n this.steps.forEach((step: IgcStepComponent) => {\n step.animationDuration = this.animationDuration;\n });\n }\n\n constructor() {\n super();\n\n this.addEventListener('stepActiveChanged', (event: any) => {\n event.stopPropagation();\n this.activateStep(event.target, event.detail);\n });\n\n this.addEventListener('stepDisabledInvalidChanged', (event: any) => {\n event.stopPropagation();\n if (this.linear) {\n this.updateStepsLinearDisabled();\n }\n });\n\n this.addEventListener('stepCompleteChanged', (event: any) => {\n event.stopPropagation();\n const nextStep = this.steps[event.target.index + 1];\n if (nextStep) {\n nextStep.previousComplete = event.target.complete;\n }\n });\n\n this.addEventListener('stepHeaderKeydown', (event: any) => {\n event.stopPropagation();\n this.handleKeydown(event.detail.event, event.detail.focusedStep);\n });\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'tablist');\n this.setAttribute('aria-orientation', this.orientation);\n }\n\n private activateFirstStep() {\n const firstEnabledStep = this.steps.find(\n (s: IgcStepComponent) => !s.disabled\n );\n if (firstEnabledStep) {\n this.activateStep(firstEnabledStep, false);\n }\n }\n\n private animateSteps(\n nextStep: IgcStepComponent,\n currentStep: IgcStepComponent\n ) {\n if (nextStep.index > currentStep.index) {\n // Animate steps in ascending/next direction\n currentStep.toggleAnimation('out');\n nextStep.toggleAnimation('in');\n } else {\n // Animate steps in descending/previous direction\n currentStep.toggleAnimation('in', 'reverse');\n nextStep.toggleAnimation('out', 'reverse');\n }\n }\n\n private async activateStep(step: IgcStepComponent, shouldEmit = true) {\n if (step === this.activeStep) {\n return;\n }\n\n if (shouldEmit) {\n const args = {\n detail: {\n owner: this,\n oldIndex: this.activeStep.index,\n newIndex: step.index,\n },\n cancelable: true,\n };\n\n this.animateSteps(step, this.activeStep);\n\n const allowed = this.emitEvent('igcActiveStepChanging', args);\n\n if (!allowed) {\n return;\n }\n this.changeActiveStep(step);\n this.emitEvent('igcActiveStepChanged', {\n detail: { owner: this, index: step.index },\n });\n } else {\n this.changeActiveStep(step);\n }\n }\n\n private changeActiveStep(step: IgcStepComponent) {\n if (this.activeStep) {\n this.activeStep.active = false;\n }\n step.active = true;\n step.visited = true;\n this.activeStep = step;\n }\n\n private moveToNextStep(next = true) {\n let steps = this.steps;\n let activeStepIndex = this.activeStep.index;\n if (!next) {\n steps = this.steps.reverse();\n activeStepIndex = steps.findIndex(\n (step: IgcStepComponent) => step === this.activeStep\n );\n }\n\n const nextStep = steps.find(\n (step: IgcStepComponent, i: number) =>\n i > activeStepIndex && step.isAccessible\n );\n\n if (nextStep) {\n this.animateSteps(nextStep, this.activeStep);\n this.activateStep(nextStep, false);\n }\n }\n\n private handleKeydown(event: KeyboardEvent, focusedStep: IgcStepComponent) {\n const key = event.key.toLowerCase();\n\n if (this.keyDownHandlers.has(event.key)) {\n event.preventDefault();\n this.keyDownHandlers.get(event.key)?.call(this, focusedStep);\n }\n if (key === 'tab' && this.orientation === 'vertical') {\n return;\n }\n if (key === 'tab' && this.activeStep.index !== focusedStep.index) {\n this.activeStep.header.focus();\n }\n }\n\n private onHomeKey() {\n this.steps\n .filter((step: IgcStepComponent) => step.isAccessible)[0]\n ?.header?.focus();\n }\n\n private onEndKey() {\n this.steps\n .filter((step: IgcStepComponent) => step.isAccessible)\n .pop()\n ?.header?.focus();\n }\n\n private onArrowDownKeyDown(focusedStep: IgcStepComponent) {\n if (this.orientation === 'horizontal') {\n return;\n }\n this.getNextStep(focusedStep)?.header?.focus();\n }\n\n private onArrowUpKeyDown(focusedStep: IgcStepComponent) {\n if (this.orientation === 'horizontal') {\n return;\n }\n this.getPreviousStep(focusedStep)?.header?.focus();\n }\n\n private onArrowRightKeyDown(focusedStep: IgcStepComponent) {\n if (!isLTR(this) && this.orientation === 'horizontal') {\n this.getPreviousStep(focusedStep)?.header?.focus();\n } else {\n this.getNextStep(focusedStep)?.header?.focus();\n }\n }\n\n private onArrowLeftKeyDown(focusedStep: IgcStepComponent) {\n if (!isLTR(this) && this.orientation === 'horizontal') {\n this.getNextStep(focusedStep)?.header?.focus();\n } else {\n this.getPreviousStep(focusedStep)?.header?.focus();\n }\n }\n\n private getNextStep(\n focusedStep: IgcStepComponent\n ): IgcStepComponent | undefined {\n if (focusedStep.index === this.steps.length - 1) {\n return this.steps.find((step: IgcStepComponent) => step.isAccessible);\n }\n\n const nextAccessible = this.steps.find(\n (step: IgcStepComponent, i: number) =>\n i > focusedStep.index && step.isAccessible\n );\n return nextAccessible\n ? nextAccessible\n : this.steps.find((step: IgcStepComponent) => step.isAccessible);\n }\n\n private getPreviousStep(\n focusedStep: IgcStepComponent\n ): IgcStepComponent | undefined {\n if (focusedStep.index === 0) {\n return this.steps\n .filter((step: IgcStepComponent) => step.isAccessible)\n .pop();\n }\n\n let prevStep;\n for (let i = focusedStep.index - 1; i >= 0; i--) {\n const step = this.steps[i];\n if (step.isAccessible) {\n prevStep = step;\n break;\n }\n }\n\n return prevStep\n ? prevStep\n : this.steps.filter((step: IgcStepComponent) => step.isAccessible).pop();\n }\n\n private updateStepsLinearDisabled(): void {\n const firstInvalidStep = this.steps\n .filter((step: IgcStepComponent) => !step.disabled && !step.optional)\n .find((step: IgcStepComponent) => step.invalid);\n if (firstInvalidStep) {\n this.steps.forEach((step: IgcStepComponent) => {\n if (step.index <= firstInvalidStep.index) {\n step.linearDisabled = false;\n } else {\n step.linearDisabled = true;\n }\n });\n } else {\n this.steps.forEach(\n (step: IgcStepComponent) => (step.linearDisabled = false)\n );\n }\n }\n\n private updateAnimation(step: IgcStepComponent) {\n if (this.orientation === 'horizontal') {\n step.animation = this.horizontalAnimation;\n }\n\n if (this.orientation === 'vertical') {\n step.animation = this.verticalAnimation;\n }\n }\n\n private syncProperties(): void {\n this.steps.forEach((step: IgcStepComponent, index: number) => {\n step.orientation = this.orientation;\n step.stepType = this.stepType;\n step.titlePosition = this.titlePosition;\n step.contentTop = this.contentTop;\n step.index = index;\n step.active = this.activeStep === step;\n step.header?.setAttribute('aria-posinset', (index + 1).toString());\n step.header?.setAttribute('aria-setsize', this.steps.length.toString());\n step.header?.setAttribute('id', `igc-step-header-${index}`);\n step.header?.setAttribute('aria-controls', `igc-step-content-${index}`);\n if (index > 0) {\n step.previousComplete = this.steps[index - 1].complete;\n }\n step.animationDuration = this.animationDuration;\n this.updateAnimation(step);\n });\n }\n\n private stepsChanged(): void {\n this.style.setProperty('--steps-count', this.steps.length.toString());\n\n const lastActiveStep = this.steps\n .reverse()\n .find((step: IgcStepComponent) => step.active);\n if (!lastActiveStep) {\n // initially when there isn't a predefined active step or when the active step is removed\n this.activateFirstStep();\n } else {\n // activate the last step marked as active\n this.activateStep(lastActiveStep, false);\n }\n\n this.syncProperties();\n if (this.linear) {\n this.updateStepsLinearDisabled();\n }\n }\n\n /** Activates the step at a given index. */\n public navigateTo(index: number) {\n const step = this.steps[index];\n if (!step) {\n return;\n }\n this.activateStep(step, false);\n }\n\n /** Activates the next enabled step. */\n public next(): void {\n this.moveToNextStep();\n }\n\n /** Activates the previous enabled step. */\n public prev(): void {\n this.moveToNextStep(false);\n }\n\n /**\n * Resets the stepper to its initial state i.e. activates the first step.\n *\n * @remarks\n * The steps' content will not be automatically reset.\n */\n public reset(): void {\n this.steps.forEach((step) => (step.visited = false));\n this.activateFirstStep();\n }\n\n protected override render() {\n return html`<slot @slotchange=${this.stepsChanged}></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-stepper': IgcStepperComponent;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;
2
+ export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent))}`;
3
3
  //# sourceMappingURL=step.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w0MAAw0M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;\n"]}
1
+ {"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yyKAAyyK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;
2
+ export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent))}`;
3
3
  //# sourceMappingURL=step.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,suMAAsuM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;\n"]}
1
+ {"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,usKAAusK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-600), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem))}`;
2
+ export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-600), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
3
3
  //# sourceMappingURL=step.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,61MAA61M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-600), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem))}`;\n"]}
1
+ {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uxKAAuxK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-600), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem))}`;
2
+ export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent))}`;
3
3
  //# sourceMappingURL=step.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s2MAAs2M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem))}`;\n"]}
1
+ {"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,82KAA82K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent))}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
3
+ //# sourceMappingURL=step.shared.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"step.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kCAA8kC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-100), 0.3));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-100), 0.3));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-100), 0.3));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-100), 0.3));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), 0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), 0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), 0.5));--current-indicator-color: var(--ig-stepper-current-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-300), 0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-300), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-300), 0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-300), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-300), 0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-300), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-300), 0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-300), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;
2
+ export const styles = css `:host{--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-300), 0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-300), 0.5));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-300), 0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-300), 0.5));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-300), 0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-300), 0.5));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-300), 0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-300), 0.5));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent))}`;
3
3
  //# sourceMappingURL=step.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0yMAA0yM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-300), 0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-300), 0.5));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-300), 0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-300), 0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-300), 0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-300), 0.5));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-300), 0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-300), 0.5));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;\n"]}
1
+ {"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qyDAAqyD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-300), 0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-300), 0.5));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-300), 0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-300), 0.5));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-300), 0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-300), 0.5));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-300), 0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-300), 0.5));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-400), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;
2
+ export const styles = css `:host{--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent))}`;
3
3
  //# sourceMappingURL=step.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gzMAAgzM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem))}`;\n"]}
1
+ {"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+3BAA+3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem))}`;
2
+ export const styles = css `:host{--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
3
3
  //# sourceMappingURL=step.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,66MAA66M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem))}`;\n"]}
1
+ {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ucAAuc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}