igniteui-webcomponents 6.4.0-alpha.3 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (398) hide show
  1. package/CHANGELOG.md +90 -2
  2. package/LICENSE +18 -10
  3. package/README.md +65 -56
  4. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  5. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  6. package/components/button/themes/button/dark/button.material.css.js +1 -1
  7. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  8. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  9. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  10. package/components/button/themes/button/light/button.material.css.js +1 -1
  11. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  12. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  13. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  14. package/components/button/themes/button/shared/button.common.css.js +1 -1
  15. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  16. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  17. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  18. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  19. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  20. package/components/button/themes/button/shared/button.material.css.js +1 -1
  21. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  22. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  23. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  24. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  25. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  26. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  27. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  28. package/components/button-group/themes/shared/button/button.material.css.js +1 -1
  29. package/components/button-group/themes/shared/button/button.material.css.js.map +1 -1
  30. package/components/calendar/calendar.d.ts +5 -3
  31. package/components/calendar/calendar.js +22 -35
  32. package/components/calendar/calendar.js.map +1 -1
  33. package/components/calendar/days-view/days-view.d.ts +3 -3
  34. package/components/calendar/days-view/days-view.js +15 -22
  35. package/components/calendar/days-view/days-view.js.map +1 -1
  36. package/components/calendar/months-view/months-view.d.ts +2 -3
  37. package/components/calendar/months-view/months-view.js +9 -19
  38. package/components/calendar/months-view/months-view.js.map +1 -1
  39. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  40. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  41. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  42. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  43. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  44. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  45. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  46. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  47. package/components/calendar/themes/days.js +8 -23
  48. package/components/calendar/themes/days.js.map +1 -1
  49. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  50. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  51. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  52. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  53. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  54. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  55. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  56. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  57. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  58. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  59. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  60. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  61. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  62. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  63. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  64. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  65. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  66. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  67. package/components/calendar/themes/year-month.js +8 -23
  68. package/components/calendar/themes/year-month.js.map +1 -1
  69. package/components/carousel/carousel.d.ts +2 -1
  70. package/components/carousel/carousel.js.map +1 -1
  71. package/components/chat/themes/chat.base.css.js +1 -1
  72. package/components/chat/themes/chat.base.css.js.map +1 -1
  73. package/components/chat/themes/input.base.css.js +1 -1
  74. package/components/chat/themes/input.base.css.js.map +1 -1
  75. package/components/chat/themes/shared/chat.bootstrap.css.js +1 -1
  76. package/components/chat/themes/shared/chat.bootstrap.css.js.map +1 -1
  77. package/components/chat/themes/shared/chat.fluent.css.js +1 -1
  78. package/components/chat/themes/shared/chat.fluent.css.js.map +1 -1
  79. package/components/chat/themes/shared/chat.indigo.css.js +1 -1
  80. package/components/chat/themes/shared/chat.indigo.css.js.map +1 -1
  81. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  82. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  83. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  84. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  85. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  86. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  87. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  88. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  89. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  90. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  91. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  92. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  93. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  94. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  95. package/components/chip/chip.d.ts +2 -1
  96. package/components/chip/chip.js.map +1 -1
  97. package/components/combo/combo.d.ts +3 -2
  98. package/components/combo/combo.js +7 -0
  99. package/components/combo/combo.js.map +1 -1
  100. package/components/combo/controllers/selection.js.map +1 -1
  101. package/components/combo/validators.js +2 -2
  102. package/components/combo/validators.js.map +1 -1
  103. package/components/common/controllers/async-consumer.js.map +1 -1
  104. package/components/common/controllers/focus-ring.js +1 -5
  105. package/components/common/controllers/focus-ring.js.map +1 -1
  106. package/components/common/controllers/root-click.js +46 -21
  107. package/components/common/controllers/root-click.js.map +1 -1
  108. package/components/common/i18n/EN/calendar.resources.js +4 -1
  109. package/components/common/i18n/EN/calendar.resources.js.map +1 -1
  110. package/components/common/i18n/EN/date-range-picker.resources.js.map +1 -1
  111. package/components/common/i18n/i18n-controller.js +6 -9
  112. package/components/common/i18n/i18n-controller.js.map +1 -1
  113. package/components/common/i18n/utils.d.ts +0 -12
  114. package/components/common/i18n/utils.js +0 -12
  115. package/components/common/i18n/utils.js.map +1 -1
  116. package/components/common/mixins/forms/associated.js +3 -23
  117. package/components/common/mixins/forms/associated.js.map +1 -1
  118. package/components/common/util.d.ts +5 -0
  119. package/components/common/util.js +5 -0
  120. package/components/common/util.js.map +1 -1
  121. package/components/common/validators.d.ts +2 -4
  122. package/components/common/validators.js +13 -19
  123. package/components/common/validators.js.map +1 -1
  124. package/components/date-picker/date-picker.d.ts +7 -3
  125. package/components/date-picker/date-picker.js +2 -2
  126. package/components/date-picker/date-picker.js.map +1 -1
  127. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  128. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  129. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  130. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  131. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  132. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  133. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  134. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  135. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  136. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  137. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  138. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  139. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  140. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  141. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  142. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  143. package/components/date-picker/validators.js +2 -3
  144. package/components/date-picker/validators.js.map +1 -1
  145. package/components/date-range-picker/date-range-picker.d.ts +7 -2
  146. package/components/date-range-picker/date-range-picker.js +12 -9
  147. package/components/date-range-picker/date-range-picker.js.map +1 -1
  148. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  149. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  150. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  151. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  152. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  153. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  154. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  155. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  156. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +1 -1
  157. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -1
  158. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +1 -1
  159. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -1
  160. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +1 -1
  161. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -1
  162. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +1 -1
  163. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -1
  164. package/components/date-range-picker/validators.js +5 -8
  165. package/components/date-range-picker/validators.js.map +1 -1
  166. package/components/date-time-input/date-time-input.d.ts +6 -2
  167. package/components/date-time-input/date-time-input.js +22 -15
  168. package/components/date-time-input/date-time-input.js.map +1 -1
  169. package/components/date-time-input/date-util.d.ts +11 -9
  170. package/components/date-time-input/date-util.js +23 -219
  171. package/components/date-time-input/date-util.js.map +1 -1
  172. package/components/dialog/dialog.d.ts +2 -0
  173. package/components/dialog/dialog.js +18 -9
  174. package/components/dialog/dialog.js.map +1 -1
  175. package/components/dialog/themes/dark/dialog.fluent.css.js +1 -1
  176. package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
  177. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  178. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  179. package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
  180. package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
  181. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  182. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  183. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  184. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  185. package/components/file-input/file-input.d.ts +13 -0
  186. package/components/file-input/file-input.js +27 -2
  187. package/components/file-input/file-input.js.map +1 -1
  188. package/components/input/themes/dark/input.indigo.css.js +1 -1
  189. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  190. package/components/input/themes/light/input.indigo.css.js +1 -1
  191. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  192. package/components/input/themes/light/input.shared.css.js +1 -1
  193. package/components/input/themes/light/input.shared.css.js.map +1 -1
  194. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  195. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  196. package/components/input/themes/shared/input.common.css.js +1 -1
  197. package/components/input/themes/shared/input.common.css.js.map +1 -1
  198. package/components/input/themes/shared/input.fluent.css.js +1 -1
  199. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  200. package/components/input/themes/shared/input.indigo.css.js +1 -1
  201. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  202. package/components/input/themes/shared/input.material.css.js +1 -1
  203. package/components/input/themes/shared/input.material.css.js.map +1 -1
  204. package/components/input/validators.js +3 -3
  205. package/components/input/validators.js.map +1 -1
  206. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  207. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  208. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  209. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  210. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  211. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  212. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  213. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  214. package/components/mask-input/mask-input-base.js +3 -2
  215. package/components/mask-input/mask-input-base.js.map +1 -1
  216. package/components/mask-input/mask-parser.d.ts +30 -7
  217. package/components/mask-input/mask-parser.js +70 -42
  218. package/components/mask-input/mask-parser.js.map +1 -1
  219. package/components/mask-input/validators.js +2 -2
  220. package/components/mask-input/validators.js.map +1 -1
  221. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  222. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  223. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  224. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  225. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  226. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  227. package/components/navbar/themes/shared/navbar.common.css.js +1 -1
  228. package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
  229. package/components/radio/themes/light/radio.material.css.js +1 -1
  230. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  231. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  232. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  233. package/components/radio/themes/shared/radio.common.css.js +1 -1
  234. package/components/radio/themes/shared/radio.common.css.js.map +1 -1
  235. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  236. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  237. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  238. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  239. package/components/radio/themes/shared/radio.material.css.js +1 -1
  240. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  241. package/components/radio/validators.js +2 -2
  242. package/components/radio/validators.js.map +1 -1
  243. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  244. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  245. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  246. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  247. package/components/ripple/ripple.d.ts +3 -3
  248. package/components/ripple/ripple.js +34 -31
  249. package/components/ripple/ripple.js.map +1 -1
  250. package/components/snackbar/themes/shared/snackbar.common.css.js +1 -1
  251. package/components/snackbar/themes/shared/snackbar.common.css.js.map +1 -1
  252. package/components/snackbar/themes/shared/snackbar.fluent.css.js +1 -1
  253. package/components/snackbar/themes/shared/snackbar.fluent.css.js.map +1 -1
  254. package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
  255. package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
  256. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  257. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  258. package/components/snackbar/themes/themes.js +2 -3
  259. package/components/snackbar/themes/themes.js.map +1 -1
  260. package/components/stepper/step.js +2 -2
  261. package/components/stepper/step.js.map +1 -1
  262. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  263. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  264. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  265. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  266. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  267. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  268. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  269. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  270. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  271. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  272. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  273. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  274. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  275. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  276. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  277. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  278. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  279. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  280. package/components/stepper/themes/step/shared/step.common.css.js +1 -1
  281. package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
  282. package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
  283. package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
  284. package/components/tabs/tab-dom.js +8 -9
  285. package/components/tabs/tab-dom.js.map +1 -1
  286. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  287. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  288. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  289. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  290. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  291. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  292. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  293. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  294. package/components/tabs/themes/dark/tab.shared.css.js +1 -1
  295. package/components/tabs/themes/dark/tab.shared.css.js.map +1 -1
  296. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  297. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  298. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  299. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  300. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  301. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  302. package/components/tabs/themes/light/tab.material.css.js +1 -1
  303. package/components/tabs/themes/light/tab.material.css.js.map +1 -1
  304. package/components/tabs/themes/light/tab.shared.css.js +1 -1
  305. package/components/tabs/themes/light/tab.shared.css.js.map +1 -1
  306. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  307. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  308. package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
  309. package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
  310. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  311. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  312. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  313. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  314. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  315. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  316. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
  317. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
  318. package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
  319. package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
  320. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  321. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  322. package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
  323. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
  324. package/components/tabs/themes/tabs.base.css.js +1 -1
  325. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  326. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  327. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  328. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  329. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  330. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  331. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  332. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  333. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  334. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  335. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  336. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  337. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  338. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  339. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  340. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  341. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  342. package/components/textarea/themes/textarea.base.css.js +1 -1
  343. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  344. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  345. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  346. package/components/tree/themes/light/container.bootstrap.css.js +1 -1
  347. package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
  348. package/components/tree/tree-item.js +4 -0
  349. package/components/tree/tree-item.js.map +1 -1
  350. package/components/tree/tree.d.ts +14 -0
  351. package/components/tree/tree.js +23 -0
  352. package/components/tree/tree.js.map +1 -1
  353. package/components/validation-container/validation-container.d.ts +0 -1
  354. package/components/validation-container/validation-container.js +6 -9
  355. package/components/validation-container/validation-container.js.map +1 -1
  356. package/custom-elements.json +706 -1056
  357. package/igniteui-webcomponents.html-data.json +1 -1
  358. package/index.d.ts +2 -1
  359. package/index.js +2 -1
  360. package/index.js.map +1 -1
  361. package/package.json +10 -5
  362. package/web-types.json +1 -1
  363. package/components/common/localization/intl-formatters.d.ts +0 -17
  364. package/components/common/localization/intl-formatters.js +0 -46
  365. package/components/common/localization/intl-formatters.js.map +0 -1
  366. package/components/snackbar/themes/shared/snackbar.bootstrap.css.d.ts +0 -1
  367. package/components/snackbar/themes/shared/snackbar.bootstrap.css.js +0 -3
  368. package/components/snackbar/themes/shared/snackbar.bootstrap.css.js.map +0 -1
  369. package/components/validation-container/themes/dark/validator.bootstrap.css.d.ts +0 -1
  370. package/components/validation-container/themes/dark/validator.bootstrap.css.js +0 -3
  371. package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +0 -1
  372. package/components/validation-container/themes/dark/validator.fluent.css.d.ts +0 -1
  373. package/components/validation-container/themes/dark/validator.fluent.css.js +0 -3
  374. package/components/validation-container/themes/dark/validator.fluent.css.js.map +0 -1
  375. package/components/validation-container/themes/dark/validator.indigo.css.d.ts +0 -1
  376. package/components/validation-container/themes/dark/validator.indigo.css.js +0 -3
  377. package/components/validation-container/themes/dark/validator.indigo.css.js.map +0 -1
  378. package/components/validation-container/themes/dark/validator.material.css.d.ts +0 -1
  379. package/components/validation-container/themes/dark/validator.material.css.js +0 -3
  380. package/components/validation-container/themes/dark/validator.material.css.js.map +0 -1
  381. package/components/validation-container/themes/light/validator.bootstrap.css.d.ts +0 -1
  382. package/components/validation-container/themes/light/validator.bootstrap.css.js +0 -3
  383. package/components/validation-container/themes/light/validator.bootstrap.css.js.map +0 -1
  384. package/components/validation-container/themes/light/validator.fluent.css.d.ts +0 -1
  385. package/components/validation-container/themes/light/validator.fluent.css.js +0 -3
  386. package/components/validation-container/themes/light/validator.fluent.css.js.map +0 -1
  387. package/components/validation-container/themes/light/validator.indigo.css.d.ts +0 -1
  388. package/components/validation-container/themes/light/validator.indigo.css.js +0 -3
  389. package/components/validation-container/themes/light/validator.indigo.css.js.map +0 -1
  390. package/components/validation-container/themes/light/validator.material.css.d.ts +0 -1
  391. package/components/validation-container/themes/light/validator.material.css.js +0 -3
  392. package/components/validation-container/themes/light/validator.material.css.js.map +0 -1
  393. package/components/validation-container/themes/light/validator.shared.css.d.ts +0 -1
  394. package/components/validation-container/themes/light/validator.shared.css.js +0 -3
  395. package/components/validation-container/themes/light/validator.shared.css.js.map +0 -1
  396. package/components/validation-container/themes/themes.d.ts +0 -2
  397. package/components/validation-container/themes/themes.js +0 -46
  398. package/components/validation-container/themes/themes.js.map +0 -1
package/components/stepper/themes/step/dark/step.fluent.css.js.map CHANGED
@@ -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,y6IAAy6I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--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, var(--ig-gray-900));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--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, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--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, var(--ig-gray-100));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;\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,y3JAAy3J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-50));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-50));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-50));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-50));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-50));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-50));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--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, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--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));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-100));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--ig-theme: fluent}`;\n"]}
package/components/stepper/themes/step/dark/step.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--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, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--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, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=step.indigo.css.js.map
package/components/stepper/themes/step/dark/step.indigo.css.js.map CHANGED
@@ -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,0sMAA0sM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--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, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;\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,0sMAA0sM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--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, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;\n"]}
package/components/stepper/themes/step/dark/step.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--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, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;
2
+ export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-800));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--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));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;
3
3
  //# sourceMappingURL=step.material.css.js.map
package/components/stepper/themes/step/dark/step.material.css.js.map CHANGED
@@ -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,88IAA88I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--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, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;\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,ipJAAipJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-800));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--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));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;\n"]}
package/components/stepper/themes/step/light/step.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-400));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--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));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-400));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-800));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-800));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-800));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-800));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-800));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-800));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--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));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-600));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=step.bootstrap.css.js.map
package/components/stepper/themes/step/light/step.bootstrap.css.js.map CHANGED
@@ -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,4vDAA4vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-400));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--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));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;\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,s3EAAs3E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-400));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-800));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-800));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-800));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-800));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-800));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-800));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--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));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-600));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;\n"]}
package/components/stepper/themes/step/light/step.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--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, var(--ig-gray-300));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-100));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-100));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-200));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-200));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--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));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-300));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-100));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-100));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-200));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-200));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=step.fluent.css.js.map
package/components/stepper/themes/step/light/step.fluent.css.js.map CHANGED
@@ -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,ukDAAukD,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, var(--ig-gray-900));--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, var(--ig-gray-300));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-100));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-100));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-200));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-200));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200));--ig-theme: fluent}`;\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,ukDAAukD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--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));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-300));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-100));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-100));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-200));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-200));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}
package/components/stepper/themes/step/light/step.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-700));--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-900) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-900));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-900));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-900));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-gray-700));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-gray-700));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-gray-700));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-900) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-600));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-700));--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-900) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-900));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-900));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-900));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-gray-700));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-gray-700));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-gray-700));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-900) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-600));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-800));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=step.indigo.css.js.map
package/components/stepper/themes/step/light/step.indigo.css.js.map CHANGED
@@ -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,ilGAAilG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-700));--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-900) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-900));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-900));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-900));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-gray-700));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-gray-700));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-gray-700));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-900) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-600));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--ig-theme: indigo}`;\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,ilGAAilG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-700));--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-900) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-900));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-900));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-900));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-gray-700));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-gray-700));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-gray-700));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-900) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-900) h s l/0.3));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-600));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-800));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--ig-theme: indigo}`;\n"]}
package/components/stepper/themes/step/light/step.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-200));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-200));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-200));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-200));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-100));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-100));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-100));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-100));--ig-theme: material}`;
2
+ export const styles = css `:host{--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-800));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-700));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-700));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-700));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-700));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-800));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-700));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-700));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-800));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-100));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-100));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-200));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-200));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200));--ig-theme: material}`;
3
3
  //# sourceMappingURL=step.material.css.js.map
package/components/stepper/themes/step/light/step.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g8CAAg8C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-200));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-200));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-200));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-200));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-100));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-100));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-100));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-100));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3EAAs3E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-800));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-700));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-700));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-700));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-700));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-800));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-700));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-700));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-800));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-100));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-100));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-200));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-200));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200));--ig-theme: material}`;\n"]}
package/components/stepper/themes/step/light/step.shared.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-500));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--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{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--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))}`;
3
3
  //# sourceMappingURL=step.shared.css.js.map
package/components/stepper/themes/step/light/step.shared.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"step.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0IAAo0I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-500));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--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.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wvIAAwvI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--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"]}
package/components/stepper/themes/step/shared/step.common.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part~=title]{color:var(--title-color)}[part~=subtitle]{color:var(--subtitle-color)}[part~=header]{background:var(--step-background);border-radius:var(--border-radius-step-header)}[part~=header]::before,[part~=header]::after{border-block-start-style:var(--step-separator-style);border-block-start-color:var(--step-separator-color)}[part~=header]:hover{background:var(--step-hover-background);color:var(--title-hover-color)}[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{background:var(--step-focus-background);color:var(--title-focus-color)}[part~=header-container]::before,[part~=header]::before{border-block-start-color:var(--step-separator-color);border-block-start-style:var(--step-separator-style)}[part~=body]::before{border-inline-start-color:var(--step-separator-color)}[part~=indicator]{border-radius:var(--border-radius-indicator);background:var(--indicator-background);color:var(--indicator-color);box-shadow:0 0 0 .0625rem var(--indicator-outline)}[part~=complete-start]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=header]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=indicator]{background:var(--complete-indicator-background);color:var(--complete-indicator-color);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}[part~=complete-start] [part~=title]{color:var(--complete-title-color)}[part~=complete-start] [part~=subtitle]{color:var(--complete-subtitle-color)}:host([complete]) [part~=header]:hover{background:var(--complete-step-hover-background)}:host([complete]) [part~=header]:focus,:host([complete]) [part~=header]:focus-within,:host([complete]) [part~=header]:active{background:var(--complete-step-focus-background)}:host([complete]) [part~=body]::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}[part~=complete-end]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-end] [part~=header]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=invalid] [part~=indicator]{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline)}[part~=invalid] [part~=title]{color:var(--invalid-title-color)}[part~=invalid] [part~=subtitle]{color:var(--invalid-subtitle-color)}:host([active]) [part~=header]:hover{background:var(--current-step-hover-background)}:host([active]) [part~=header]:focus,:host([active]) [part~=header]:focus-within,:host([active]) [part~=header]:active{background:var(--current-step-focus-background)}:host([active]) [part~=indicator]{background:var(--current-indicator-background);color:var(--current-indicator-color);box-shadow:0 0 0 .0625rem var(--current-indicator-outline)}:host([active]) [part~=title]{color:var(--current-title-color);font-weight:600}:host([active]) [part~=subtitle]{color:var(--current-subtitle-color)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{background:var(--step-background)}[part~=disabled] [part~=indicator]{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}[part~=disabled] [part~=title]{color:var(--disabled-title-color)}[part~=disabled] [part~=subtitle]{color:var(--disabled-subtitle-color)}`;
2
+ export const styles = css `[part~=title]{color:var(--title-color)}[part~=subtitle]{color:var(--subtitle-color)}[part~=header]{background:var(--step-background);border-radius:var(--border-radius-step-header)}[part~=header]::before,[part~=header]::after{border-block-start-style:var(--step-separator-style);border-block-start-color:var(--step-separator-color)}[part~=header]:hover{background:var(--step-hover-background);color:var(--title-hover-color)}[part~=header]:hover [part~=title]{color:var(--title-hover-color)}[part~=header]:hover [part~=subtitle]{color:var(--subtitle-hover-color)}[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{background:var(--step-focus-background);color:var(--title-focus-color)}[part~=header]:focus [part~=title],[part~=header]:focus-within [part~=title],[part~=header]:active [part~=title]{color:var(--title-focus-color)}[part~=header]:focus [part~=subtitle],[part~=header]:focus-within [part~=subtitle],[part~=header]:active [part~=subtitle]{color:var(--subtitle-focus-color)}[part~=header-container]::before,[part~=header]::before{border-block-start-color:var(--step-separator-color);border-block-start-style:var(--step-separator-style)}[part~=body]::before{border-inline-start-color:var(--step-separator-color)}[part~=indicator]{border-radius:var(--border-radius-indicator);background:var(--indicator-background);color:var(--indicator-color);box-shadow:0 0 0 .0625rem var(--indicator-outline)}[part~=complete-start]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=header]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=indicator]{background:var(--complete-indicator-background);color:var(--complete-indicator-color);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}[part~=complete-start] [part~=title]{color:var(--complete-title-color)}[part~=complete-start] [part~=subtitle]{color:var(--complete-subtitle-color)}[part~=complete-end]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-end] [part~=header]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=invalid] [part~=indicator]{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline)}[part~=invalid] [part~=title]{color:var(--invalid-title-color)}[part~=invalid] [part~=subtitle]{color:var(--invalid-subtitle-color)}[part~=invalid] [part~=header]{background:var(--invalid-step-background)}[part~=invalid] [part~=header]:hover{background:var(--invalid-step-hover-background)}[part~=invalid] [part~=header]:hover [part~=title]{color:var(--invalid-title-hover-color)}[part~=invalid] [part~=header]:hover [part~=subtitle]{color:var(--invalid-subtitle-hover-color)}[part~=invalid] [part~=header]:focus,[part~=invalid] [part~=header]:focus-within,[part~=invalid] [part~=header]:active{background:var(--invalid-step-focus-background)}[part~=invalid] [part~=header]:focus [part~=title],[part~=invalid] [part~=header]:focus-within [part~=title],[part~=invalid] [part~=header]:active [part~=title]{color:var(--invalid-title-focus-color)}[part~=invalid] [part~=header]:focus [part~=subtitle],[part~=invalid] [part~=header]:focus-within [part~=subtitle],[part~=invalid] [part~=header]:active [part~=subtitle]{color:var(--invalid-subtitle-focus-color)}:host([complete]:not([active])) [part~=header]{background:var(--complete-step-background)}:host([complete]:not([active])) [part~=header]:hover{background:var(--complete-step-hover-background)}:host([complete]:not([active])) [part~=header]:hover [part~=title]{color:var(--complete-title-hover-color)}:host([complete]:not([active])) [part~=header]:hover [part~=subtitle]{color:var(--complete-subtitle-hover-color)}:host([complete]:not([active])) [part~=header]:focus,:host([complete]:not([active])) [part~=header]:focus-within,:host([complete]:not([active])) [part~=header]:active{background:var(--complete-step-focus-background)}:host([complete]:not([active])) [part~=header]:focus [part~=title],:host([complete]:not([active])) [part~=header]:focus-within [part~=title],:host([complete]:not([active])) [part~=header]:active [part~=title]{color:var(--complete-title-focus-color)}:host([complete]:not([active])) [part~=header]:focus [part~=subtitle],:host([complete]:not([active])) [part~=header]:focus-within [part~=subtitle],:host([complete]:not([active])) [part~=header]:active [part~=subtitle]{color:var(--complete-subtitle-focus-color)}:host([complete]:not([active])) [part~=body]::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}:host([active]) [part~=header]{background:var(--current-step-background)}:host([active]) [part~=header]:hover{background:var(--current-step-hover-background)}:host([active]) [part~=header]:hover [part~=title]{color:var(--current-title-hover-color)}:host([active]) [part~=header]:hover [part~=subtitle]{color:var(--current-subtitle-hover-color)}:host([active]) [part~=header]:focus,:host([active]) [part~=header]:focus-within,:host([active]) [part~=header]:active{background:var(--current-step-focus-background)}:host([active]) [part~=header]:focus [part~=title],:host([active]) [part~=header]:focus-within [part~=title],:host([active]) [part~=header]:active [part~=title]{color:var(--current-title-focus-color)}:host([active]) [part~=header]:focus [part~=subtitle],:host([active]) [part~=header]:focus-within [part~=subtitle],:host([active]) [part~=header]:active [part~=subtitle]{color:var(--current-subtitle-focus-color)}:host([active]) [part~=indicator]{background:var(--current-indicator-background);color:var(--current-indicator-color);box-shadow:0 0 0 .0625rem var(--current-indicator-outline)}:host([active]) [part~=title]{color:var(--current-title-color);font-weight:600}:host([active]) [part~=subtitle]{color:var(--current-subtitle-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--content-foreground)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{background:var(--step-background)}[part~=disabled]:focus [part~=title],[part~=disabled]:focus-visible [part~=title],[part~=disabled]:focus-within [part~=title],[part~=disabled]:active [part~=title],[part~=disabled]:hover [part~=title]{color:var(--disabled-title-color)}[part~=disabled]:focus [part~=subtitle],[part~=disabled]:focus-visible [part~=subtitle],[part~=disabled]:focus-within [part~=subtitle],[part~=disabled]:active [part~=subtitle],[part~=disabled]:hover [part~=subtitle]{color:var(--disabled-subtitle-color)}[part~=disabled] [part~=indicator]{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}[part~=disabled] [part~=title]{color:var(--disabled-title-color)}[part~=disabled] [part~=subtitle]{color:var(--disabled-subtitle-color)}`;
3
3
  //# sourceMappingURL=step.common.css.js.map
package/components/stepper/themes/step/shared/step.common.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"step.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oxHAAoxH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=title]{color:var(--title-color)}[part~=subtitle]{color:var(--subtitle-color)}[part~=header]{background:var(--step-background);border-radius:var(--border-radius-step-header)}[part~=header]::before,[part~=header]::after{border-block-start-style:var(--step-separator-style);border-block-start-color:var(--step-separator-color)}[part~=header]:hover{background:var(--step-hover-background);color:var(--title-hover-color)}[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{background:var(--step-focus-background);color:var(--title-focus-color)}[part~=header-container]::before,[part~=header]::before{border-block-start-color:var(--step-separator-color);border-block-start-style:var(--step-separator-style)}[part~=body]::before{border-inline-start-color:var(--step-separator-color)}[part~=indicator]{border-radius:var(--border-radius-indicator);background:var(--indicator-background);color:var(--indicator-color);box-shadow:0 0 0 .0625rem var(--indicator-outline)}[part~=complete-start]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=header]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=indicator]{background:var(--complete-indicator-background);color:var(--complete-indicator-color);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}[part~=complete-start] [part~=title]{color:var(--complete-title-color)}[part~=complete-start] [part~=subtitle]{color:var(--complete-subtitle-color)}:host([complete]) [part~=header]:hover{background:var(--complete-step-hover-background)}:host([complete]) [part~=header]:focus,:host([complete]) [part~=header]:focus-within,:host([complete]) [part~=header]:active{background:var(--complete-step-focus-background)}:host([complete]) [part~=body]::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}[part~=complete-end]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-end] [part~=header]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=invalid] [part~=indicator]{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline)}[part~=invalid] [part~=title]{color:var(--invalid-title-color)}[part~=invalid] [part~=subtitle]{color:var(--invalid-subtitle-color)}:host([active]) [part~=header]:hover{background:var(--current-step-hover-background)}:host([active]) [part~=header]:focus,:host([active]) [part~=header]:focus-within,:host([active]) [part~=header]:active{background:var(--current-step-focus-background)}:host([active]) [part~=indicator]{background:var(--current-indicator-background);color:var(--current-indicator-color);box-shadow:0 0 0 .0625rem var(--current-indicator-outline)}:host([active]) [part~=title]{color:var(--current-title-color);font-weight:600}:host([active]) [part~=subtitle]{color:var(--current-subtitle-color)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{background:var(--step-background)}[part~=disabled] [part~=indicator]{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}[part~=disabled] [part~=title]{color:var(--disabled-title-color)}[part~=disabled] [part~=subtitle]{color:var(--disabled-subtitle-color)}`;\n"]}
1
+ {"version":3,"file":"step.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,siPAAsiP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=title]{color:var(--title-color)}[part~=subtitle]{color:var(--subtitle-color)}[part~=header]{background:var(--step-background);border-radius:var(--border-radius-step-header)}[part~=header]::before,[part~=header]::after{border-block-start-style:var(--step-separator-style);border-block-start-color:var(--step-separator-color)}[part~=header]:hover{background:var(--step-hover-background);color:var(--title-hover-color)}[part~=header]:hover [part~=title]{color:var(--title-hover-color)}[part~=header]:hover [part~=subtitle]{color:var(--subtitle-hover-color)}[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{background:var(--step-focus-background);color:var(--title-focus-color)}[part~=header]:focus [part~=title],[part~=header]:focus-within [part~=title],[part~=header]:active [part~=title]{color:var(--title-focus-color)}[part~=header]:focus [part~=subtitle],[part~=header]:focus-within [part~=subtitle],[part~=header]:active [part~=subtitle]{color:var(--subtitle-focus-color)}[part~=header-container]::before,[part~=header]::before{border-block-start-color:var(--step-separator-color);border-block-start-style:var(--step-separator-style)}[part~=body]::before{border-inline-start-color:var(--step-separator-color)}[part~=indicator]{border-radius:var(--border-radius-indicator);background:var(--indicator-background);color:var(--indicator-color);box-shadow:0 0 0 .0625rem var(--indicator-outline)}[part~=complete-start]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=header]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=indicator]{background:var(--complete-indicator-background);color:var(--complete-indicator-color);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}[part~=complete-start] [part~=title]{color:var(--complete-title-color)}[part~=complete-start] [part~=subtitle]{color:var(--complete-subtitle-color)}[part~=complete-end]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-end] [part~=header]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=invalid] [part~=indicator]{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline)}[part~=invalid] [part~=title]{color:var(--invalid-title-color)}[part~=invalid] [part~=subtitle]{color:var(--invalid-subtitle-color)}[part~=invalid] [part~=header]{background:var(--invalid-step-background)}[part~=invalid] [part~=header]:hover{background:var(--invalid-step-hover-background)}[part~=invalid] [part~=header]:hover [part~=title]{color:var(--invalid-title-hover-color)}[part~=invalid] [part~=header]:hover [part~=subtitle]{color:var(--invalid-subtitle-hover-color)}[part~=invalid] [part~=header]:focus,[part~=invalid] [part~=header]:focus-within,[part~=invalid] [part~=header]:active{background:var(--invalid-step-focus-background)}[part~=invalid] [part~=header]:focus [part~=title],[part~=invalid] [part~=header]:focus-within [part~=title],[part~=invalid] [part~=header]:active [part~=title]{color:var(--invalid-title-focus-color)}[part~=invalid] [part~=header]:focus [part~=subtitle],[part~=invalid] [part~=header]:focus-within [part~=subtitle],[part~=invalid] [part~=header]:active [part~=subtitle]{color:var(--invalid-subtitle-focus-color)}:host([complete]:not([active])) [part~=header]{background:var(--complete-step-background)}:host([complete]:not([active])) [part~=header]:hover{background:var(--complete-step-hover-background)}:host([complete]:not([active])) [part~=header]:hover [part~=title]{color:var(--complete-title-hover-color)}:host([complete]:not([active])) [part~=header]:hover [part~=subtitle]{color:var(--complete-subtitle-hover-color)}:host([complete]:not([active])) [part~=header]:focus,:host([complete]:not([active])) [part~=header]:focus-within,:host([complete]:not([active])) [part~=header]:active{background:var(--complete-step-focus-background)}:host([complete]:not([active])) [part~=header]:focus [part~=title],:host([complete]:not([active])) [part~=header]:focus-within [part~=title],:host([complete]:not([active])) [part~=header]:active [part~=title]{color:var(--complete-title-focus-color)}:host([complete]:not([active])) [part~=header]:focus [part~=subtitle],:host([complete]:not([active])) [part~=header]:focus-within [part~=subtitle],:host([complete]:not([active])) [part~=header]:active [part~=subtitle]{color:var(--complete-subtitle-focus-color)}:host([complete]:not([active])) [part~=body]::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}:host([active]) [part~=header]{background:var(--current-step-background)}:host([active]) [part~=header]:hover{background:var(--current-step-hover-background)}:host([active]) [part~=header]:hover [part~=title]{color:var(--current-title-hover-color)}:host([active]) [part~=header]:hover [part~=subtitle]{color:var(--current-subtitle-hover-color)}:host([active]) [part~=header]:focus,:host([active]) [part~=header]:focus-within,:host([active]) [part~=header]:active{background:var(--current-step-focus-background)}:host([active]) [part~=header]:focus [part~=title],:host([active]) [part~=header]:focus-within [part~=title],:host([active]) [part~=header]:active [part~=title]{color:var(--current-title-focus-color)}:host([active]) [part~=header]:focus [part~=subtitle],:host([active]) [part~=header]:focus-within [part~=subtitle],:host([active]) [part~=header]:active [part~=subtitle]{color:var(--current-subtitle-focus-color)}:host([active]) [part~=indicator]{background:var(--current-indicator-background);color:var(--current-indicator-color);box-shadow:0 0 0 .0625rem var(--current-indicator-outline)}:host([active]) [part~=title]{color:var(--current-title-color);font-weight:600}:host([active]) [part~=subtitle]{color:var(--current-subtitle-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--content-foreground)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{background:var(--step-background)}[part~=disabled]:focus [part~=title],[part~=disabled]:focus-visible [part~=title],[part~=disabled]:focus-within [part~=title],[part~=disabled]:active [part~=title],[part~=disabled]:hover [part~=title]{color:var(--disabled-title-color)}[part~=disabled]:focus [part~=subtitle],[part~=disabled]:focus-visible [part~=subtitle],[part~=disabled]:focus-within [part~=subtitle],[part~=disabled]:active [part~=subtitle],[part~=disabled]:hover [part~=subtitle]{color:var(--disabled-subtitle-color)}[part~=disabled] [part~=indicator]{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}[part~=disabled] [part~=title]{color:var(--disabled-title-color)}[part~=disabled] [part~=subtitle]{color:var(--disabled-subtitle-color)}`;\n"]}
package/components/stepper/themes/step/shared/step.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part~=indicator]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--content-foreground)}[part~=disabled] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;
2
+ export const styles = css `[part~=indicator]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;
3
3
  //# sourceMappingURL=step.indigo.css.js.map
package/components/stepper/themes/step/shared/step.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kwDAAkwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=indicator]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--content-foreground)}[part~=disabled] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;\n"]}
1
+ {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k0CAAk0C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=indicator]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled] [part~=indicator]{box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;\n"]}
package/components/tabs/tab-dom.js CHANGED
@@ -1,4 +1,4 @@
1
- import { isLTR } from '../common/util.js';
1
+ import { getScaleFactor, isLTR, setStyles } from '../common/util.js';
2
2
  class TabsHelpers {
3
3
  static { this.SCROLL_AMOUNT = 180; }
4
4
  get container() {
@@ -82,19 +82,18 @@ class TabsHelpers {
82
82
  };
83
83
  await this._host.updateComplete;
84
84
  if (active) {
85
- const tabHeader = getTabHeader(active);
86
- const { width } = tabHeader.getBoundingClientRect();
85
+ const header = getTabHeader(active);
86
+ const { offsetLeft: containerLeft, offsetWidth: containerWidth } = this.container;
87
+ const scaledWidth = header.getBoundingClientRect().width * getScaleFactor(header).x;
87
88
  const offset = this._isLeftToRight
88
- ? tabHeader.offsetLeft - this.container.offsetLeft
89
- : width +
90
- tabHeader.offsetLeft -
91
- this.container.getBoundingClientRect().width;
89
+ ? header.offsetLeft - containerLeft
90
+ : header.offsetLeft + scaledWidth - containerWidth;
92
91
  Object.assign(styles, {
93
- width: `${width}px`,
92
+ width: `${scaledWidth}px`,
94
93
  transform: `translateX(${offset}px)`,
95
94
  });
96
95
  }
97
- Object.assign(this.indicator.style, styles);
96
+ setStyles(this.indicator, styles);
98
97
  }
99
98
  }
100
99
  export function createTabHelpers(host, container, indicator) {
package/components/tabs/tab-dom.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab-dom.js","sourceRoot":"","sources":["../../../src/components/tabs/tab-dom.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,MAAM,WAAW;aACS,kBAAa,GAAG,GAAG,AAAN,CAAO;IAkB5C,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAKD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAKD,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAKD,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAKD,IAAW,qBAAqB;QAC9B,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACrC,CAAC;IAED,IAAW,oBAAoB;QAC7B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,IAAI,CAAC,cAAc,KAAK,aAAa,EAAE,CAAC;YAC1C,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,YACE,IAAsB,EACtB,SAA2B,EAC3B,SAA2B;QA3DrB,qBAAgB,GAAG;YACzB,eAAe,EAAE,EAAE;YACnB,kBAAkB,EAAE,EAAE;SACvB,CAAC;QAEM,sBAAiB,GAAG,KAAK,CAAC;QAC1B,2BAAsB,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QAErD,mBAAc,GAAG,KAAK,CAAC;QAqD7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAMM,kBAAkB;QACvB,IAAI,CAAC,gBAAgB,GAAG;YACtB,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAClD,kBAAkB,EAAE,IAAI,CAAC,SAAS;gBAChC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI;gBACrD,CAAC,CAAC,EAAE;SACP,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAKM,aAAa,CAAC,IAAsB;QACzC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,IAAI,IAAI,OAAO,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAKM,UAAU,CAAC,SAA0B;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,MAAM,GACV,SAAS,KAAK,OAAO;YACnB,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa;YAC5B,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC;QAEhC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzE,CAAC;IAMM,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAEhE,IAAI,CAAC,iBAAiB,GAAG,WAAW,GAAG,WAAW,CAAC;QACnD,IAAI,CAAC,sBAAsB,GAAG;YAC5B,KAAK,EAAE,UAAU,KAAK,CAAC;YACvB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC;SACrE,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAKM,KAAK,CAAC,YAAY,CAAC,MAAwB;QAChD,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG;YACb,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;SACH,CAAC;QAEzC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QAEhC,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YACvC,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAEpD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc;gBAChC,CAAC,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU;gBAClD,CAAC,CAAC,KAAK;oBACL,SAAS,CAAC,UAAU;oBACpB,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAEjD,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;gBACpB,KAAK,EAAE,GAAG,KAAK,IAAI;gBACnB,SAAS,EAAE,cAAc,MAAM,KAAK;aACrC,CAAC,CAAC;QACL,CAAC;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC9C,CAAC;;AAGH,MAAM,UAAU,gBAAgB,CAC9B,IAAsB,EACtB,SAA2B,EAC3B,SAA2B;IAE3B,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAoB;IAC/C,OAAO,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAE,CAAC;AAC/D,CAAC","sourcesContent":["import type { Ref } from 'lit/directives/ref.js';\nimport { isLTR } from '../common/util.js';\nimport type IgcTabComponent from './tab.js';\nimport type IgcTabsComponent from './tabs.js';\n\nclass TabsHelpers {\n private static readonly SCROLL_AMOUNT = 180;\n private readonly _host: IgcTabsComponent;\n private readonly _container: Ref<HTMLElement>;\n private readonly _indicator: Ref<HTMLElement>;\n\n private _styleProperties = {\n '--_tabs-count': '',\n '--_ig-tabs-width': '',\n };\n\n private _hasScrollButtons = false;\n private _scrollButtonsDisabled = { start: true, end: false };\n\n private _isLeftToRight = false;\n\n /**\n * Returns the DOM container holding the tabs headers.\n */\n public get container(): HTMLElement | undefined {\n return this._container.value;\n }\n\n /**\n * Returns the selected indicator DOM element.\n */\n public get indicator(): HTMLElement | undefined {\n return this._indicator.value;\n }\n\n /**\n * Returns the internal CSS variables used for the layout of the tabs component.\n */\n public get styleProperties() {\n return this._styleProperties;\n }\n\n /**\n * Whether the scroll buttons of the tabs header strip should be shown.\n */\n public get hasScrollButtons(): boolean {\n return this._hasScrollButtons;\n }\n\n /**\n * Returns the disabled state of the tabs header strip scroll buttons.\n */\n public get scrollButtonsDisabled() {\n return this._scrollButtonsDisabled;\n }\n\n public get isLeftToRightChanged(): boolean {\n const isLeftToRight = isLTR(this._host);\n\n if (this._isLeftToRight !== isLeftToRight) {\n this._isLeftToRight = isLeftToRight;\n return true;\n }\n\n return false;\n }\n\n constructor(\n host: IgcTabsComponent,\n container: Ref<HTMLElement>,\n indicator: Ref<HTMLElement>\n ) {\n this._host = host;\n this._container = container;\n this._indicator = indicator;\n }\n\n /**\n * Sets the internal CSS variables used for the layout of the tabs component.\n * Triggers an update cycle (rerender) of the `igc-tabs` component.\n */\n public setStyleProperties(): void {\n this._styleProperties = {\n '--_tabs-count': this._host.tabs.length.toString(),\n '--_ig-tabs-width': this.container\n ? `${this.container.getBoundingClientRect().width}px`\n : '',\n };\n this._host.requestUpdate();\n }\n\n /**\n * Sets the type of the `scroll-snap-align` CSS property for the tabs header strip.\n */\n public setScrollSnap(type?: 'start' | 'end'): void {\n if (this.container) {\n this.container.style.setProperty('--_ig-tab-snap', type || 'unset');\n }\n }\n\n /**\n * Scrolls the tabs header strip in the given direction with `scroll-snap-align` set.\n */\n public scrollTabs(direction: 'start' | 'end'): void {\n if (!this.container) {\n return;\n }\n\n const factor = isLTR(this._host) ? 1 : -1;\n const amount =\n direction === 'start'\n ? -TabsHelpers.SCROLL_AMOUNT\n : TabsHelpers.SCROLL_AMOUNT;\n\n this.setScrollSnap(direction);\n this.container.scrollBy({ left: factor * amount, behavior: 'smooth' });\n }\n\n /**\n * Updates the state of the tabs header strip scroll buttons - visibility and active state.\n * Triggers an update cycle (rerender) of the `igc-tabs` component.\n */\n public setScrollButtonState(): void {\n if (!this.container) {\n return;\n }\n\n const { scrollLeft, scrollWidth, clientWidth } = this.container;\n\n this._hasScrollButtons = scrollWidth > clientWidth;\n this._scrollButtonsDisabled = {\n start: scrollLeft === 0,\n end: Math.abs(Math.abs(scrollLeft) + clientWidth - scrollWidth) <= 1,\n };\n\n this._host.requestUpdate();\n }\n\n /**\n * Updates the indicator DOM element styles based on the current \"active\" tab.\n */\n public async setIndicator(active?: IgcTabComponent): Promise<void> {\n if (!(this.container && this.indicator)) {\n return;\n }\n\n const styles = {\n visibility: active ? 'visible' : 'hidden',\n } satisfies Partial<CSSStyleDeclaration>;\n\n await this._host.updateComplete;\n\n if (active) {\n const tabHeader = getTabHeader(active);\n const { width } = tabHeader.getBoundingClientRect();\n\n const offset = this._isLeftToRight\n ? tabHeader.offsetLeft - this.container.offsetLeft\n : width +\n tabHeader.offsetLeft -\n this.container.getBoundingClientRect().width;\n\n Object.assign(styles, {\n width: `${width}px`,\n transform: `translateX(${offset}px)`,\n });\n }\n\n Object.assign(this.indicator.style, styles);\n }\n}\n\nexport function createTabHelpers(\n host: IgcTabsComponent,\n container: Ref<HTMLElement>,\n indicator: Ref<HTMLElement>\n) {\n return new TabsHelpers(host, container, indicator);\n}\n\nexport function getTabHeader(tab: IgcTabComponent): HTMLElement {\n return tab.renderRoot.querySelector('[part~=\"tab-header\"]')!;\n}\n"]}
1
+ {"version":3,"file":"tab-dom.js","sourceRoot":"","sources":["../../../src/components/tabs/tab-dom.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIrE,MAAM,WAAW;aACS,kBAAa,GAAG,GAAG,AAAN,CAAO;IAkB5C,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAKD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAKD,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAKD,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAKD,IAAW,qBAAqB;QAC9B,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACrC,CAAC;IAED,IAAW,oBAAoB;QAC7B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,IAAI,CAAC,cAAc,KAAK,aAAa,EAAE,CAAC;YAC1C,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,YACE,IAAsB,EACtB,SAA2B,EAC3B,SAA2B;QA3DrB,qBAAgB,GAAG;YACzB,eAAe,EAAE,EAAE;YACnB,kBAAkB,EAAE,EAAE;SACvB,CAAC;QAEM,sBAAiB,GAAG,KAAK,CAAC;QAC1B,2BAAsB,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QAErD,mBAAc,GAAG,KAAK,CAAC;QAqD7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAMM,kBAAkB;QACvB,IAAI,CAAC,gBAAgB,GAAG;YACtB,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAClD,kBAAkB,EAAE,IAAI,CAAC,SAAS;gBAChC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI;gBACrD,CAAC,CAAC,EAAE;SACP,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAKM,aAAa,CAAC,IAAsB;QACzC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,IAAI,IAAI,OAAO,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAKM,UAAU,CAAC,SAA0B;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,MAAM,GACV,SAAS,KAAK,OAAO;YACnB,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa;YAC5B,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC;QAEhC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzE,CAAC;IAMM,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAEhE,IAAI,CAAC,iBAAiB,GAAG,WAAW,GAAG,WAAW,CAAC;QACnD,IAAI,CAAC,sBAAsB,GAAG;YAC5B,KAAK,EAAE,UAAU,KAAK,CAAC;YACvB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC;SACrE,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAKM,KAAK,CAAC,YAAY,CAAC,MAAwB;QAChD,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG;YACb,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;SACH,CAAC;QAEzC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QAEhC,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YACpC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,GAC9D,IAAI,CAAC,SAAS,CAAC;YACjB,MAAM,WAAW,GACf,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAElE,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc;gBAChC,CAAC,CAAC,MAAM,CAAC,UAAU,GAAG,aAAa;gBACnC,CAAC,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;YAErD,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;gBACpB,KAAK,EAAE,GAAG,WAAW,IAAI;gBACzB,SAAS,EAAE,cAAc,MAAM,KAAK;aACrC,CAAC,CAAC;QACL,CAAC;QAED,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;;AAGH,MAAM,UAAU,gBAAgB,CAC9B,IAAsB,EACtB,SAA2B,EAC3B,SAA2B;IAE3B,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAoB;IAC/C,OAAO,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAE,CAAC;AAC/D,CAAC","sourcesContent":["import type { Ref } from 'lit/directives/ref.js';\nimport { getScaleFactor, isLTR, setStyles } from '../common/util.js';\nimport type IgcTabComponent from './tab.js';\nimport type IgcTabsComponent from './tabs.js';\n\nclass TabsHelpers {\n private static readonly SCROLL_AMOUNT = 180;\n private readonly _host: IgcTabsComponent;\n private readonly _container: Ref<HTMLElement>;\n private readonly _indicator: Ref<HTMLElement>;\n\n private _styleProperties = {\n '--_tabs-count': '',\n '--_ig-tabs-width': '',\n };\n\n private _hasScrollButtons = false;\n private _scrollButtonsDisabled = { start: true, end: false };\n\n private _isLeftToRight = false;\n\n /**\n * Returns the DOM container holding the tabs headers.\n */\n public get container(): HTMLElement | undefined {\n return this._container.value;\n }\n\n /**\n * Returns the selected indicator DOM element.\n */\n public get indicator(): HTMLElement | undefined {\n return this._indicator.value;\n }\n\n /**\n * Returns the internal CSS variables used for the layout of the tabs component.\n */\n public get styleProperties() {\n return this._styleProperties;\n }\n\n /**\n * Whether the scroll buttons of the tabs header strip should be shown.\n */\n public get hasScrollButtons(): boolean {\n return this._hasScrollButtons;\n }\n\n /**\n * Returns the disabled state of the tabs header strip scroll buttons.\n */\n public get scrollButtonsDisabled() {\n return this._scrollButtonsDisabled;\n }\n\n public get isLeftToRightChanged(): boolean {\n const isLeftToRight = isLTR(this._host);\n\n if (this._isLeftToRight !== isLeftToRight) {\n this._isLeftToRight = isLeftToRight;\n return true;\n }\n\n return false;\n }\n\n constructor(\n host: IgcTabsComponent,\n container: Ref<HTMLElement>,\n indicator: Ref<HTMLElement>\n ) {\n this._host = host;\n this._container = container;\n this._indicator = indicator;\n }\n\n /**\n * Sets the internal CSS variables used for the layout of the tabs component.\n * Triggers an update cycle (rerender) of the `igc-tabs` component.\n */\n public setStyleProperties(): void {\n this._styleProperties = {\n '--_tabs-count': this._host.tabs.length.toString(),\n '--_ig-tabs-width': this.container\n ? `${this.container.getBoundingClientRect().width}px`\n : '',\n };\n this._host.requestUpdate();\n }\n\n /**\n * Sets the type of the `scroll-snap-align` CSS property for the tabs header strip.\n */\n public setScrollSnap(type?: 'start' | 'end'): void {\n if (this.container) {\n this.container.style.setProperty('--_ig-tab-snap', type || 'unset');\n }\n }\n\n /**\n * Scrolls the tabs header strip in the given direction with `scroll-snap-align` set.\n */\n public scrollTabs(direction: 'start' | 'end'): void {\n if (!this.container) {\n return;\n }\n\n const factor = isLTR(this._host) ? 1 : -1;\n const amount =\n direction === 'start'\n ? -TabsHelpers.SCROLL_AMOUNT\n : TabsHelpers.SCROLL_AMOUNT;\n\n this.setScrollSnap(direction);\n this.container.scrollBy({ left: factor * amount, behavior: 'smooth' });\n }\n\n /**\n * Updates the state of the tabs header strip scroll buttons - visibility and active state.\n * Triggers an update cycle (rerender) of the `igc-tabs` component.\n */\n public setScrollButtonState(): void {\n if (!this.container) {\n return;\n }\n\n const { scrollLeft, scrollWidth, clientWidth } = this.container;\n\n this._hasScrollButtons = scrollWidth > clientWidth;\n this._scrollButtonsDisabled = {\n start: scrollLeft === 0,\n end: Math.abs(Math.abs(scrollLeft) + clientWidth - scrollWidth) <= 1,\n };\n\n this._host.requestUpdate();\n }\n\n /**\n * Updates the indicator DOM element styles based on the current \"active\" tab.\n */\n public async setIndicator(active?: IgcTabComponent): Promise<void> {\n if (!(this.container && this.indicator)) {\n return;\n }\n\n const styles = {\n visibility: active ? 'visible' : 'hidden',\n } satisfies Partial<CSSStyleDeclaration>;\n\n await this._host.updateComplete;\n\n if (active) {\n const header = getTabHeader(active);\n const { offsetLeft: containerLeft, offsetWidth: containerWidth } =\n this.container;\n const scaledWidth =\n header.getBoundingClientRect().width * getScaleFactor(header).x;\n\n const offset = this._isLeftToRight\n ? header.offsetLeft - containerLeft\n : header.offsetLeft + scaledWidth - containerWidth;\n\n Object.assign(styles, {\n width: `${scaledWidth}px`,\n transform: `translateX(${offset}px)`,\n });\n }\n\n setStyles(this.indicator, styles);\n }\n}\n\nexport function createTabHelpers(\n host: IgcTabsComponent,\n container: Ref<HTMLElement>,\n indicator: Ref<HTMLElement>\n) {\n return new TabsHelpers(host, container, indicator);\n}\n\nexport function getTabHeader(tab: IgcTabComponent): HTMLElement {\n return tab.renderRoot.querySelector('[part~=\"tab-header\"]')!;\n}\n"]}
package/components/tabs/themes/dark/tab.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-primary-500));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-surface-500));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-primary-700));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-primary-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-surface-500));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-500));--button-color: var(--ig-tabs-button-color, var(--ig-primary-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-primary-500));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, var(--ig-gray-300));--border-color--hover: var(--ig-tabs-border-color--hover, var(--ig-gray-200));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--ig-theme: bootstrap;--navigation-border-color: var(--border-color)}`;
2
+ export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-primary-500));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-surface-500));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-primary-700));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-active-hover-color: var(--ig-tabs-item-active-hover-color, var(--ig-gray-800));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-active-hover-icon-color: var(--ig-tabs-item-active-hover-icon-color, var(--ig-gray-800));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-primary-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-surface-500));--item-active-hover-background: var(--ig-tabs-item-active-hover-background, var(--ig-surface-500));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-500));--button-color: var(--ig-tabs-button-color, var(--ig-primary-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-primary-500));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, var(--ig-gray-300));--border-color--hover: var(--ig-tabs-border-color--hover, var(--ig-gray-200));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--ig-theme: bootstrap;--navigation-border-color: var(--border-color)}`;
3
3
  //# sourceMappingURL=tab.bootstrap.css.js.map
package/components/tabs/themes/dark/tab.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,82DAA82D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-primary-500));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-surface-500));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-primary-700));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-primary-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-surface-500));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-500));--button-color: var(--ig-tabs-button-color, var(--ig-primary-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-primary-500));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, var(--ig-gray-300));--border-color--hover: var(--ig-tabs-border-color--hover, var(--ig-gray-200));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--ig-theme: bootstrap;--navigation-border-color: var(--border-color)}`;\n"]}
1
+ {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoEAAuoE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-primary-500));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-surface-500));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-primary-700));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-active-hover-color: var(--ig-tabs-item-active-hover-color, var(--ig-gray-800));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-active-hover-icon-color: var(--ig-tabs-item-active-hover-icon-color, var(--ig-gray-800));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-primary-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-surface-500));--item-active-hover-background: var(--ig-tabs-item-active-hover-background, var(--ig-surface-500));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-500));--button-color: var(--ig-tabs-button-color, var(--ig-primary-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-primary-500));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, var(--ig-gray-300));--border-color--hover: var(--ig-tabs-border-color--hover, var(--ig-gray-200));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--ig-theme: bootstrap;--navigation-border-color: var(--border-color)}`;\n"]}
package/components/tabs/themes/dark/tab.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-gray-50));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-gray-900));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-800));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-gray-900));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-300));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-gray-50));--item-disabled-color: var(--ig-tabs-item-disabled-color, var(--ig-gray-300));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-300));--button-color: var(--ig-tabs-button-color, var(--ig-gray-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-600));--button-disabled-color: var(--ig-tabs-button-disabled-color, var(--ig-gray-200));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: fluent;--navigation-border-color: var(--border-color)}`;
2
+ export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-gray-50));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-gray-900));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-active-hover-color: var(--ig-tabs-item-active-hover-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-800));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-active-hover-icon-color: var(--ig-tabs-item-active-hover-icon-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-gray-900));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-300));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-surface-500));--item-active-hover-background: var(--ig-tabs-item-active-hover-background, var(--ig-gray-50));--item-disabled-color: var(--ig-tabs-item-disabled-color, var(--ig-gray-300));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-300));--button-color: var(--ig-tabs-button-color, var(--ig-gray-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-600));--button-disabled-color: var(--ig-tabs-button-disabled-color, var(--ig-gray-200));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: fluent;--navigation-border-color: var(--border-color)}`;
3
3
  //# sourceMappingURL=tab.fluent.css.js.map
package/components/tabs/themes/dark/tab.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mvDAAmvD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-gray-50));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-gray-900));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-800));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-gray-900));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-300));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-gray-50));--item-disabled-color: var(--ig-tabs-item-disabled-color, var(--ig-gray-300));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-300));--button-color: var(--ig-tabs-button-color, var(--ig-gray-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-600));--button-disabled-color: var(--ig-tabs-button-disabled-color, var(--ig-gray-200));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: fluent;--navigation-border-color: var(--border-color)}`;\n"]}
1
+ {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4gEAA4gE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, var(--ig-surface-500));--item-hover-background: var(--ig-tabs-item-hover-background, var(--ig-gray-50));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-gray-900));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-800));--item-active-hover-color: var(--ig-tabs-item-active-hover-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-800));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-800));--item-active-hover-icon-color: var(--ig-tabs-item-active-hover-icon-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, var(--ig-gray-900));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, var(--ig-gray-300));--item-active-background: var(--ig-tabs-item-active-background, var(--ig-surface-500));--item-active-hover-background: var(--ig-tabs-item-active-hover-background, var(--ig-gray-50));--item-disabled-color: var(--ig-tabs-item-disabled-color, var(--ig-gray-300));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-300));--button-color: var(--ig-tabs-button-color, var(--ig-gray-500));--button-background: var(--ig-tabs-button-background, var(--ig-surface-500));--button-hover-background: var(--ig-tabs-button-hover-background, var(--ig-gray-100));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-600));--button-disabled-color: var(--ig-tabs-button-disabled-color, var(--ig-gray-200));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: fluent;--navigation-border-color: var(--border-color)}`;\n"]}