igniteui-webcomponents 5.1.2 → 5.2.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 (370) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/components/avatar/themes/avatar.base.css.js +1 -1
  3. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  4. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  5. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  6. package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
  7. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  8. package/components/avatar/themes/light/avatar.shared.css.js +1 -1
  9. package/components/avatar/themes/light/avatar.shared.css.js.map +1 -1
  10. package/components/avatar/themes/shared/avatar.common.css.js +1 -1
  11. package/components/avatar/themes/shared/avatar.common.css.js.map +1 -1
  12. package/components/avatar/themes/shared/avatar.indigo.css.js +1 -1
  13. package/components/avatar/themes/shared/avatar.indigo.css.js.map +1 -1
  14. package/components/badge/themes/badge.base.css.js +1 -1
  15. package/components/badge/themes/badge.base.css.js.map +1 -1
  16. package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
  17. package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
  18. package/components/badge/themes/dark/badge.indigo.css.js +1 -1
  19. package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
  20. package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
  21. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  22. package/components/badge/themes/light/badge.indigo.css.js +1 -1
  23. package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
  24. package/components/badge/themes/light/badge.shared.css.js +1 -1
  25. package/components/badge/themes/light/badge.shared.css.js.map +1 -1
  26. package/components/badge/themes/shared/badge.common.css.js +1 -1
  27. package/components/badge/themes/shared/badge.common.css.js.map +1 -1
  28. package/components/badge/themes/shared/badge.indigo.css.js +1 -1
  29. package/components/badge/themes/shared/badge.indigo.css.js.map +1 -1
  30. package/components/button/themes/button/button.base.css.js +1 -1
  31. package/components/button/themes/button/button.base.css.js.map +1 -1
  32. package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
  33. package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
  34. package/components/button-group/themes/button.base.css.js +1 -1
  35. package/components/button-group/themes/button.base.css.js.map +1 -1
  36. package/components/button-group/themes/group.base.css.js +1 -1
  37. package/components/button-group/themes/group.base.css.js.map +1 -1
  38. package/components/calendar/base.d.ts +7 -7
  39. package/components/calendar/base.js +23 -16
  40. package/components/calendar/base.js.map +1 -1
  41. package/components/calendar/calendar.js.map +1 -1
  42. package/components/calendar/helpers.d.ts +28 -3
  43. package/components/calendar/helpers.js +36 -11
  44. package/components/calendar/helpers.js.map +1 -1
  45. package/components/calendar/themes/calendar.base.css.js +1 -1
  46. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  47. package/components/card/themes/card.actions.base.css.js +1 -1
  48. package/components/card/themes/card.actions.base.css.js.map +1 -1
  49. package/components/card/themes/card.content.base.css.js +1 -1
  50. package/components/card/themes/card.content.base.css.js.map +1 -1
  51. package/components/card/themes/card.header.base.css.js +1 -1
  52. package/components/card/themes/card.header.base.css.js.map +1 -1
  53. package/components/card/themes/card.media.base.css.js +1 -1
  54. package/components/card/themes/card.media.base.css.js.map +1 -1
  55. package/components/card/themes/container.base.css.js +1 -1
  56. package/components/card/themes/container.base.css.js.map +1 -1
  57. package/components/card/themes/dark/card.fluent.css.js +1 -1
  58. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  59. package/components/card/themes/light/container/card.fluent.css.js +1 -1
  60. package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
  61. package/components/carousel/themes/carousel-indicator-container.base.css.js +1 -1
  62. package/components/carousel/themes/carousel-indicator-container.base.css.js.map +1 -1
  63. package/components/carousel/themes/carousel-indicator.base.css.js +1 -1
  64. package/components/carousel/themes/carousel-indicator.base.css.js.map +1 -1
  65. package/components/carousel/themes/carousel-slide.base.css.js +1 -1
  66. package/components/carousel/themes/carousel-slide.base.css.js.map +1 -1
  67. package/components/carousel/themes/carousel.base.css.js +1 -1
  68. package/components/carousel/themes/carousel.base.css.js.map +1 -1
  69. package/components/checkbox/checkbox-base.d.ts +3 -1
  70. package/components/checkbox/checkbox-base.js +14 -10
  71. package/components/checkbox/checkbox-base.js.map +1 -1
  72. package/components/checkbox/checkbox.js +1 -2
  73. package/components/checkbox/checkbox.js.map +1 -1
  74. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  75. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  76. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  77. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  78. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  79. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  80. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  81. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  82. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  83. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  84. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
  85. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
  86. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  87. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  88. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
  89. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
  90. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  91. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  92. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  93. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  94. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  95. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  96. package/components/checkbox/themes/switch.base.css.js +1 -1
  97. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  98. package/components/chip/themes/chip.base.css.js +1 -1
  99. package/components/chip/themes/chip.base.css.js.map +1 -1
  100. package/components/combo/combo-item.d.ts +4 -2
  101. package/components/combo/combo-item.js +19 -16
  102. package/components/combo/combo-item.js.map +1 -1
  103. package/components/combo/combo.d.ts +52 -41
  104. package/components/combo/combo.js +340 -339
  105. package/components/combo/combo.js.map +1 -1
  106. package/components/combo/controllers/data.d.ts +3 -1
  107. package/components/combo/controllers/data.js +9 -2
  108. package/components/combo/controllers/data.js.map +1 -1
  109. package/components/combo/controllers/navigation.d.ts +3 -1
  110. package/components/combo/controllers/navigation.js +4 -3
  111. package/components/combo/controllers/navigation.js.map +1 -1
  112. package/components/combo/controllers/selection.d.ts +14 -6
  113. package/components/combo/controllers/selection.js +66 -59
  114. package/components/combo/controllers/selection.js.map +1 -1
  115. package/components/combo/themes/combo-header.base.css.js +1 -1
  116. package/components/combo/themes/combo-header.base.css.js.map +1 -1
  117. package/components/combo/themes/combo-item.base.css.js +1 -1
  118. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  119. package/components/combo/themes/combo.base.css.js +1 -1
  120. package/components/combo/themes/combo.base.css.js.map +1 -1
  121. package/components/common/mixins/alert.js.map +1 -1
  122. package/components/common/mixins/combo-box.js.map +1 -1
  123. package/components/common/mixins/forms/associated.js +41 -39
  124. package/components/common/mixins/forms/associated.js.map +1 -1
  125. package/components/common/mixins/forms/form-value.d.ts +32 -0
  126. package/components/common/mixins/forms/form-value.js +59 -0
  127. package/components/common/mixins/forms/form-value.js.map +1 -0
  128. package/components/common/mixins/forms/types.d.ts +9 -8
  129. package/components/common/mixins/forms/types.js.map +1 -1
  130. package/components/common/util.d.ts +3 -0
  131. package/components/common/util.js +13 -0
  132. package/components/common/util.js.map +1 -1
  133. package/components/common/validators.d.ts +7 -7
  134. package/components/common/validators.js +24 -17
  135. package/components/common/validators.js.map +1 -1
  136. package/components/date-picker/date-picker.d.ts +17 -14
  137. package/components/date-picker/date-picker.js +30 -20
  138. package/components/date-picker/date-picker.js.map +1 -1
  139. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  140. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  141. package/components/date-picker/validators.js +2 -2
  142. package/components/date-picker/validators.js.map +1 -1
  143. package/components/date-time-input/date-time-input.d.ts +9 -6
  144. package/components/date-time-input/date-time-input.js +33 -30
  145. package/components/date-time-input/date-time-input.js.map +1 -1
  146. package/components/date-time-input/date-util.js +2 -12
  147. package/components/date-time-input/date-util.js.map +1 -1
  148. package/components/date-time-input/validators.js +2 -2
  149. package/components/date-time-input/validators.js.map +1 -1
  150. package/components/dialog/themes/dialog.base.css.js +1 -1
  151. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  152. package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
  153. package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
  154. package/components/divider/themes/divider.base.css.js +1 -1
  155. package/components/divider/themes/divider.base.css.js.map +1 -1
  156. package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
  157. package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
  158. package/components/dropdown/themes/dropdown-header.base.css.js +1 -1
  159. package/components/dropdown/themes/dropdown-header.base.css.js.map +1 -1
  160. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  161. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  162. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  163. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  164. package/components/dropdown/themes/header.js +7 -0
  165. package/components/dropdown/themes/header.js.map +1 -1
  166. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js +1 -1
  167. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js.map +1 -1
  168. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.d.ts +1 -0
  169. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js +3 -0
  170. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map +1 -0
  171. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  172. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  173. package/components/icon/icon-state.broadcast.d.ts +1 -0
  174. package/components/icon/icon-state.broadcast.js +4 -1
  175. package/components/icon/icon-state.broadcast.js.map +1 -1
  176. package/components/icon/registry/types.d.ts +1 -0
  177. package/components/icon/registry/types.js.map +1 -1
  178. package/components/icon/themes/icon.base.css.js +1 -1
  179. package/components/icon/themes/icon.base.css.js.map +1 -1
  180. package/components/input/input-base.js +8 -2
  181. package/components/input/input-base.js.map +1 -1
  182. package/components/input/input.d.ts +21 -9
  183. package/components/input/input.js +59 -32
  184. package/components/input/input.js.map +1 -1
  185. package/components/input/themes/input.base.css.js +1 -1
  186. package/components/input/themes/input.base.css.js.map +1 -1
  187. package/components/input/themes/shared/input.common.css.js +1 -1
  188. package/components/input/themes/shared/input.common.css.js.map +1 -1
  189. package/components/input/themes/shared/input.indigo.css.js +1 -1
  190. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  191. package/components/input/themes/shared/input.material.css.js +1 -1
  192. package/components/input/themes/shared/input.material.css.js.map +1 -1
  193. package/components/list/themes/container.base.css.js +1 -1
  194. package/components/list/themes/container.base.css.js.map +1 -1
  195. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  196. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  197. package/components/list/themes/dark/container/list.fluent.css.js +1 -1
  198. package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
  199. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  200. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  201. package/components/list/themes/dark/container/list.material.css.js +1 -1
  202. package/components/list/themes/dark/container/list.material.css.js.map +1 -1
  203. package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
  204. package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
  205. package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
  206. package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
  207. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  208. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  209. package/components/list/themes/dark/header/list-header.material.css.js +1 -1
  210. package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
  211. package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
  212. package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
  213. package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
  214. package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
  215. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  216. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  217. package/components/list/themes/dark/item/list-item.material.css.js +1 -1
  218. package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
  219. package/components/list/themes/item.base.css.js +1 -1
  220. package/components/list/themes/item.base.css.js.map +1 -1
  221. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  222. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  223. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  224. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  225. package/components/list/themes/light/container/list.shared.css.js +1 -1
  226. package/components/list/themes/light/container/list.shared.css.js.map +1 -1
  227. package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
  228. package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
  229. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  230. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  231. package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
  232. package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
  233. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  234. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  235. package/components/list/themes/shared/container/list.indigo.css.js +1 -1
  236. package/components/list/themes/shared/container/list.indigo.css.js.map +1 -1
  237. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  238. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  239. package/components/list/themes/shared/item/list-item.fluent.css.js +1 -1
  240. package/components/list/themes/shared/item/list-item.fluent.css.js.map +1 -1
  241. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  242. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  243. package/components/mask-input/mask-input.d.ts +5 -3
  244. package/components/mask-input/mask-input.js +35 -23
  245. package/components/mask-input/mask-input.js.map +1 -1
  246. package/components/nav-drawer/themes/container.base.css.js +1 -1
  247. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  248. package/components/nav-drawer/themes/header-item.base.css.js +1 -1
  249. package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
  250. package/components/nav-drawer/themes/item.base.css.js +1 -1
  251. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  252. package/components/navbar/themes/navbar.base.css.js +1 -1
  253. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  254. package/components/popover/themes/light/popover.base.css.js +1 -1
  255. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  256. package/components/progress/base.d.ts +11 -12
  257. package/components/progress/base.js +59 -70
  258. package/components/progress/base.js.map +1 -1
  259. package/components/progress/circular-progress.d.ts +0 -1
  260. package/components/progress/circular-progress.js +15 -15
  261. package/components/progress/circular-progress.js.map +1 -1
  262. package/components/progress/linear-progress.js +7 -13
  263. package/components/progress/linear-progress.js.map +1 -1
  264. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  265. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  266. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
  267. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
  268. package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
  269. package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
  270. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js +1 -1
  271. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map +1 -1
  272. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js +1 -1
  273. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js.map +1 -1
  274. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  275. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  276. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +1 -1
  277. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -1
  278. package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
  279. package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
  280. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  281. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  282. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
  283. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
  284. package/components/radio/radio.d.ts +4 -3
  285. package/components/radio/radio.js +48 -33
  286. package/components/radio/radio.js.map +1 -1
  287. package/components/radio/themes/radio.base.css.js +1 -1
  288. package/components/radio/themes/radio.base.css.js.map +1 -1
  289. package/components/radio-group/radio-group.base.css.js +1 -1
  290. package/components/radio-group/radio-group.base.css.js.map +1 -1
  291. package/components/radio-group/radio-group.d.ts +4 -0
  292. package/components/radio-group/radio-group.js +18 -0
  293. package/components/radio-group/radio-group.js.map +1 -1
  294. package/components/rating/rating-symbol.js +2 -2
  295. package/components/rating/rating-symbol.js.map +1 -1
  296. package/components/rating/rating.d.ts +25 -17
  297. package/components/rating/rating.js +47 -43
  298. package/components/rating/rating.js.map +1 -1
  299. package/components/rating/themes/rating-symbol.base.css.js +1 -1
  300. package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
  301. package/components/rating/themes/rating.base.css.js +1 -1
  302. package/components/rating/themes/rating.base.css.js.map +1 -1
  303. package/components/ripple/ripple.material.css.js +1 -1
  304. package/components/ripple/ripple.material.css.js.map +1 -1
  305. package/components/select/select.d.ts +7 -9
  306. package/components/select/select.js +29 -31
  307. package/components/select/select.js.map +1 -1
  308. package/components/select/themes/select.base.css.js +1 -1
  309. package/components/select/themes/select.base.css.js.map +1 -1
  310. package/components/slider/slider-base.d.ts +0 -1
  311. package/components/slider/slider-base.js +0 -4
  312. package/components/slider/slider-base.js.map +1 -1
  313. package/components/slider/slider.d.ts +3 -2
  314. package/components/slider/slider.js +9 -9
  315. package/components/slider/slider.js.map +1 -1
  316. package/components/slider/themes/slider.base.css.js +1 -1
  317. package/components/slider/themes/slider.base.css.js.map +1 -1
  318. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  319. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  320. package/components/stepper/step.d.ts +1 -1
  321. package/components/stepper/step.js.map +1 -1
  322. package/components/stepper/themes/step/step.base.css.js +1 -1
  323. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  324. package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
  325. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  326. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  327. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  328. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  329. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  330. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  331. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  332. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  333. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  334. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  335. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  336. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  337. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  338. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  339. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  340. package/components/tabs/themes/tab.base.css.js +1 -1
  341. package/components/tabs/themes/tab.base.css.js.map +1 -1
  342. package/components/tabs/themes/tabs.base.css.js +1 -1
  343. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  344. package/components/textarea/textarea.d.ts +5 -4
  345. package/components/textarea/textarea.js +15 -8
  346. package/components/textarea/textarea.js.map +1 -1
  347. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  348. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  349. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  350. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  351. package/components/textarea/themes/textarea.base.css.js +1 -1
  352. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  353. package/components/toast/themes/toast.base.css.js +1 -1
  354. package/components/toast/themes/toast.base.css.js.map +1 -1
  355. package/components/tree/themes/container.base.css.js +1 -1
  356. package/components/tree/themes/container.base.css.js.map +1 -1
  357. package/components/tree/themes/shared/item.material.css.js +1 -1
  358. package/components/tree/themes/shared/item.material.css.js.map +1 -1
  359. package/custom-elements.json +2184 -1951
  360. package/igniteui-webcomponents.html-data.json +1 -1
  361. package/package.json +1 -1
  362. package/themes/dark/bootstrap.css +1 -1
  363. package/themes/dark/fluent.css +1 -1
  364. package/themes/dark/indigo.css +1 -1
  365. package/themes/dark/material.css +1 -1
  366. package/themes/light/bootstrap.css +1 -1
  367. package/themes/light/fluent.css +1 -1
  368. package/themes/light/indigo.css +1 -1
  369. package/themes/light/material.css +1 -1
  370. package/web-types.json +1 -1
package/components/list/themes/dark/item/list-item.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-gray-50) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-gray-50) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
3
3
  //# sourceMappingURL=list-item.bootstrap.css.js.map
package/components/list/themes/dark/item/list-item.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+/DAA+/D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-gray-50) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"list-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,moEAAmoE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-gray-50) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
package/components/list/themes/dark/item/list-item.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
3
3
  //# sourceMappingURL=list-item.fluent.css.js.map
package/components/list/themes/dark/item/list-item.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,29DAA29D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,goEAAgoE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
package/components/list/themes/dark/item/list-item.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;
3
3
  //# sourceMappingURL=list-item.indigo.css.js.map
package/components/list/themes/dark/item/list-item.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilFAAilF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mpFAAmpF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;\n"]}
package/components/list/themes/dark/item/list-item.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
3
3
  //# sourceMappingURL=list-item.material.css.js.map
package/components/list/themes/dark/item/list-item.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,29DAA29D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+lEAA+lE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
package/components/list/themes/item.base.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{display:flex;align-items:center;position:relative;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=start],[part=end]{display:flex;align-items:center;justify-content:center}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;
2
+ export const styles = css `:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{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)}`;
3
3
  //# sourceMappingURL=item.base.css.js.map
package/components/list/themes/item.base.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y2DAAy2D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:flex;align-items:center;position:relative;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=start],[part=end]{display:flex;align-items:center;justify-content:center}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;\n"]}
1
+ {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q8DAAq8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{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)}`;\n"]}
package/components/list/themes/light/container/list.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css ``;
2
+ export const styles = css `:host{--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem)}`;
3
3
  //# sourceMappingURL=list.fluent.css.js.map
package/components/list/themes/light/container/list.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
1
+ {"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iJAAiJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem)}`;\n"]}
package/components/list/themes/light/container/list.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
3
3
  //# sourceMappingURL=list.indigo.css.js.map
package/components/list/themes/light/container/list.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vDAA0vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
1
+ {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,giDAAgiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
package/components/list/themes/light/container/list.shared.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-gray-200) h s l/1));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-gray-200) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-gray-200) h s l/1));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-gray-200) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
3
3
  //# sourceMappingURL=list.shared.css.js.map
package/components/list/themes/light/container/list.shared.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qqEAAqqE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-gray-200) h s l/1));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-gray-200) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"list.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yyEAAyyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-gray-200) h s l/1));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-gray-200) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-hover: var(--ig-list-item-title-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-title-color-active: var(--ig-list-item-title-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
package/components/list/themes/light/header/list-header.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css ``;
2
+ export const styles = css `:host{--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem)}`;
3
3
  //# sourceMappingURL=list-header.fluent.css.js.map
package/components/list/themes/light/header/list-header.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-header.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
1
+ {"version":3,"file":"list-header.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iJAAiJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem)}`;\n"]}
package/components/list/themes/light/header/list-header.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
3
3
  //# sourceMappingURL=list-header.indigo.css.js.map
package/components/list/themes/light/header/list-header.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vDAA0vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
1
+ {"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,giDAAgiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
package/components/list/themes/light/item/list-item.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css ``;
2
+ export const styles = css `:host{--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem)}`;
3
3
  //# sourceMappingURL=list-item.fluent.css.js.map
package/components/list/themes/light/item/list-item.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
1
+ {"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iJAAiJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-200) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem)}`;\n"]}
package/components/list/themes/light/item/list-item.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
3
3
  //# sourceMappingURL=list-item.indigo.css.js.map
package/components/list/themes/light/item/list-item.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vDAA0vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
1
+ {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,giDAAgiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
package/components/list/themes/shared/container/list.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--component-size: var(--ig-size, var(--default-size)) !important}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size)) !important;gap:.25rem}`;
3
3
  //# sourceMappingURL=list.indigo.css.js.map
package/components/list/themes/shared/container/list.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yEAAyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size)) !important}`;\n"]}
1
+ {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oFAAoF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size)) !important;gap:.25rem}`;\n"]}
package/components/list/themes/shared/item/list-item.common.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-text-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}[name=start]::slotted(*){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;
2
+ export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-title-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}`;
3
3
  //# sourceMappingURL=list-item.common.css.js.map
package/components/list/themes/shared/item/list-item.common.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ykDAAykD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-text-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}[name=start]::slotted(*){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;\n"]}
1
+ {"version":3,"file":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g6BAAg6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-title-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}`;\n"]}
package/components/list/themes/shared/item/list-item.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{border-bottom:.0625rem solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;
2
+ export const styles = css `:host{border-bottom:.0625rem solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title],[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;
3
3
  //# sourceMappingURL=list-item.fluent.css.js.map
package/components/list/themes/shared/item/list-item.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ugBAAugB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-bottom:.0625rem solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;\n"]}
1
+ {"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uhBAAuhB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-bottom:.0625rem solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title],[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;\n"]}
package/components/list/themes/shared/item/list-item.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{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)}[part=start],[part=end]{gap:.5rem}[name=start]::slotted(*){margin-inline-end:0}[name=end]::slotted(*){margin-inline-start:0}[part=header]{display:flex;flex-direction:column;gap:.125rem}`;
2
+ export const styles = css `:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{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)}[part=end]{gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}`;
3
3
  //# sourceMappingURL=list-item.indigo.css.js.map
package/components/list/themes/shared/item/list-item.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,43CAA43C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{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)}[part=start],[part=end]{gap:.5rem}[name=start]::slotted(*){margin-inline-end:0}[name=end]::slotted(*){margin-inline-start:0}[part=header]{display:flex;flex-direction:column;gap:.125rem}`;\n"]}
1
+ {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k2CAAk2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{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)}[part=end]{gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}`;\n"]}
package/components/mask-input/mask-input.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { type FormValue } from '../common/mixins/forms/form-value.js';
1
2
  import { IgcMaskInputBaseComponent, type MaskRange } from './mask-input-base.js';
2
3
  /**
3
4
  * A masked input is an input field where a developer can control user input and format the visible value,
@@ -27,7 +28,8 @@ export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
27
28
  static readonly tagName = "igc-mask-input";
28
29
  static register(): void;
29
30
  protected get __validators(): import("../common/validators.js").Validator<IgcMaskInputComponent>[];
30
- protected _value: string;
31
+ protected _formValue: FormValue<string>;
32
+ protected get _isRawMode(): boolean;
31
33
  /**
32
34
  * Dictates the behavior when retrieving the value of the control:
33
35
  *
@@ -51,9 +53,9 @@ export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
51
53
  get mask(): string;
52
54
  /** The mask pattern to apply on the input. */
53
55
  set mask(value: string);
54
- protected _setDefaultValue(_: string | null, current: string | null): void;
55
- protected updateFormValue(): void;
56
+ constructor();
56
57
  protected promptChange(): void;
58
+ protected _restoreDefaultValue(): void;
57
59
  protected updateInput(string: string, range: MaskRange): Promise<void>;
58
60
  protected handleDragEnter(): void;
59
61
  protected handleDragLeave(): void;
package/components/mask-input/mask-input.js CHANGED
@@ -10,30 +10,34 @@ import { ifDefined } from 'lit/directives/if-defined.js';
10
10
  import { live } from 'lit/directives/live.js';
11
11
  import { watch } from '../common/decorators/watch.js';
12
12
  import { registerComponent } from '../common/definitions/register.js';
13
+ import { createFormValueState, } from '../common/mixins/forms/form-value.js';
13
14
  import { isEmpty, partNameMap } from '../common/util.js';
14
15
  import IgcValidationContainerComponent from '../validation-container/validation-container.js';
15
16
  import { IgcMaskInputBaseComponent, } from './mask-input-base.js';
16
17
  import { maskValidators } from './validators.js';
17
18
  class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
18
- constructor() {
19
- super(...arguments);
20
- this._value = '';
21
- this.valueMode = 'raw';
22
- }
23
19
  static register() {
24
20
  registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);
25
21
  }
26
22
  get __validators() {
27
23
  return maskValidators;
28
24
  }
25
+ get _isRawMode() {
26
+ return this.valueMode === 'raw';
27
+ }
29
28
  get value() {
30
- return this.valueMode !== 'raw' ? this.maskedValue : this._value;
29
+ const value = this._formValue.value;
30
+ if (this._isRawMode) {
31
+ return value;
32
+ }
33
+ return value ? this.maskedValue : value;
31
34
  }
32
35
  set value(string) {
33
- this._value = string ?? '';
34
- this.maskedValue = this.parser.apply(this._value);
36
+ const value = string ?? '';
37
+ this.maskedValue = this.parser.apply(value);
35
38
  this.updateMaskedValue();
36
- this.updateFormValue();
39
+ this._formValue.setValueAndFormState(value);
40
+ this._validate();
37
41
  }
38
42
  get mask() {
39
43
  return this._mask;
@@ -42,29 +46,37 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
42
46
  this._mask = value;
43
47
  this.parser.mask = value;
44
48
  if (this.value) {
45
- this.maskedValue = this.parser.apply(this._value);
49
+ this.maskedValue = this.parser.apply(this._formValue.value);
46
50
  }
47
51
  }
48
- _setDefaultValue(_, current) {
49
- this._defaultValue = current;
50
- }
51
- updateFormValue() {
52
- this.valueMode === 'raw'
53
- ? this._setFormValue(this.value || null)
54
- : this._setFormValue(this.maskedValue || null);
55
- this._validate();
52
+ constructor() {
53
+ super();
54
+ this.valueMode = 'raw';
55
+ this._formValue = createFormValueState(this, {
56
+ initialValue: '',
57
+ transformers: {
58
+ setFormValue: (value) => this._isRawMode ? value || null : this.maskedValue || null,
59
+ },
60
+ });
56
61
  }
57
62
  promptChange() {
58
63
  this.parser.prompt = this.prompt;
59
64
  if (this.value) {
60
- this.maskedValue = this.parser.apply(this._value);
65
+ this.maskedValue = this.parser.apply(this._formValue.value);
61
66
  }
62
67
  }
68
+ _restoreDefaultValue() {
69
+ const value = this.defaultValue;
70
+ this.maskedValue = this.parser.apply(value);
71
+ this.updateMaskedValue();
72
+ this._formValue.setValueAndFormState(value);
73
+ this._updateValidity();
74
+ }
63
75
  async updateInput(string, range) {
64
76
  const { value, end } = this.parser.replace(this.maskedValue, string, range.start, range.end);
65
77
  this.maskedValue = value;
66
- this._value = this.parser.parse(value);
67
- this.updateFormValue();
78
+ this._formValue.setValueAndFormState(this.parser.parse(value));
79
+ this._validate();
68
80
  this.requestUpdate();
69
81
  if (range.start !== this.mask.length) {
70
82
  this.emitEvent('igcInput', { detail: this.value });
@@ -73,7 +85,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
73
85
  this.input.setSelectionRange(end, end);
74
86
  }
75
87
  handleDragEnter() {
76
- if (!this.focused && !this._value) {
88
+ if (!this.focused && !this._formValue.value) {
77
89
  this.maskedValue = this.emptyMask;
78
90
  }
79
91
  }
@@ -87,7 +99,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
87
99
  if (this.readOnly) {
88
100
  return;
89
101
  }
90
- if (!this._value) {
102
+ if (!this._formValue.value) {
91
103
  this.maskedValue = this.emptyMask;
92
104
  await this.updateComplete;
93
105
  this.select();