igniteui-webcomponents 5.1.2 → 5.3.0-alpha.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 (495) 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/carousel-indicator.js +1 -1
  62. package/components/carousel/carousel-indicator.js.map +1 -1
  63. package/components/carousel/carousel-slide.js +1 -1
  64. package/components/carousel/carousel-slide.js.map +1 -1
  65. package/components/carousel/carousel.js +1 -1
  66. package/components/carousel/carousel.js.map +1 -1
  67. package/components/carousel/themes/carousel-indicator-container.base.css.js +1 -1
  68. package/components/carousel/themes/carousel-indicator-container.base.css.js.map +1 -1
  69. package/components/carousel/themes/carousel-indicator.base.css.js +1 -1
  70. package/components/carousel/themes/carousel-indicator.base.css.js.map +1 -1
  71. package/components/carousel/themes/carousel-slide.base.css.js +1 -1
  72. package/components/carousel/themes/carousel-slide.base.css.js.map +1 -1
  73. package/components/carousel/themes/carousel.base.css.js +1 -1
  74. package/components/carousel/themes/carousel.base.css.js.map +1 -1
  75. package/components/checkbox/checkbox-base.d.ts +3 -1
  76. package/components/checkbox/checkbox-base.js +14 -10
  77. package/components/checkbox/checkbox-base.js.map +1 -1
  78. package/components/checkbox/checkbox.js +1 -2
  79. package/components/checkbox/checkbox.js.map +1 -1
  80. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  81. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  82. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  83. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  84. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  85. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  86. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  87. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  88. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  89. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  90. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
  91. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
  92. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  93. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  94. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
  95. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
  96. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  97. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  98. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  99. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  100. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  101. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  102. package/components/checkbox/themes/switch.base.css.js +1 -1
  103. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  104. package/components/chip/themes/chip.base.css.js +1 -1
  105. package/components/chip/themes/chip.base.css.js.map +1 -1
  106. package/components/combo/combo-item.d.ts +4 -2
  107. package/components/combo/combo-item.js +19 -16
  108. package/components/combo/combo-item.js.map +1 -1
  109. package/components/combo/combo.d.ts +52 -41
  110. package/components/combo/combo.js +340 -339
  111. package/components/combo/combo.js.map +1 -1
  112. package/components/combo/controllers/data.d.ts +3 -1
  113. package/components/combo/controllers/data.js +9 -2
  114. package/components/combo/controllers/data.js.map +1 -1
  115. package/components/combo/controllers/navigation.d.ts +3 -1
  116. package/components/combo/controllers/navigation.js +4 -3
  117. package/components/combo/controllers/navigation.js.map +1 -1
  118. package/components/combo/controllers/selection.d.ts +14 -6
  119. package/components/combo/controllers/selection.js +66 -59
  120. package/components/combo/controllers/selection.js.map +1 -1
  121. package/components/combo/themes/combo-header.base.css.js +1 -1
  122. package/components/combo/themes/combo-header.base.css.js.map +1 -1
  123. package/components/combo/themes/combo-item.base.css.js +1 -1
  124. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  125. package/components/combo/themes/combo.base.css.js +1 -1
  126. package/components/combo/themes/combo.base.css.js.map +1 -1
  127. package/components/common/context.d.ts +22 -0
  128. package/components/common/context.js +6 -0
  129. package/components/common/context.js.map +1 -0
  130. package/components/common/mixins/alert.js.map +1 -1
  131. package/components/common/mixins/combo-box.js.map +1 -1
  132. package/components/common/mixins/forms/associated.js +41 -39
  133. package/components/common/mixins/forms/associated.js.map +1 -1
  134. package/components/common/mixins/forms/form-value.d.ts +32 -0
  135. package/components/common/mixins/forms/form-value.js +59 -0
  136. package/components/common/mixins/forms/form-value.js.map +1 -0
  137. package/components/common/mixins/forms/types.d.ts +9 -8
  138. package/components/common/mixins/forms/types.js.map +1 -1
  139. package/components/common/util.d.ts +4 -0
  140. package/components/common/util.js +21 -0
  141. package/components/common/util.js.map +1 -1
  142. package/components/common/validators.d.ts +7 -7
  143. package/components/common/validators.js +24 -17
  144. package/components/common/validators.js.map +1 -1
  145. package/components/date-picker/date-picker.d.ts +17 -14
  146. package/components/date-picker/date-picker.js +30 -20
  147. package/components/date-picker/date-picker.js.map +1 -1
  148. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  149. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  150. package/components/date-picker/validators.js +2 -2
  151. package/components/date-picker/validators.js.map +1 -1
  152. package/components/date-time-input/date-time-input.d.ts +9 -6
  153. package/components/date-time-input/date-time-input.js +33 -30
  154. package/components/date-time-input/date-time-input.js.map +1 -1
  155. package/components/date-time-input/date-util.js +2 -12
  156. package/components/date-time-input/date-util.js.map +1 -1
  157. package/components/date-time-input/validators.js +2 -2
  158. package/components/date-time-input/validators.js.map +1 -1
  159. package/components/dialog/themes/dialog.base.css.js +1 -1
  160. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  161. package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
  162. package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
  163. package/components/divider/themes/divider.base.css.js +1 -1
  164. package/components/divider/themes/divider.base.css.js.map +1 -1
  165. package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
  166. package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
  167. package/components/dropdown/themes/dropdown-header.base.css.js +1 -1
  168. package/components/dropdown/themes/dropdown-header.base.css.js.map +1 -1
  169. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  170. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  171. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  172. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  173. package/components/dropdown/themes/header.js +7 -0
  174. package/components/dropdown/themes/header.js.map +1 -1
  175. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js +1 -1
  176. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js.map +1 -1
  177. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.d.ts +1 -0
  178. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js +3 -0
  179. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map +1 -0
  180. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  181. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  182. package/components/icon/icon-references.js +46 -0
  183. package/components/icon/icon-references.js.map +1 -1
  184. package/components/icon/icon-state.broadcast.d.ts +1 -0
  185. package/components/icon/icon-state.broadcast.js +4 -1
  186. package/components/icon/icon-state.broadcast.js.map +1 -1
  187. package/components/icon/internal-icons-lib.js +47 -0
  188. package/components/icon/internal-icons-lib.js.map +1 -1
  189. package/components/icon/registry/types.d.ts +1 -0
  190. package/components/icon/registry/types.js.map +1 -1
  191. package/components/icon/themes/icon.base.css.js +1 -1
  192. package/components/icon/themes/icon.base.css.js.map +1 -1
  193. package/components/input/input-base.js +8 -2
  194. package/components/input/input-base.js.map +1 -1
  195. package/components/input/input.d.ts +21 -9
  196. package/components/input/input.js +59 -32
  197. package/components/input/input.js.map +1 -1
  198. package/components/input/themes/input.base.css.js +1 -1
  199. package/components/input/themes/input.base.css.js.map +1 -1
  200. package/components/input/themes/shared/input.common.css.js +1 -1
  201. package/components/input/themes/shared/input.common.css.js.map +1 -1
  202. package/components/input/themes/shared/input.indigo.css.js +1 -1
  203. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  204. package/components/input/themes/shared/input.material.css.js +1 -1
  205. package/components/input/themes/shared/input.material.css.js.map +1 -1
  206. package/components/list/themes/container.base.css.js +1 -1
  207. package/components/list/themes/container.base.css.js.map +1 -1
  208. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  209. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  210. package/components/list/themes/dark/container/list.fluent.css.js +1 -1
  211. package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
  212. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  213. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  214. package/components/list/themes/dark/container/list.material.css.js +1 -1
  215. package/components/list/themes/dark/container/list.material.css.js.map +1 -1
  216. package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
  217. package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
  218. package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
  219. package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
  220. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  221. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  222. package/components/list/themes/dark/header/list-header.material.css.js +1 -1
  223. package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
  224. package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
  225. package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
  226. package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
  227. package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
  228. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  229. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  230. package/components/list/themes/dark/item/list-item.material.css.js +1 -1
  231. package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
  232. package/components/list/themes/item.base.css.js +1 -1
  233. package/components/list/themes/item.base.css.js.map +1 -1
  234. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  235. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  236. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  237. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  238. package/components/list/themes/light/container/list.shared.css.js +1 -1
  239. package/components/list/themes/light/container/list.shared.css.js.map +1 -1
  240. package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
  241. package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
  242. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  243. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  244. package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
  245. package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
  246. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  247. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  248. package/components/list/themes/shared/container/list.indigo.css.js +1 -1
  249. package/components/list/themes/shared/container/list.indigo.css.js.map +1 -1
  250. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  251. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  252. package/components/list/themes/shared/item/list-item.fluent.css.js +1 -1
  253. package/components/list/themes/shared/item/list-item.fluent.css.js.map +1 -1
  254. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  255. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  256. package/components/mask-input/mask-input.d.ts +5 -3
  257. package/components/mask-input/mask-input.js +35 -23
  258. package/components/mask-input/mask-input.js.map +1 -1
  259. package/components/nav-drawer/themes/container.base.css.js +1 -1
  260. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  261. package/components/nav-drawer/themes/header-item.base.css.js +1 -1
  262. package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
  263. package/components/nav-drawer/themes/item.base.css.js +1 -1
  264. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  265. package/components/navbar/themes/navbar.base.css.js +1 -1
  266. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  267. package/components/popover/themes/light/popover.base.css.js +1 -1
  268. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  269. package/components/progress/base.d.ts +11 -12
  270. package/components/progress/base.js +59 -70
  271. package/components/progress/base.js.map +1 -1
  272. package/components/progress/circular-progress.d.ts +0 -1
  273. package/components/progress/circular-progress.js +15 -15
  274. package/components/progress/circular-progress.js.map +1 -1
  275. package/components/progress/linear-progress.js +7 -13
  276. package/components/progress/linear-progress.js.map +1 -1
  277. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  278. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  279. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
  280. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
  281. package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
  282. package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
  283. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js +1 -1
  284. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map +1 -1
  285. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js +1 -1
  286. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js.map +1 -1
  287. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  288. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  289. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +1 -1
  290. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -1
  291. package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
  292. package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
  293. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  294. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  295. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
  296. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
  297. package/components/radio/radio.d.ts +4 -3
  298. package/components/radio/radio.js +48 -33
  299. package/components/radio/radio.js.map +1 -1
  300. package/components/radio/themes/radio.base.css.js +1 -1
  301. package/components/radio/themes/radio.base.css.js.map +1 -1
  302. package/components/radio-group/radio-group.base.css.js +1 -1
  303. package/components/radio-group/radio-group.base.css.js.map +1 -1
  304. package/components/radio-group/radio-group.d.ts +4 -0
  305. package/components/radio-group/radio-group.js +18 -0
  306. package/components/radio-group/radio-group.js.map +1 -1
  307. package/components/rating/rating-symbol.js +2 -2
  308. package/components/rating/rating-symbol.js.map +1 -1
  309. package/components/rating/rating.d.ts +25 -17
  310. package/components/rating/rating.js +47 -43
  311. package/components/rating/rating.js.map +1 -1
  312. package/components/rating/themes/rating-symbol.base.css.js +1 -1
  313. package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
  314. package/components/rating/themes/rating.base.css.js +1 -1
  315. package/components/rating/themes/rating.base.css.js.map +1 -1
  316. package/components/ripple/ripple.material.css.js +1 -1
  317. package/components/ripple/ripple.material.css.js.map +1 -1
  318. package/components/select/select.d.ts +7 -9
  319. package/components/select/select.js +29 -31
  320. package/components/select/select.js.map +1 -1
  321. package/components/select/themes/select.base.css.js +1 -1
  322. package/components/select/themes/select.base.css.js.map +1 -1
  323. package/components/slider/slider-base.d.ts +0 -1
  324. package/components/slider/slider-base.js +0 -4
  325. package/components/slider/slider-base.js.map +1 -1
  326. package/components/slider/slider.d.ts +3 -2
  327. package/components/slider/slider.js +9 -9
  328. package/components/slider/slider.js.map +1 -1
  329. package/components/slider/themes/slider.base.css.js +1 -1
  330. package/components/slider/themes/slider.base.css.js.map +1 -1
  331. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  332. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  333. package/components/stepper/step.d.ts +1 -1
  334. package/components/stepper/step.js.map +1 -1
  335. package/components/stepper/themes/step/step.base.css.js +1 -1
  336. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  337. package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
  338. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  339. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  340. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  341. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  342. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  343. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  344. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  345. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  346. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  347. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  348. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  349. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  350. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  351. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  352. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  353. package/components/tabs/themes/tab.base.css.js +1 -1
  354. package/components/tabs/themes/tab.base.css.js.map +1 -1
  355. package/components/tabs/themes/tabs.base.css.js +1 -1
  356. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  357. package/components/textarea/textarea.d.ts +5 -4
  358. package/components/textarea/textarea.js +15 -8
  359. package/components/textarea/textarea.js.map +1 -1
  360. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  361. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  362. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  363. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  364. package/components/textarea/themes/textarea.base.css.js +1 -1
  365. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  366. package/components/tile-manager/controllers/fullscreen.d.ts +15 -0
  367. package/components/tile-manager/controllers/fullscreen.js +43 -0
  368. package/components/tile-manager/controllers/fullscreen.js.map +1 -0
  369. package/components/tile-manager/controllers/tile-dnd.d.ts +24 -0
  370. package/components/tile-manager/controllers/tile-dnd.js +46 -0
  371. package/components/tile-manager/controllers/tile-dnd.js.map +1 -0
  372. package/components/tile-manager/position.d.ts +20 -0
  373. package/components/tile-manager/position.js +61 -0
  374. package/components/tile-manager/position.js.map +1 -0
  375. package/components/tile-manager/resize-controller.d.ts +52 -0
  376. package/components/tile-manager/resize-controller.js +157 -0
  377. package/components/tile-manager/resize-controller.js.map +1 -0
  378. package/components/tile-manager/resize-element.d.ts +41 -0
  379. package/components/tile-manager/resize-element.js +107 -0
  380. package/components/tile-manager/resize-element.js.map +1 -0
  381. package/components/tile-manager/serializer.d.ts +24 -0
  382. package/components/tile-manager/serializer.js +52 -0
  383. package/components/tile-manager/serializer.js.map +1 -0
  384. package/components/tile-manager/themes/container.d.ts +2 -0
  385. package/components/tile-manager/themes/container.js +47 -0
  386. package/components/tile-manager/themes/container.js.map +1 -0
  387. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.d.ts +1 -0
  388. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js +3 -0
  389. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js.map +1 -0
  390. package/components/tile-manager/themes/dark/tile-manager.fluent.css.d.ts +1 -0
  391. package/components/tile-manager/themes/dark/tile-manager.fluent.css.js +3 -0
  392. package/components/tile-manager/themes/dark/tile-manager.fluent.css.js.map +1 -0
  393. package/components/tile-manager/themes/dark/tile-manager.indigo.css.d.ts +1 -0
  394. package/components/tile-manager/themes/dark/tile-manager.indigo.css.js +3 -0
  395. package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map +1 -0
  396. package/components/tile-manager/themes/dark/tile-manager.material.css.d.ts +1 -0
  397. package/components/tile-manager/themes/dark/tile-manager.material.css.js +3 -0
  398. package/components/tile-manager/themes/dark/tile-manager.material.css.js.map +1 -0
  399. package/components/tile-manager/themes/dark/tile-manager.shared.css.d.ts +1 -0
  400. package/components/tile-manager/themes/dark/tile-manager.shared.css.js +3 -0
  401. package/components/tile-manager/themes/dark/tile-manager.shared.css.js.map +1 -0
  402. package/components/tile-manager/themes/header.d.ts +2 -0
  403. package/components/tile-manager/themes/header.js +28 -0
  404. package/components/tile-manager/themes/header.js.map +1 -0
  405. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.d.ts +1 -0
  406. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js +3 -0
  407. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js.map +1 -0
  408. package/components/tile-manager/themes/light/tile-manager.fluent.css.d.ts +1 -0
  409. package/components/tile-manager/themes/light/tile-manager.fluent.css.js +3 -0
  410. package/components/tile-manager/themes/light/tile-manager.fluent.css.js.map +1 -0
  411. package/components/tile-manager/themes/light/tile-manager.indigo.css.d.ts +1 -0
  412. package/components/tile-manager/themes/light/tile-manager.indigo.css.js +3 -0
  413. package/components/tile-manager/themes/light/tile-manager.indigo.css.js.map +1 -0
  414. package/components/tile-manager/themes/light/tile-manager.material.css.d.ts +1 -0
  415. package/components/tile-manager/themes/light/tile-manager.material.css.js +3 -0
  416. package/components/tile-manager/themes/light/tile-manager.material.css.js.map +1 -0
  417. package/components/tile-manager/themes/light/tile-manager.shared.css.d.ts +1 -0
  418. package/components/tile-manager/themes/light/tile-manager.shared.css.js +3 -0
  419. package/components/tile-manager/themes/light/tile-manager.shared.css.js.map +1 -0
  420. package/components/tile-manager/themes/resize.base.css.d.ts +1 -0
  421. package/components/tile-manager/themes/resize.base.css.js +3 -0
  422. package/components/tile-manager/themes/resize.base.css.js.map +1 -0
  423. package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.d.ts +1 -0
  424. package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.js +3 -0
  425. package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.js.map +1 -0
  426. package/components/tile-manager/themes/shared/header/tile-header.common.css.d.ts +1 -0
  427. package/components/tile-manager/themes/shared/header/tile-header.common.css.js +3 -0
  428. package/components/tile-manager/themes/shared/header/tile-header.common.css.js.map +1 -0
  429. package/components/tile-manager/themes/shared/header/tile-header.fluent.css.d.ts +1 -0
  430. package/components/tile-manager/themes/shared/header/tile-header.fluent.css.js +3 -0
  431. package/components/tile-manager/themes/shared/header/tile-header.fluent.css.js.map +1 -0
  432. package/components/tile-manager/themes/shared/header/tile-header.indigo.css.d.ts +1 -0
  433. package/components/tile-manager/themes/shared/header/tile-header.indigo.css.js +3 -0
  434. package/components/tile-manager/themes/shared/header/tile-header.indigo.css.js.map +1 -0
  435. package/components/tile-manager/themes/shared/resize.common.css.d.ts +1 -0
  436. package/components/tile-manager/themes/shared/resize.common.css.js +3 -0
  437. package/components/tile-manager/themes/shared/resize.common.css.js.map +1 -0
  438. package/components/tile-manager/themes/shared/tile/tile.common.css.d.ts +1 -0
  439. package/components/tile-manager/themes/shared/tile/tile.common.css.js +3 -0
  440. package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -0
  441. package/components/tile-manager/themes/shared/tile/tile.indigo.css.d.ts +1 -0
  442. package/components/tile-manager/themes/shared/tile/tile.indigo.css.js +3 -0
  443. package/components/tile-manager/themes/shared/tile/tile.indigo.css.js.map +1 -0
  444. package/components/tile-manager/themes/shared/tile-manager.common.css.d.ts +1 -0
  445. package/components/tile-manager/themes/shared/tile-manager.common.css.js +3 -0
  446. package/components/tile-manager/themes/shared/tile-manager.common.css.js.map +1 -0
  447. package/components/tile-manager/themes/tile-header.base.css.d.ts +1 -0
  448. package/components/tile-manager/themes/tile-header.base.css.js +3 -0
  449. package/components/tile-manager/themes/tile-header.base.css.js.map +1 -0
  450. package/components/tile-manager/themes/tile-manager.base.css.d.ts +1 -0
  451. package/components/tile-manager/themes/tile-manager.base.css.js +3 -0
  452. package/components/tile-manager/themes/tile-manager.base.css.js.map +1 -0
  453. package/components/tile-manager/themes/tile.base.css.d.ts +1 -0
  454. package/components/tile-manager/themes/tile.base.css.js +3 -0
  455. package/components/tile-manager/themes/tile.base.css.js.map +1 -0
  456. package/components/tile-manager/themes/tile.d.ts +2 -0
  457. package/components/tile-manager/themes/tile.js +14 -0
  458. package/components/tile-manager/themes/tile.js.map +1 -0
  459. package/components/tile-manager/tile-header.d.ts +34 -0
  460. package/components/tile-manager/tile-header.js +106 -0
  461. package/components/tile-manager/tile-header.js.map +1 -0
  462. package/components/tile-manager/tile-manager.d.ts +83 -0
  463. package/components/tile-manager/tile-manager.js +188 -0
  464. package/components/tile-manager/tile-manager.js.map +1 -0
  465. package/components/tile-manager/tile-util.d.ts +6 -0
  466. package/components/tile-manager/tile-util.js +70 -0
  467. package/components/tile-manager/tile-util.js.map +1 -0
  468. package/components/tile-manager/tile.d.ts +128 -0
  469. package/components/tile-manager/tile.js +467 -0
  470. package/components/tile-manager/tile.js.map +1 -0
  471. package/components/toast/themes/toast.base.css.js +1 -1
  472. package/components/toast/themes/toast.base.css.js.map +1 -1
  473. package/components/tree/themes/container.base.css.js +1 -1
  474. package/components/tree/themes/container.base.css.js.map +1 -1
  475. package/components/tree/themes/shared/item.material.css.js +1 -1
  476. package/components/tree/themes/shared/item.material.css.js.map +1 -1
  477. package/custom-elements.json +7211 -4772
  478. package/igniteui-webcomponents.css-data.json +1 -1
  479. package/igniteui-webcomponents.html-data.json +1 -1
  480. package/index.d.ts +3 -0
  481. package/index.js +3 -0
  482. package/index.js.map +1 -1
  483. package/package.json +1 -1
  484. package/themes/dark/bootstrap.css +1 -1
  485. package/themes/dark/fluent.css +1 -1
  486. package/themes/dark/indigo.css +1 -1
  487. package/themes/dark/material.css +1 -1
  488. package/themes/light/bootstrap.css +1 -1
  489. package/themes/light/fluent.css +1 -1
  490. package/themes/light/indigo.css +1 -1
  491. package/themes/light/material.css +1 -1
  492. package/web-types.json +2 -2
  493. package/components/carousel/context.d.ts +0 -4
  494. package/components/carousel/context.js +0 -3
  495. package/components/carousel/context.js.map +0 -1
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();
package/components/mask-input/mask-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n public static readonly tagName = 'igc-mask-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n }\n\n protected override get __validators() {\n return maskValidators;\n }\n\n protected _value = '';\n\n /**\n * Dictates the behavior when retrieving the value of the control:\n *\n * - `raw` will return the clean user input.\n * - `withFormatting` will return the value with all literals and prompts.\n * @attr value-mode\n */\n @property({ attribute: 'value-mode' })\n public valueMode: 'raw' | 'withFormatting' = 'raw';\n\n /**\n * The value of the input.\n *\n * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n * @attr\n */\n public get value(): string {\n return this.valueMode !== 'raw' ? this.maskedValue : this._value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n @property()\n public set value(string: string) {\n this._value = string ?? '';\n this.maskedValue = this.parser.apply(this._value);\n this.updateMaskedValue();\n this.updateFormValue();\n }\n\n /**\n * The mask pattern to apply on the input.\n * @attr\n */\n @property()\n public get mask(): string {\n return this._mask;\n }\n\n /** The mask pattern to apply on the input. */\n public set mask(value: string) {\n this._mask = value;\n this.parser.mask = value;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._value);\n }\n }\n\n protected override _setDefaultValue(\n _: string | null,\n current: string | null\n ): void {\n this._defaultValue = current;\n }\n\n protected updateFormValue() {\n this.valueMode === 'raw'\n ? this._setFormValue(this.value || null)\n : this._setFormValue(this.maskedValue || null);\n this._validate();\n }\n\n @watch('prompt')\n protected promptChange() {\n this.parser.prompt = this.prompt;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._value);\n }\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n this._value = this.parser.parse(value);\n\n this.updateFormValue();\n this.requestUpdate();\n\n if (range.start !== this.mask.length) {\n this.emitEvent('igcInput', { detail: this.value });\n }\n await this.updateComplete;\n\n this.input.setSelectionRange(end, end);\n }\n\n protected handleDragEnter() {\n if (!this.focused && !this._value) {\n this.maskedValue = this.emptyMask;\n }\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMaskedValue();\n }\n }\n\n protected async handleFocus() {\n this.focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n if (!this._value) {\n // In case of empty value, select the whole mask\n this.maskedValue = this.emptyMask;\n\n await this.updateComplete;\n this.select();\n }\n }\n\n protected handleBlur() {\n this.focused = false;\n this.updateMaskedValue();\n this.invalid = !this.checkValidity();\n }\n\n protected handleChange() {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected updateMaskedValue() {\n if (this.maskedValue === this.emptyMask) {\n this.maskedValue = '';\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.value = this.parser.parse(this.maskedValue);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partNameMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @cut=${this.handleCut}\n @change=${this.handleChange}\n @click=${this.handleClick}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @input=${this.handleInput}\n aria-describedby=${ifDefined(\n isEmpty(this._helperText) ? nothing : 'helper-text'\n )}\n aria-invalid=${this.invalid ? 'true' : 'false'}\n @keydown=${this.handleKeydown}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-mask-input': IgcMaskInputComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n type FormValue,\n createFormValueState,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n public static readonly tagName = 'igc-mask-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n }\n\n protected override get __validators() {\n return maskValidators;\n }\n\n protected override _formValue: FormValue<string>;\n\n protected get _isRawMode() {\n return this.valueMode === 'raw';\n }\n\n /**\n * Dictates the behavior when retrieving the value of the control:\n *\n * - `raw` will return the clean user input.\n * - `withFormatting` will return the value with all literals and prompts.\n * @attr value-mode\n */\n @property({ attribute: 'value-mode' })\n public valueMode: 'raw' | 'withFormatting' = 'raw';\n\n /**\n * The value of the input.\n *\n * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n * @attr\n */\n public get value(): string {\n const value = this._formValue.value;\n\n if (this._isRawMode) {\n return value;\n }\n return value ? this.maskedValue : value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n @property()\n public set value(string: string) {\n const value = string ?? '';\n this.maskedValue = this.parser.apply(value);\n this.updateMaskedValue();\n this._formValue.setValueAndFormState(value);\n this._validate();\n }\n\n /**\n * The mask pattern to apply on the input.\n * @attr\n */\n @property()\n public get mask(): string {\n return this._mask;\n }\n\n /** The mask pattern to apply on the input. */\n public set mask(value: string) {\n this._mask = value;\n this.parser.mask = value;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._formValue.value);\n }\n }\n\n constructor() {\n super();\n\n this._formValue = createFormValueState(this, {\n initialValue: '',\n transformers: {\n setFormValue: (value) =>\n this._isRawMode ? value || null : this.maskedValue || null,\n },\n });\n }\n\n @watch('prompt')\n protected promptChange() {\n this.parser.prompt = this.prompt;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._formValue.value);\n }\n }\n\n protected override _restoreDefaultValue(): void {\n const value = this.defaultValue as string;\n\n this.maskedValue = this.parser.apply(value);\n this.updateMaskedValue();\n this._formValue.setValueAndFormState(value);\n this._updateValidity();\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n this._formValue.setValueAndFormState(this.parser.parse(value));\n this._validate();\n this.requestUpdate();\n\n if (range.start !== this.mask.length) {\n this.emitEvent('igcInput', { detail: this.value });\n }\n await this.updateComplete;\n\n this.input.setSelectionRange(end, end);\n }\n\n protected handleDragEnter() {\n if (!this.focused && !this._formValue.value) {\n this.maskedValue = this.emptyMask;\n }\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMaskedValue();\n }\n }\n\n protected async handleFocus() {\n this.focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n if (!this._formValue.value) {\n // In case of empty value, select the whole mask\n this.maskedValue = this.emptyMask;\n\n await this.updateComplete;\n this.select();\n }\n }\n\n protected handleBlur() {\n this.focused = false;\n this.updateMaskedValue();\n this.invalid = !this.checkValidity();\n }\n\n protected handleChange() {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected updateMaskedValue() {\n if (this.maskedValue === this.emptyMask) {\n this.maskedValue = '';\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.value = this.parser.parse(this.maskedValue);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partNameMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @cut=${this.handleCut}\n @change=${this.handleChange}\n @click=${this.handleClick}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @input=${this.handleInput}\n aria-describedby=${ifDefined(\n isEmpty(this._helperText) ? nothing : 'helper-text'\n )}\n aria-invalid=${this.invalid ? 'true' : 'false'}\n @keydown=${this.handleKeydown}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-mask-input': IgcMaskInputComponent;\n }\n}\n"]}