@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.11

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 (737) hide show
  1. package/README.md +3 -2
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-6817cfbb.js → helpers-02b23286.js} +65 -155
  4. package/dist/cjs/helpers-02b23286.js.map +1 -0
  5. package/dist/cjs/{helpers-33b42cd6.js → helpers-ce248d54.js} +80 -29
  6. package/dist/cjs/helpers-ce248d54.js.map +1 -0
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
  8. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
  10. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-alert.cjs.entry.js +9 -14
  12. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
  14. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-badge.cjs.entry.js +26 -3
  16. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
  18. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb.cjs.entry.js +49 -4
  20. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
  22. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-card-horizontal.cjs.entry.js +33 -35
  24. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
  26. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
  28. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
  30. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-chip.cjs.entry.js +27 -15
  32. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  36. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
  37. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-data-table.cjs.entry.js +377 -110
  39. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-date-input.cjs.entry.js +29 -18
  41. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-date-picker.cjs.entry.js +16 -5
  43. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-dialog.cjs.entry.js +32 -9
  45. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-divider.cjs.entry.js +73 -9
  47. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-empty-state_2.cjs.entry.js +118 -50
  49. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
  51. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-footer-link.cjs.entry.js +8 -7
  53. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-footer.cjs.entry.js +24 -14
  55. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-hero.cjs.entry.js +7 -15
  57. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
  59. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1016 -0
  61. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -0
  62. package/dist/cjs/ic-input-label_2.cjs.entry.js +82 -0
  63. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -0
  64. package/dist/cjs/ic-link.cjs.entry.js +10 -12
  65. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
  67. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
  69. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
  71. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
  73. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
  75. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
  77. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
  79. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-pagination_4.cjs.entry.js +267 -112
  81. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
  83. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-radio-group.cjs.entry.js +60 -29
  85. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
  87. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
  89. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
  91. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
  93. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
  95. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-step.cjs.entry.js +4 -5
  97. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
  99. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-switch.cjs.entry.js +21 -16
  101. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
  103. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
  105. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  107. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ic-tab.cjs.entry.js +10 -8
  109. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ic-theme.cjs.entry.js +20 -20
  111. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  113. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  114. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
  115. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  116. package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
  117. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  118. package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
  119. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  120. package/dist/cjs/ic-tree-item.cjs.entry.js +27 -16
  121. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  122. package/dist/cjs/ic-tree-view.cjs.entry.js +44 -24
  123. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  124. package/dist/cjs/ic-typography.cjs.entry.js +5 -3
  125. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  126. package/dist/cjs/index-4cf27b16.js +4 -12
  127. package/dist/cjs/loader.cjs.js +1 -1
  128. package/dist/collection/collection-manifest.json +0 -2
  129. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +26 -26
  130. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +63 -38
  131. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  132. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +10 -0
  133. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -1
  134. package/dist/collection/components/ic-data-table/ic-data-table.css +194 -26
  135. package/dist/collection/components/ic-data-table/ic-data-table.js +479 -129
  136. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  137. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  138. package/dist/collection/components/ic-data-table/story-data.js +460 -7
  139. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  140. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +123 -29
  141. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  142. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +15 -10
  143. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +5 -5
  144. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
  145. package/dist/collection/components/ic-date-input/ic-date-input.css +74 -9
  146. package/dist/collection/components/ic-date-input/ic-date-input.js +73 -18
  147. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  148. package/dist/collection/components/ic-date-picker/ic-date-picker.css +18 -16
  149. package/dist/collection/components/ic-date-picker/ic-date-picker.js +59 -4
  150. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  151. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.css +4 -7
  152. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +230 -53
  153. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  154. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
  155. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
  156. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +20 -2
  157. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  158. package/dist/collection/components/ic-tree-item/ic-tree-item.css +51 -26
  159. package/dist/collection/components/ic-tree-item/ic-tree-item.js +89 -44
  160. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  161. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +3 -0
  162. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -1
  163. package/dist/collection/components/ic-tree-view/ic-tree-view.css +31 -8
  164. package/dist/collection/components/ic-tree-view/ic-tree-view.js +116 -38
  165. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  166. package/dist/collection/utils/helpers.js +53 -34
  167. package/dist/collection/utils/helpers.js.map +1 -1
  168. package/dist/collection/utils/types.js +6 -6
  169. package/dist/collection/utils/types.js.map +1 -1
  170. package/dist/components/helpers.js +73 -26
  171. package/dist/components/helpers.js.map +1 -1
  172. package/dist/components/helpers2.js +60 -145
  173. package/dist/components/helpers2.js.map +1 -1
  174. package/dist/components/ic-accordion-group.js +11 -11
  175. package/dist/components/ic-accordion-group.js.map +1 -1
  176. package/dist/components/ic-accordion.js +14 -6
  177. package/dist/components/ic-accordion.js.map +1 -1
  178. package/dist/components/ic-alert.js +12 -16
  179. package/dist/components/ic-alert.js.map +1 -1
  180. package/dist/components/ic-back-to-top.js +9 -5
  181. package/dist/components/ic-back-to-top.js.map +1 -1
  182. package/dist/components/ic-badge.js +28 -5
  183. package/dist/components/ic-badge.js.map +1 -1
  184. package/dist/components/ic-breadcrumb-group.js +44 -20
  185. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  186. package/dist/components/ic-breadcrumb2.js +51 -4
  187. package/dist/components/ic-breadcrumb2.js.map +1 -1
  188. package/dist/components/ic-button2.js +21 -20
  189. package/dist/components/ic-button2.js.map +1 -1
  190. package/dist/components/ic-card-horizontal.js +38 -37
  191. package/dist/components/ic-card-horizontal.js.map +1 -1
  192. package/dist/components/ic-card-vertical.js +54 -50
  193. package/dist/components/ic-card-vertical.js.map +1 -1
  194. package/dist/components/ic-checkbox-group.js +25 -7
  195. package/dist/components/ic-checkbox-group.js.map +1 -1
  196. package/dist/components/ic-checkbox.js +12 -4
  197. package/dist/components/ic-checkbox.js.map +1 -1
  198. package/dist/components/ic-chip.js +32 -16
  199. package/dist/components/ic-chip.js.map +1 -1
  200. package/dist/components/ic-classification-banner.js +1 -1
  201. package/dist/components/ic-classification-banner.js.map +1 -1
  202. package/dist/components/ic-data-row.js +1 -1
  203. package/dist/components/ic-data-table-title-bar.js +6 -6
  204. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  205. package/dist/components/ic-data-table.js +382 -110
  206. package/dist/components/ic-data-table.js.map +1 -1
  207. package/dist/components/ic-date-input2.js +32 -18
  208. package/dist/components/ic-date-input2.js.map +1 -1
  209. package/dist/components/ic-date-picker.js +19 -5
  210. package/dist/components/ic-date-picker.js.map +1 -1
  211. package/dist/components/ic-dialog.js +33 -9
  212. package/dist/components/ic-dialog.js.map +1 -1
  213. package/dist/components/ic-divider2.js +89 -12
  214. package/dist/components/ic-divider2.js.map +1 -1
  215. package/dist/components/ic-empty-state2.js +10 -17
  216. package/dist/components/ic-empty-state2.js.map +1 -1
  217. package/dist/components/ic-footer-link-group.js +7 -8
  218. package/dist/components/ic-footer-link-group.js.map +1 -1
  219. package/dist/components/ic-footer-link.js +9 -8
  220. package/dist/components/ic-footer-link.js.map +1 -1
  221. package/dist/components/ic-footer.js +25 -15
  222. package/dist/components/ic-footer.js.map +1 -1
  223. package/dist/components/ic-hero.js +9 -17
  224. package/dist/components/ic-hero.js.map +1 -1
  225. package/dist/components/ic-horizontal-scroll2.js +19 -9
  226. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  227. package/dist/components/ic-input-component-container2.js +23 -32
  228. package/dist/components/ic-input-component-container2.js.map +1 -1
  229. package/dist/components/ic-input-label2.js +19 -20
  230. package/dist/components/ic-input-label2.js.map +1 -1
  231. package/dist/components/ic-input-validation2.js +9 -9
  232. package/dist/components/ic-input-validation2.js.map +1 -1
  233. package/dist/components/ic-link2.js +13 -15
  234. package/dist/components/ic-link2.js.map +1 -1
  235. package/dist/components/ic-loading-indicator2.js +11 -9
  236. package/dist/components/ic-loading-indicator2.js.map +1 -1
  237. package/dist/components/ic-menu-group.js +2 -2
  238. package/dist/components/ic-menu-group.js.map +1 -1
  239. package/dist/components/ic-menu-item2.js +30 -21
  240. package/dist/components/ic-menu-item2.js.map +1 -1
  241. package/dist/components/ic-menu2.js +472 -175
  242. package/dist/components/ic-menu2.js.map +1 -1
  243. package/dist/components/ic-navigation-button.js +13 -9
  244. package/dist/components/ic-navigation-button.js.map +1 -1
  245. package/dist/components/ic-navigation-group.js +12 -9
  246. package/dist/components/ic-navigation-group.js.map +1 -1
  247. package/dist/components/ic-navigation-item.js +64 -10
  248. package/dist/components/ic-navigation-item.js.map +1 -1
  249. package/dist/components/ic-navigation-menu2.js +6 -4
  250. package/dist/components/ic-navigation-menu2.js.map +1 -1
  251. package/dist/components/ic-page-header.js +9 -6
  252. package/dist/components/ic-page-header.js.map +1 -1
  253. package/dist/components/ic-pagination-bar2.js +123 -39
  254. package/dist/components/ic-pagination-bar2.js.map +1 -1
  255. package/dist/components/ic-pagination-item2.js +15 -12
  256. package/dist/components/ic-pagination-item2.js.map +1 -1
  257. package/dist/components/ic-pagination2.js +25 -15
  258. package/dist/components/ic-pagination2.js.map +1 -1
  259. package/dist/components/ic-popover-menu.js +50 -26
  260. package/dist/components/ic-popover-menu.js.map +1 -1
  261. package/dist/components/ic-radio-group.js +63 -30
  262. package/dist/components/ic-radio-group.js.map +1 -1
  263. package/dist/components/ic-radio-option.js +45 -23
  264. package/dist/components/ic-radio-option.js.map +1 -1
  265. package/dist/components/ic-search-bar.js +70 -81
  266. package/dist/components/ic-search-bar.js.map +1 -1
  267. package/dist/components/ic-select2.js +196 -67
  268. package/dist/components/ic-select2.js.map +1 -1
  269. package/dist/components/ic-side-navigation.js +17 -12
  270. package/dist/components/ic-side-navigation.js.map +1 -1
  271. package/dist/components/ic-skeleton.js +5 -5
  272. package/dist/components/ic-skeleton.js.map +1 -1
  273. package/dist/components/ic-status-tag.js +5 -3
  274. package/dist/components/ic-status-tag.js.map +1 -1
  275. package/dist/components/ic-step.js +4 -4
  276. package/dist/components/ic-step.js.map +1 -1
  277. package/dist/components/ic-stepper.js +14 -3
  278. package/dist/components/ic-stepper.js.map +1 -1
  279. package/dist/components/ic-switch.js +24 -18
  280. package/dist/components/ic-switch.js.map +1 -1
  281. package/dist/components/ic-tab-context.js +60 -123
  282. package/dist/components/ic-tab-context.js.map +1 -1
  283. package/dist/components/ic-tab-group.js +2 -18
  284. package/dist/components/ic-tab-group.js.map +1 -1
  285. package/dist/components/ic-tab-panel.js +1 -1
  286. package/dist/components/ic-tab-panel.js.map +1 -1
  287. package/dist/components/ic-tab.js +10 -8
  288. package/dist/components/ic-tab.js.map +1 -1
  289. package/dist/components/ic-text-field2.js +46 -24
  290. package/dist/components/ic-text-field2.js.map +1 -1
  291. package/dist/components/ic-theme.js +22 -22
  292. package/dist/components/ic-theme.js.map +1 -1
  293. package/dist/components/ic-toast.js +4 -4
  294. package/dist/components/ic-toast.js.map +1 -1
  295. package/dist/components/ic-toggle-button-group.js +75 -14
  296. package/dist/components/ic-toggle-button-group.js.map +1 -1
  297. package/dist/components/ic-toggle-button.js +76 -17
  298. package/dist/components/ic-toggle-button.js.map +1 -1
  299. package/dist/components/ic-tooltip2.js +1 -1
  300. package/dist/components/ic-tooltip2.js.map +1 -1
  301. package/dist/components/ic-top-navigation.js +15 -8
  302. package/dist/components/ic-top-navigation.js.map +1 -1
  303. package/dist/components/ic-tree-item.js +32 -18
  304. package/dist/components/ic-tree-item.js.map +1 -1
  305. package/dist/components/ic-tree-view.js +53 -28
  306. package/dist/components/ic-tree-view.js.map +1 -1
  307. package/dist/components/ic-typography2.js +4 -2
  308. package/dist/components/ic-typography2.js.map +1 -1
  309. package/dist/core/core.css +1607 -77
  310. package/dist/core/core.esm.js +1 -1
  311. package/dist/core/core.esm.js.map +1 -1
  312. package/dist/core/p-007293a4.entry.js +2 -0
  313. package/dist/core/p-007293a4.entry.js.map +1 -0
  314. package/dist/core/{p-5f5403e2.entry.js → p-01ab3a15.entry.js} +2 -2
  315. package/dist/core/{p-5f5403e2.entry.js.map → p-01ab3a15.entry.js.map} +1 -1
  316. package/dist/core/p-01e4affd.entry.js +2 -0
  317. package/dist/core/p-01e4affd.entry.js.map +1 -0
  318. package/dist/core/p-052a9f31.entry.js +2 -0
  319. package/dist/core/p-052a9f31.entry.js.map +1 -0
  320. package/dist/core/p-059c08a0.entry.js +2 -0
  321. package/dist/core/p-059c08a0.entry.js.map +1 -0
  322. package/dist/core/p-07784e04.entry.js +2 -0
  323. package/dist/core/p-07784e04.entry.js.map +1 -0
  324. package/dist/core/p-0c225c1a.entry.js +2 -0
  325. package/dist/core/p-0c225c1a.entry.js.map +1 -0
  326. package/dist/core/p-14a6e578.entry.js +2 -0
  327. package/dist/core/p-14a6e578.entry.js.map +1 -0
  328. package/dist/core/p-1684a003.entry.js +2 -0
  329. package/dist/core/p-1684a003.entry.js.map +1 -0
  330. package/dist/core/p-1af4b9c1.entry.js +2 -0
  331. package/dist/core/p-1af4b9c1.entry.js.map +1 -0
  332. package/dist/core/p-1bf881bb.entry.js +2 -0
  333. package/dist/core/p-1bf881bb.entry.js.map +1 -0
  334. package/dist/core/p-1eb21184.entry.js +2 -0
  335. package/dist/core/p-1eb21184.entry.js.map +1 -0
  336. package/dist/core/p-2039e996.entry.js +2 -0
  337. package/dist/core/p-2039e996.entry.js.map +1 -0
  338. package/dist/core/p-20c780cb.entry.js +2 -0
  339. package/dist/core/p-20c780cb.entry.js.map +1 -0
  340. package/dist/core/p-21c90000.entry.js +2 -0
  341. package/dist/core/p-21c90000.entry.js.map +1 -0
  342. package/dist/core/p-2376e171.entry.js +2 -0
  343. package/dist/core/p-2376e171.entry.js.map +1 -0
  344. package/dist/core/p-23f62fca.entry.js +2 -0
  345. package/dist/core/p-23f62fca.entry.js.map +1 -0
  346. package/dist/core/p-28c8d6e3.entry.js +2 -0
  347. package/dist/core/p-28c8d6e3.entry.js.map +1 -0
  348. package/dist/core/p-2c59f79e.entry.js +2 -0
  349. package/dist/core/p-2c59f79e.entry.js.map +1 -0
  350. package/dist/core/{p-bf670360.entry.js → p-2e261288.entry.js} +2 -2
  351. package/dist/core/p-2e261288.entry.js.map +1 -0
  352. package/dist/core/p-36242f26.entry.js +2 -0
  353. package/dist/core/p-36242f26.entry.js.map +1 -0
  354. package/dist/core/p-37cced7a.entry.js +2 -0
  355. package/dist/core/p-37cced7a.entry.js.map +1 -0
  356. package/dist/core/p-3c17ca15.entry.js +2 -0
  357. package/dist/core/p-3c17ca15.entry.js.map +1 -0
  358. package/dist/core/p-435d9ce2.entry.js +2 -0
  359. package/dist/core/p-435d9ce2.entry.js.map +1 -0
  360. package/dist/core/p-47e0072d.entry.js +2 -0
  361. package/dist/core/p-47e0072d.entry.js.map +1 -0
  362. package/dist/core/p-49fbe074.entry.js +2 -0
  363. package/dist/core/p-49fbe074.entry.js.map +1 -0
  364. package/dist/core/p-4ba91306.entry.js +2 -0
  365. package/dist/core/p-4ba91306.entry.js.map +1 -0
  366. package/dist/core/p-50e24896.entry.js +2 -0
  367. package/dist/core/p-50e24896.entry.js.map +1 -0
  368. package/dist/core/p-5193184c.entry.js +2 -0
  369. package/dist/core/p-5193184c.entry.js.map +1 -0
  370. package/dist/core/p-51c6561f.entry.js +2 -0
  371. package/dist/core/p-51c6561f.entry.js.map +1 -0
  372. package/dist/core/p-534f7f0d.entry.js +2 -0
  373. package/dist/core/p-534f7f0d.entry.js.map +1 -0
  374. package/dist/core/p-542ffaf4.entry.js +2 -0
  375. package/dist/core/p-542ffaf4.entry.js.map +1 -0
  376. package/dist/core/p-555dd292.entry.js +2 -0
  377. package/dist/core/p-555dd292.entry.js.map +1 -0
  378. package/dist/core/p-5d03b04e.entry.js +2 -0
  379. package/dist/core/p-5d03b04e.entry.js.map +1 -0
  380. package/dist/core/p-5e616d85.entry.js +2 -0
  381. package/dist/core/p-5e616d85.entry.js.map +1 -0
  382. package/dist/core/p-64101c64.entry.js +2 -0
  383. package/dist/core/p-64101c64.entry.js.map +1 -0
  384. package/dist/core/p-70616efa.js +2 -0
  385. package/dist/core/p-70616efa.js.map +1 -0
  386. package/dist/core/p-76c94cee.entry.js +2 -0
  387. package/dist/core/p-76c94cee.entry.js.map +1 -0
  388. package/dist/core/p-7d1f7976.entry.js +2 -0
  389. package/dist/core/p-7d1f7976.entry.js.map +1 -0
  390. package/dist/core/p-9158c34f.entry.js +2 -0
  391. package/dist/core/p-9158c34f.entry.js.map +1 -0
  392. package/dist/core/{p-266341f5.entry.js → p-91c720bc.entry.js} +2 -2
  393. package/dist/core/{p-266341f5.entry.js.map → p-91c720bc.entry.js.map} +1 -1
  394. package/dist/core/p-94efa0d2.entry.js +2 -0
  395. package/dist/core/p-94efa0d2.entry.js.map +1 -0
  396. package/dist/core/p-9bf9da9b.entry.js +2 -0
  397. package/dist/core/p-9bf9da9b.entry.js.map +1 -0
  398. package/dist/core/p-a04712b9.js +2 -0
  399. package/dist/core/p-a04712b9.js.map +1 -0
  400. package/dist/core/p-a33bf749.entry.js +2 -0
  401. package/dist/core/p-a33bf749.entry.js.map +1 -0
  402. package/dist/core/p-a707b036.entry.js +2 -0
  403. package/dist/core/p-a707b036.entry.js.map +1 -0
  404. package/dist/core/p-a74be80c.entry.js +2 -0
  405. package/dist/core/p-a74be80c.entry.js.map +1 -0
  406. package/dist/core/p-af547c0a.entry.js +2 -0
  407. package/dist/core/p-af547c0a.entry.js.map +1 -0
  408. package/dist/core/p-b0170269.entry.js +2 -0
  409. package/dist/core/p-b0170269.entry.js.map +1 -0
  410. package/dist/core/p-b6e385ba.entry.js +2 -0
  411. package/dist/core/p-b6e385ba.entry.js.map +1 -0
  412. package/dist/core/p-bb418e1b.entry.js +2 -0
  413. package/dist/core/p-bb418e1b.entry.js.map +1 -0
  414. package/dist/core/{p-306def43.entry.js → p-d2dbb1dc.entry.js} +2 -2
  415. package/dist/core/p-d2dbb1dc.entry.js.map +1 -0
  416. package/dist/core/p-e3303bbe.entry.js +2 -0
  417. package/dist/core/p-e3303bbe.entry.js.map +1 -0
  418. package/dist/core/p-e3e0cf46.entry.js +2 -0
  419. package/dist/core/p-e3e0cf46.entry.js.map +1 -0
  420. package/dist/core/p-e62e5ca3.entry.js +2 -0
  421. package/dist/core/p-e62e5ca3.entry.js.map +1 -0
  422. package/dist/core/{p-c21d0db8.entry.js → p-ebd84a67.entry.js} +2 -2
  423. package/dist/core/p-ebd84a67.entry.js.map +1 -0
  424. package/dist/core/{p-d03374fc.entry.js → p-f154d6e6.entry.js} +2 -2
  425. package/dist/core/p-f1d5bdbd.entry.js +2 -0
  426. package/dist/core/p-f1d5bdbd.entry.js.map +1 -0
  427. package/dist/core/{p-73b40c79.entry.js → p-f482ccb8.entry.js} +2 -2
  428. package/dist/core/p-f482ccb8.entry.js.map +1 -0
  429. package/dist/core/p-f60c8a1b.entry.js +2 -0
  430. package/dist/core/p-f60c8a1b.entry.js.map +1 -0
  431. package/dist/core/{p-f1072c28.entry.js → p-f64abdff.entry.js} +2 -2
  432. package/dist/core/p-f64abdff.entry.js.map +1 -0
  433. package/dist/core/{p-d8563643.entry.js → p-fc71c920.entry.js} +2 -2
  434. package/dist/core/p-fc71c920.entry.js.map +1 -0
  435. package/dist/esm/core.js +1 -1
  436. package/dist/esm/{helpers-5bd2012a.js → helpers-0f42cb46.js} +61 -146
  437. package/dist/esm/helpers-0f42cb46.js.map +1 -0
  438. package/dist/esm/{helpers-dab8ddfe.js → helpers-b4561326.js} +74 -27
  439. package/dist/esm/helpers-b4561326.js.map +1 -0
  440. package/dist/esm/ic-accordion-group.entry.js +10 -10
  441. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  442. package/dist/esm/ic-accordion.entry.js +12 -5
  443. package/dist/esm/ic-accordion.entry.js.map +1 -1
  444. package/dist/esm/ic-alert.entry.js +10 -15
  445. package/dist/esm/ic-alert.entry.js.map +1 -1
  446. package/dist/esm/ic-back-to-top.entry.js +9 -6
  447. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  448. package/dist/esm/ic-badge.entry.js +26 -3
  449. package/dist/esm/ic-badge.entry.js.map +1 -1
  450. package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
  451. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  452. package/dist/esm/ic-breadcrumb.entry.js +49 -4
  453. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  454. package/dist/esm/ic-button_3.entry.js +28 -26
  455. package/dist/esm/ic-button_3.entry.js.map +1 -1
  456. package/dist/esm/ic-card-horizontal.entry.js +34 -36
  457. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  458. package/dist/esm/ic-card-vertical.entry.js +49 -48
  459. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  460. package/dist/esm/ic-checkbox-group.entry.js +21 -6
  461. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  462. package/dist/esm/ic-checkbox.entry.js +10 -4
  463. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  464. package/dist/esm/ic-chip.entry.js +28 -16
  465. package/dist/esm/ic-chip.entry.js.map +1 -1
  466. package/dist/esm/ic-classification-banner.entry.js +1 -1
  467. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  468. package/dist/esm/ic-data-row.entry.js +1 -1
  469. package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
  470. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  471. package/dist/esm/ic-data-table.entry.js +377 -110
  472. package/dist/esm/ic-data-table.entry.js.map +1 -1
  473. package/dist/esm/ic-date-input.entry.js +29 -18
  474. package/dist/esm/ic-date-input.entry.js.map +1 -1
  475. package/dist/esm/ic-date-picker.entry.js +16 -5
  476. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  477. package/dist/esm/ic-dialog.entry.js +32 -9
  478. package/dist/esm/ic-dialog.entry.js.map +1 -1
  479. package/dist/esm/ic-divider.entry.js +74 -10
  480. package/dist/esm/ic-divider.entry.js.map +1 -1
  481. package/dist/esm/ic-empty-state_2.entry.js +119 -51
  482. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  483. package/dist/esm/ic-footer-link-group.entry.js +6 -7
  484. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  485. package/dist/esm/ic-footer-link.entry.js +8 -7
  486. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  487. package/dist/esm/ic-footer.entry.js +24 -14
  488. package/dist/esm/ic-footer.entry.js.map +1 -1
  489. package/dist/esm/ic-hero.entry.js +8 -16
  490. package/dist/esm/ic-hero.entry.js.map +1 -1
  491. package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
  492. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  493. package/dist/{collection/components/ic-menu-with-multi/ic-menu.js → esm/ic-input-component-container_3.entry.js} +173 -739
  494. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -0
  495. package/dist/esm/ic-input-label_2.entry.js +77 -0
  496. package/dist/esm/ic-input-label_2.entry.js.map +1 -0
  497. package/dist/esm/ic-link.entry.js +10 -12
  498. package/dist/esm/ic-link.entry.js.map +1 -1
  499. package/dist/esm/ic-menu-group.entry.js +3 -3
  500. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  501. package/dist/esm/ic-menu-item.entry.js +25 -18
  502. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  503. package/dist/esm/ic-navigation-button.entry.js +11 -8
  504. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  505. package/dist/esm/ic-navigation-group.entry.js +10 -8
  506. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  507. package/dist/esm/ic-navigation-item.entry.js +61 -9
  508. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  509. package/dist/esm/ic-navigation-menu.entry.js +5 -4
  510. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  511. package/dist/esm/ic-page-header.entry.js +8 -6
  512. package/dist/esm/ic-page-header.entry.js.map +1 -1
  513. package/dist/esm/ic-pagination_4.entry.js +267 -112
  514. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  515. package/dist/esm/ic-popover-menu.entry.js +47 -25
  516. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  517. package/dist/esm/ic-radio-group.entry.js +60 -29
  518. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  519. package/dist/esm/ic-radio-option.entry.js +42 -22
  520. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  521. package/dist/esm/ic-search-bar.entry.js +54 -56
  522. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  523. package/dist/esm/ic-side-navigation.entry.js +16 -11
  524. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  525. package/dist/esm/ic-skeleton.entry.js +4 -4
  526. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  527. package/dist/esm/ic-status-tag.entry.js +5 -4
  528. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  529. package/dist/esm/ic-step.entry.js +4 -5
  530. package/dist/esm/ic-step.entry.js.map +1 -1
  531. package/dist/esm/ic-stepper.entry.js +12 -2
  532. package/dist/esm/ic-stepper.entry.js.map +1 -1
  533. package/dist/esm/ic-switch.entry.js +21 -16
  534. package/dist/esm/ic-switch.entry.js.map +1 -1
  535. package/dist/esm/ic-tab-context.entry.js +60 -123
  536. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  537. package/dist/esm/ic-tab-group.entry.js +3 -19
  538. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  539. package/dist/esm/ic-tab-panel.entry.js +2 -2
  540. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  541. package/dist/esm/ic-tab.entry.js +10 -8
  542. package/dist/esm/ic-tab.entry.js.map +1 -1
  543. package/dist/esm/ic-theme.entry.js +20 -20
  544. package/dist/esm/ic-theme.entry.js.map +1 -1
  545. package/dist/esm/ic-toast.entry.js +4 -4
  546. package/dist/esm/ic-toast.entry.js.map +1 -1
  547. package/dist/esm/ic-toggle-button-group.entry.js +62 -12
  548. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  549. package/dist/esm/ic-toggle-button.entry.js +64 -9
  550. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  551. package/dist/esm/ic-top-navigation.entry.js +13 -7
  552. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  553. package/dist/esm/ic-tree-item.entry.js +28 -17
  554. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  555. package/dist/esm/ic-tree-view.entry.js +45 -25
  556. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  557. package/dist/esm/ic-typography.entry.js +5 -3
  558. package/dist/esm/ic-typography.entry.js.map +1 -1
  559. package/dist/esm/index-93509377.js +4 -12
  560. package/dist/esm/loader.js +1 -1
  561. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +8 -4
  562. package/dist/types/components/ic-data-table/ic-data-table.d.ts +51 -7
  563. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +11 -0
  564. package/dist/types/components/ic-data-table/story-data.d.ts +225 -0
  565. package/dist/types/components/ic-date-input/ic-date-input.d.ts +10 -1
  566. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +10 -1
  567. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +34 -8
  568. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
  569. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +17 -7
  570. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +21 -5
  571. package/dist/types/components.d.ts +189 -490
  572. package/dist/types/utils/helpers.d.ts +14 -11
  573. package/dist/types/utils/types.d.ts +17 -12
  574. package/hydrate/index.js +5150 -7474
  575. package/package.json +12 -10
  576. package/dist/cjs/helpers-33b42cd6.js.map +0 -1
  577. package/dist/cjs/helpers-6817cfbb.js.map +0 -1
  578. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +0 -156
  579. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +0 -1
  580. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +0 -2738
  581. package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +0 -1
  582. package/dist/cjs/ic-menu.cjs.entry.js +0 -658
  583. package/dist/cjs/ic-menu.cjs.entry.js.map +0 -1
  584. package/dist/cjs/ic-select-with-multi.cjs.entry.js +0 -788
  585. package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +0 -1
  586. package/dist/collection/components/ic-menu-with-multi/ic-menu.css +0 -712
  587. package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +0 -1
  588. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +0 -1057
  589. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +0 -1
  590. package/dist/collection/components/ic-select-with-multi/assets/Check.svg +0 -3
  591. package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +0 -3
  592. package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +0 -3
  593. package/dist/collection/components/ic-select-with-multi/ic-select.css +0 -695
  594. package/dist/collection/components/ic-select-with-multi/ic-select.js +0 -1520
  595. package/dist/collection/components/ic-select-with-multi/ic-select.js.map +0 -1
  596. package/dist/collection/components/ic-select-with-multi/story-data.js +0 -216
  597. package/dist/collection/components/ic-select-with-multi/story-data.js.map +0 -1
  598. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +0 -1518
  599. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +0 -1
  600. package/dist/components/ic-menu-with-multi.d.ts +0 -11
  601. package/dist/components/ic-menu-with-multi.js +0 -8
  602. package/dist/components/ic-menu-with-multi.js.map +0 -1
  603. package/dist/components/ic-menu3.js +0 -2803
  604. package/dist/components/ic-menu3.js.map +0 -1
  605. package/dist/components/ic-select-with-multi.d.ts +0 -11
  606. package/dist/components/ic-select-with-multi.js +0 -906
  607. package/dist/components/ic-select-with-multi.js.map +0 -1
  608. package/dist/core/p-06eeb7f2.entry.js +0 -2
  609. package/dist/core/p-06eeb7f2.entry.js.map +0 -1
  610. package/dist/core/p-0922c552.entry.js +0 -2
  611. package/dist/core/p-0922c552.entry.js.map +0 -1
  612. package/dist/core/p-0bc0e852.entry.js +0 -2
  613. package/dist/core/p-0bc0e852.entry.js.map +0 -1
  614. package/dist/core/p-108a9029.entry.js +0 -2
  615. package/dist/core/p-108a9029.entry.js.map +0 -1
  616. package/dist/core/p-13100d3c.entry.js +0 -2
  617. package/dist/core/p-13100d3c.entry.js.map +0 -1
  618. package/dist/core/p-1769df1d.entry.js +0 -2
  619. package/dist/core/p-1769df1d.entry.js.map +0 -1
  620. package/dist/core/p-202bc922.entry.js +0 -2
  621. package/dist/core/p-202bc922.entry.js.map +0 -1
  622. package/dist/core/p-297e99cf.js +0 -2
  623. package/dist/core/p-297e99cf.js.map +0 -1
  624. package/dist/core/p-306def43.entry.js.map +0 -1
  625. package/dist/core/p-30b046b2.entry.js +0 -2
  626. package/dist/core/p-30b046b2.entry.js.map +0 -1
  627. package/dist/core/p-3778cc5e.entry.js +0 -2
  628. package/dist/core/p-3778cc5e.entry.js.map +0 -1
  629. package/dist/core/p-383a5a76.entry.js +0 -2
  630. package/dist/core/p-383a5a76.entry.js.map +0 -1
  631. package/dist/core/p-3a0510e2.entry.js +0 -2
  632. package/dist/core/p-3a0510e2.entry.js.map +0 -1
  633. package/dist/core/p-3ace51f5.entry.js +0 -2
  634. package/dist/core/p-3ace51f5.entry.js.map +0 -1
  635. package/dist/core/p-3f0391c1.entry.js +0 -2
  636. package/dist/core/p-3f0391c1.entry.js.map +0 -1
  637. package/dist/core/p-41fecc61.entry.js +0 -2
  638. package/dist/core/p-41fecc61.entry.js.map +0 -1
  639. package/dist/core/p-46cb94a2.entry.js +0 -2
  640. package/dist/core/p-46cb94a2.entry.js.map +0 -1
  641. package/dist/core/p-4e67f127.entry.js +0 -2
  642. package/dist/core/p-4e67f127.entry.js.map +0 -1
  643. package/dist/core/p-505250cf.entry.js +0 -2
  644. package/dist/core/p-505250cf.entry.js.map +0 -1
  645. package/dist/core/p-50e48f4d.entry.js +0 -2
  646. package/dist/core/p-50e48f4d.entry.js.map +0 -1
  647. package/dist/core/p-56e7459a.entry.js +0 -2
  648. package/dist/core/p-56e7459a.entry.js.map +0 -1
  649. package/dist/core/p-59028160.entry.js +0 -2
  650. package/dist/core/p-59028160.entry.js.map +0 -1
  651. package/dist/core/p-5cfb5821.entry.js +0 -2
  652. package/dist/core/p-5cfb5821.entry.js.map +0 -1
  653. package/dist/core/p-5e6fd734.entry.js +0 -2
  654. package/dist/core/p-5e6fd734.entry.js.map +0 -1
  655. package/dist/core/p-5f313e1a.entry.js +0 -2
  656. package/dist/core/p-5f313e1a.entry.js.map +0 -1
  657. package/dist/core/p-710c6a42.entry.js +0 -2
  658. package/dist/core/p-710c6a42.entry.js.map +0 -1
  659. package/dist/core/p-73b40c79.entry.js.map +0 -1
  660. package/dist/core/p-77a32de5.entry.js +0 -2
  661. package/dist/core/p-77a32de5.entry.js.map +0 -1
  662. package/dist/core/p-7a9de008.entry.js +0 -2
  663. package/dist/core/p-7a9de008.entry.js.map +0 -1
  664. package/dist/core/p-801414e2.entry.js +0 -2
  665. package/dist/core/p-801414e2.entry.js.map +0 -1
  666. package/dist/core/p-82ba744d.entry.js +0 -2
  667. package/dist/core/p-82ba744d.entry.js.map +0 -1
  668. package/dist/core/p-897b8d16.entry.js +0 -2
  669. package/dist/core/p-897b8d16.entry.js.map +0 -1
  670. package/dist/core/p-9397b15b.js +0 -2
  671. package/dist/core/p-9397b15b.js.map +0 -1
  672. package/dist/core/p-9af6adb1.entry.js +0 -2
  673. package/dist/core/p-9af6adb1.entry.js.map +0 -1
  674. package/dist/core/p-9b54feca.entry.js +0 -2
  675. package/dist/core/p-9b54feca.entry.js.map +0 -1
  676. package/dist/core/p-a57cd616.entry.js +0 -2
  677. package/dist/core/p-a57cd616.entry.js.map +0 -1
  678. package/dist/core/p-a5eaed1a.entry.js +0 -2
  679. package/dist/core/p-a5eaed1a.entry.js.map +0 -1
  680. package/dist/core/p-a78cf2cb.entry.js +0 -2
  681. package/dist/core/p-a78cf2cb.entry.js.map +0 -1
  682. package/dist/core/p-a91340b4.entry.js +0 -2
  683. package/dist/core/p-a91340b4.entry.js.map +0 -1
  684. package/dist/core/p-aee8d45b.entry.js +0 -2
  685. package/dist/core/p-aee8d45b.entry.js.map +0 -1
  686. package/dist/core/p-badd4c8d.entry.js +0 -2
  687. package/dist/core/p-badd4c8d.entry.js.map +0 -1
  688. package/dist/core/p-bf670360.entry.js.map +0 -1
  689. package/dist/core/p-c033e7d6.entry.js +0 -2
  690. package/dist/core/p-c033e7d6.entry.js.map +0 -1
  691. package/dist/core/p-c07af2d8.entry.js +0 -2
  692. package/dist/core/p-c07af2d8.entry.js.map +0 -1
  693. package/dist/core/p-c21d0db8.entry.js.map +0 -1
  694. package/dist/core/p-c678f73d.entry.js +0 -2
  695. package/dist/core/p-c678f73d.entry.js.map +0 -1
  696. package/dist/core/p-c6ae9bad.entry.js +0 -2
  697. package/dist/core/p-c6ae9bad.entry.js.map +0 -1
  698. package/dist/core/p-c6c1e08e.entry.js +0 -2
  699. package/dist/core/p-c6c1e08e.entry.js.map +0 -1
  700. package/dist/core/p-cb6cebdd.entry.js +0 -2
  701. package/dist/core/p-cb6cebdd.entry.js.map +0 -1
  702. package/dist/core/p-d16f364a.entry.js +0 -2
  703. package/dist/core/p-d16f364a.entry.js.map +0 -1
  704. package/dist/core/p-d239c33b.entry.js +0 -2
  705. package/dist/core/p-d239c33b.entry.js.map +0 -1
  706. package/dist/core/p-d8563643.entry.js.map +0 -1
  707. package/dist/core/p-da40757f.entry.js +0 -2
  708. package/dist/core/p-da40757f.entry.js.map +0 -1
  709. package/dist/core/p-de052137.entry.js +0 -2
  710. package/dist/core/p-de052137.entry.js.map +0 -1
  711. package/dist/core/p-e5d99316.entry.js +0 -2
  712. package/dist/core/p-e5d99316.entry.js.map +0 -1
  713. package/dist/core/p-e89bb650.entry.js +0 -2
  714. package/dist/core/p-e89bb650.entry.js.map +0 -1
  715. package/dist/core/p-f1072c28.entry.js.map +0 -1
  716. package/dist/core/p-f37df214.entry.js +0 -2
  717. package/dist/core/p-f37df214.entry.js.map +0 -1
  718. package/dist/core/p-f743b0eb.entry.js +0 -2
  719. package/dist/core/p-f743b0eb.entry.js.map +0 -1
  720. package/dist/core/p-f98b1afc.entry.js +0 -2
  721. package/dist/core/p-f98b1afc.entry.js.map +0 -1
  722. package/dist/core/p-fe13f1ba.entry.js +0 -2
  723. package/dist/core/p-fe13f1ba.entry.js.map +0 -1
  724. package/dist/esm/helpers-5bd2012a.js.map +0 -1
  725. package/dist/esm/helpers-dab8ddfe.js.map +0 -1
  726. package/dist/esm/ic-input-component-container_4.entry.js +0 -149
  727. package/dist/esm/ic-input-component-container_4.entry.js.map +0 -1
  728. package/dist/esm/ic-menu-with-multi.entry.js +0 -2734
  729. package/dist/esm/ic-menu-with-multi.entry.js.map +0 -1
  730. package/dist/esm/ic-menu.entry.js +0 -654
  731. package/dist/esm/ic-menu.entry.js.map +0 -1
  732. package/dist/esm/ic-select-with-multi.entry.js +0 -784
  733. package/dist/esm/ic-select-with-multi.entry.js.map +0 -1
  734. package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +0 -214
  735. package/dist/types/components/ic-select-with-multi/ic-select.d.ts +0 -259
  736. package/dist/types/components/ic-select-with-multi/story-data.d.ts +0 -32
  737. /package/dist/core/{p-d03374fc.entry.js.map → p-f154d6e6.entry.js.map} +0 -0
@@ -15,7 +15,9 @@
15
15
  .title-bar-wrapper {
16
16
  flex-direction: column;
17
17
  padding: var(--ic-space-sm) var(--ic-space-xs);
18
- border-bottom: var(--ic-space-1px) solid var(--ic-architectural-300);
18
+ border-bottom: var(--ic-space-1px) solid
19
+ var(--ic-data-table-title-bar-keyline);
20
+ background-color: var(--ic-data-table-title-bar-background);
19
21
  }
20
22
 
21
23
  .full-width {
@@ -28,19 +30,22 @@ ic-typography.heading h3 {
28
30
  }
29
31
 
30
32
  ic-typography.ic-typography-subtitle-small {
31
- --ic-typography-color: var(--ic-color-tertiary-text);
33
+ --ic-typography-color: var(--ic-data-table-title-bar-information);
32
34
  }
33
35
 
34
36
  ic-typography.ic-typography-h3,
35
37
  ::slotted([slot="header"]) {
36
38
  max-width: 50rem;
39
+ color: var(--ic-data-table-title-bar-title);
40
+
41
+ --ic-typography-color: var(--ic-data-table-title-bar-title);
37
42
  }
38
43
 
39
44
  ic-typography.ic-typography-body,
40
45
  ::slotted([slot="description"]) {
41
- color: var(--ic-color-secondary-text);
46
+ color: var(--ic-data-table-title-bar-description);
42
47
 
43
- --ic-typography-color: var(--ic-color-secondary-text);
48
+ --ic-typography-color: var(--ic-data-table-title-bar-description);
44
49
  }
45
50
 
46
51
  ic-typography.ic-typography-body,
@@ -53,26 +58,26 @@ ic-typography.ic-typography-subtitle-small,
53
58
  --input-width: 7.625rem;
54
59
  }
55
60
 
56
- @media screen and (max-width: 1200px) {
61
+ @media (max-width: 1200px) {
57
62
  .header-container {
58
63
  flex-direction: column;
59
64
  }
60
65
  }
61
66
 
62
- @media screen and (min-width: 1201px) {
67
+ @media (min-width: 1201px) {
63
68
  .header-container {
64
69
  gap: var(--ic-space-xs);
65
70
  align-items: baseline;
66
71
  }
67
72
  }
68
73
 
69
- @media screen and (min-width: 769px) {
74
+ @media (min-width: 769px) {
70
75
  .description-actions {
71
76
  justify-content: space-between;
72
77
  }
73
78
  }
74
79
 
75
- @media screen and (max-width: 768px) {
80
+ @media (max-width: 768px) {
76
81
  .description-actions {
77
82
  flex-direction: column;
78
83
  align-items: flex-start;
@@ -80,13 +85,13 @@ ic-typography.ic-typography-subtitle-small,
80
85
  }
81
86
  }
82
87
 
83
- @media screen and (min-width: 577px) {
88
+ @media (min-width: 577px) {
84
89
  .action-area {
85
90
  align-items: center;
86
91
  }
87
92
  }
88
93
 
89
- @media screen and (max-width: 576px) {
94
+ @media (max-width: 576px) {
90
95
  .action-area {
91
96
  flex-direction: column;
92
97
  }
@@ -22,11 +22,11 @@ export class DataTableTitleBar {
22
22
  componentWillLoad() {
23
23
  const parentEl = this.el.parentElement;
24
24
  if (parentEl.tagName === "IC-DATA-TABLE") {
25
- const dataTable = parentEl;
26
- this.initialDensitySelectOption = dataTable.density;
27
- this.isEmbedded = dataTable.embedded;
25
+ const { caption, density, embedded } = parentEl;
26
+ this.initialDensitySelectOption = density;
27
+ this.isEmbedded = embedded;
28
28
  if (this.heading === DEFAULT_TITLE_BAR_HEADING) {
29
- this.heading = dataTable.caption;
29
+ this.heading = caption;
30
30
  }
31
31
  }
32
32
  }
@@ -39,7 +39,7 @@ export class DataTableTitleBar {
39
39
  return (h("div", { class: {
40
40
  "title-bar-wrapper": true,
41
41
  "full-width": isEmbedded,
42
- } }, h("div", { class: "header-container" }, h("slot", { name: "heading" }, h("ic-typography", { variant: "h3", className: "heading" }, h("h3", null, heading))), metadata && (h("ic-typography", { variant: "subtitle-small" }, metadata))), (showActionArea || hasDescription) && (h("div", { class: "description-actions" }, h("slot", { name: "description" }, description && (h("ic-typography", { variant: "body" }, description))), showActionArea && (h("div", { class: "action-area" }, isSlotUsed(el, "custom-actions") && (h("div", { class: "custom-actions-wrapper" }, h("slot", { name: "custom-actions" }))), !hideDensitySelect && (h("ic-select", { size: "small", label: "Change density", class: "density-input", hideLabel: true, options: [
42
+ } }, h("div", { class: "header-container" }, h("slot", { name: "heading" }, h("ic-typography", { variant: "h3", class: "heading" }, h("h3", null, heading))), metadata && (h("ic-typography", { variant: "subtitle-small" }, metadata))), (showActionArea || hasDescription) && (h("div", { class: "description-actions" }, h("slot", { name: "description" }, description && (h("ic-typography", { variant: "body" }, description))), showActionArea && (h("div", { class: "action-area" }, isSlotUsed(el, "custom-actions") && (h("div", { class: "custom-actions-wrapper" }, h("slot", { name: "custom-actions" }))), !hideDensitySelect && (h("ic-select", { size: "small", label: "Change density", class: "density-input", hideLabel: true, options: [
43
43
  { label: "Default", value: "default" },
44
44
  { label: "Dense", value: "dense" },
45
45
  { label: "Spacious", value: "spacious" },
@@ -1 +1 @@
1
- {"version":3,"file":"ic-data-table-title-bar.js","sourceRoot":"","sources":["../../../src/components/ic-data-table-title-bar/ic-data-table-title-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n Prop,\n h,\n} from \"@stencil/core\";\nimport { IcSelectCustomEvent } from \"@ukic/web-components/dist/types/interface\";\nimport {\n IcDataTableDensityOptions,\n IcDensityUpdateEventDetail,\n} from \"../ic-data-table/ic-data-table.types\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n\nconst DEFAULT_TITLE_BAR_HEADING = \"Title Bar\";\n\n/**\n * @slot primary-action - Render an interactive element that will perform a primary action. Renders to the right of the density select.\n * @slot custom-actions - Render additional custom actions to the left of the density select.\n * @slot heading - The heading to render on the data table title bar.\n * @slot description - Render an alternative description in the description section.\n */\n@Component({\n tag: \"ic-data-table-title-bar\",\n styleUrl: \"ic-data-table-title-bar.css\",\n shadow: true,\n})\nexport class DataTableTitleBar {\n private initialDensitySelectOption: IcDataTableDensityOptions = \"default\";\n private isEmbedded: boolean = false;\n\n @Element() el: HTMLIcDataTableTitleBarElement;\n\n /**\n * The description that is displayed below the `heading` and `metadata`. Can be overridden with the `description` slot.\n */\n @Prop() description?: string;\n\n /**\n * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden.\n */\n @Prop() heading?: string = DEFAULT_TITLE_BAR_HEADING;\n\n /**\n * When `true`, the density select will not be rendered.\n */\n @Prop() hideDensitySelect?: boolean = false;\n\n /**\n * The metadata displayed next to the `heading`.\n */\n @Prop() metadata?: string;\n\n /**\n * Emitted when the table density select value is changed.\n */\n @Event() icTableDensityUpdate: EventEmitter<IcDensityUpdateEventDetail>;\n\n componentWillLoad(): void {\n const parentEl = this.el.parentElement;\n if (parentEl.tagName === \"IC-DATA-TABLE\") {\n const dataTable = parentEl as HTMLIcDataTableElement;\n this.initialDensitySelectOption = dataTable.density;\n this.isEmbedded = dataTable.embedded;\n if (this.heading === DEFAULT_TITLE_BAR_HEADING) {\n this.heading = dataTable.caption;\n }\n }\n }\n\n private changeDensity = (\n ev: IcSelectCustomEvent<IcDensityUpdateEventDetail>\n ) => {\n this.icTableDensityUpdate.emit({ value: ev.detail.value });\n };\n\n render() {\n const {\n changeDensity,\n description,\n el,\n heading,\n hideDensitySelect,\n initialDensitySelectOption,\n isEmbedded,\n metadata,\n } = this;\n const showActionArea =\n isSlotUsed(el, \"primary-action\") ||\n isSlotUsed(el, \"custom-actions\") ||\n !hideDensitySelect;\n\n const hasDescription = isSlotUsed(el, \"description\") || description;\n return (\n <div\n class={{\n \"title-bar-wrapper\": true,\n \"full-width\": isEmbedded,\n }}\n >\n <div class=\"header-container\">\n <slot name=\"heading\">\n <ic-typography variant=\"h3\" className=\"heading\">\n <h3>{heading}</h3>\n </ic-typography>\n </slot>\n {metadata && (\n <ic-typography variant=\"subtitle-small\">{metadata}</ic-typography>\n )}\n </div>\n {(showActionArea || hasDescription) && (\n <div class=\"description-actions\">\n <slot name=\"description\">\n {description && (\n <ic-typography variant=\"body\">{description}</ic-typography>\n )}\n </slot>\n {showActionArea && (\n <div class=\"action-area\">\n {isSlotUsed(el, \"custom-actions\") && (\n <div class=\"custom-actions-wrapper\">\n <slot name=\"custom-actions\" />\n </div>\n )}\n {!hideDensitySelect && (\n <ic-select\n size=\"small\"\n label=\"Change density\"\n class=\"density-input\"\n hideLabel\n options={[\n { label: \"Default\", value: \"default\" },\n { label: \"Dense\", value: \"dense\" },\n { label: \"Spacious\", value: \"spacious\" },\n ]}\n value={initialDensitySelectOption}\n onIcChange={changeDensity}\n ></ic-select>\n )}\n {isSlotUsed(el, \"primary-action\") && (\n <slot name=\"primary-action\" />\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"ic-data-table-title-bar.js","sourceRoot":"","sources":["../../../src/components/ic-data-table-title-bar/ic-data-table-title-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n Prop,\n h,\n} from \"@stencil/core\";\nimport { IcSelectCustomEvent } from \"@ukic/web-components/dist/types/interface\";\nimport {\n IcDataTableDensityOptions,\n IcDensityUpdateEventDetail,\n} from \"../ic-data-table/ic-data-table.types\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n\nconst DEFAULT_TITLE_BAR_HEADING = \"Title Bar\";\n\n/**\n * @slot primary-action - Render an interactive element that will perform a primary action. Renders to the right of the density select.\n * @slot custom-actions - Render additional custom actions to the left of the density select.\n * @slot heading - The heading to render on the data table title bar.\n * @slot description - Render an alternative description in the description section.\n */\n@Component({\n tag: \"ic-data-table-title-bar\",\n styleUrl: \"ic-data-table-title-bar.css\",\n shadow: true,\n})\nexport class DataTableTitleBar {\n private initialDensitySelectOption: IcDataTableDensityOptions = \"default\";\n private isEmbedded: boolean = false;\n\n @Element() el: HTMLIcDataTableTitleBarElement;\n\n /**\n * The description that is displayed below the `heading` and `metadata`. Can be overridden with the `description` slot.\n */\n @Prop() description?: string;\n\n /**\n * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden.\n */\n @Prop() heading?: string = DEFAULT_TITLE_BAR_HEADING;\n\n /**\n * When `true`, the density select will not be rendered.\n */\n @Prop() hideDensitySelect?: boolean = false;\n\n /**\n * The metadata displayed next to the `heading`.\n */\n @Prop() metadata?: string;\n\n /**\n * Emitted when the table density select value is changed.\n */\n @Event() icTableDensityUpdate: EventEmitter<IcDensityUpdateEventDetail>;\n\n componentWillLoad(): void {\n const parentEl = this.el.parentElement;\n if (parentEl.tagName === \"IC-DATA-TABLE\") {\n const { caption, density, embedded } = parentEl as HTMLIcDataTableElement;\n this.initialDensitySelectOption = density;\n this.isEmbedded = embedded;\n if (this.heading === DEFAULT_TITLE_BAR_HEADING) {\n this.heading = caption;\n }\n }\n }\n\n private changeDensity = (\n ev: IcSelectCustomEvent<IcDensityUpdateEventDetail>\n ) => {\n this.icTableDensityUpdate.emit({ value: ev.detail.value });\n };\n\n render() {\n const {\n changeDensity,\n description,\n el,\n heading,\n hideDensitySelect,\n initialDensitySelectOption,\n isEmbedded,\n metadata,\n } = this;\n const showActionArea =\n isSlotUsed(el, \"primary-action\") ||\n isSlotUsed(el, \"custom-actions\") ||\n !hideDensitySelect;\n\n const hasDescription = isSlotUsed(el, \"description\") || description;\n return (\n <div\n class={{\n \"title-bar-wrapper\": true,\n \"full-width\": isEmbedded,\n }}\n >\n <div class=\"header-container\">\n <slot name=\"heading\">\n <ic-typography variant=\"h3\" class=\"heading\">\n <h3>{heading}</h3>\n </ic-typography>\n </slot>\n {metadata && (\n <ic-typography variant=\"subtitle-small\">{metadata}</ic-typography>\n )}\n </div>\n {(showActionArea || hasDescription) && (\n <div class=\"description-actions\">\n <slot name=\"description\">\n {description && (\n <ic-typography variant=\"body\">{description}</ic-typography>\n )}\n </slot>\n {showActionArea && (\n <div class=\"action-area\">\n {isSlotUsed(el, \"custom-actions\") && (\n <div class=\"custom-actions-wrapper\">\n <slot name=\"custom-actions\" />\n </div>\n )}\n {!hideDensitySelect && (\n <ic-select\n size=\"small\"\n label=\"Change density\"\n class=\"density-input\"\n hideLabel\n options={[\n { label: \"Default\", value: \"default\" },\n { label: \"Dense\", value: \"dense\" },\n { label: \"Spacious\", value: \"spacious\" },\n ]}\n value={initialDensitySelectOption}\n onIcChange={changeDensity}\n ></ic-select>\n )}\n {isSlotUsed(el, \"primary-action\") && (\n <slot name=\"primary-action\" />\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n}\n"]}
@@ -441,6 +441,31 @@ video {
441
441
  }
442
442
 
443
443
 
444
+ :host {
445
+ --ic-input-label-helpertext-padding: var(--ic-space-xxs);
446
+ --input-bg-color: var(--ic-date-input-bg);
447
+ --ic-input-label-text-color: var(--ic-date-input-label);
448
+ --ic-input-label-helper-text-color: var(--ic-date-input-subtitle);
449
+ --border-color: var(--ic-date-input-border);
450
+ --border-color-disabled: var(--ic-date-input-border-disabled);
451
+ --border-color-hover: var(--ic-date-input-border-default-hover);
452
+ --border-color-pressed: var(--ic-date-input-border-default-pressed);
453
+ --border-error-color: var(--ic-date-input-border-error);
454
+ --border-error-color-hover: var(--ic-date-input-border-error-hover);
455
+ --border-error-color-pressed: var(--ic-date-input-border-error-pressed);
456
+ --border-success-color: var(--ic-date-input-border-success);
457
+ --border-success-color-hover: var(--ic-date-input-border-success-hover);
458
+ --border-success-color-pressed: var(--ic-date-input-border-success-pressed);
459
+ --border-warning-color: var(--ic-date-input-border-warning);
460
+ --border-warning-color-hover: var(--ic-date-input-border-warning-hover);
461
+ --border-warning-color-pressed: var(--ic-date-input-border-warning-pressed);
462
+ }
463
+
464
+ :host(.ic-date-input-disabled) {
465
+ --ic-input-label-text-color: var(--ic-date-input-label-disabled);
466
+ --ic-input-label-helper-text-color: var(--ic-date-input-subtitle-disabled);
467
+ }
468
+
444
469
  input {
445
470
  border: 0;
446
471
  height: 100%;
@@ -450,6 +475,8 @@ input {
450
475
  -moz-appearance: textfield;
451
476
  -webkit-appearance: textfield;
452
477
  appearance: textfield;
478
+ color: var(--ic-date-input-text-filled);
479
+ caret-color: var(--ic-date-input-typing-cursor);
453
480
  }
454
481
 
455
482
  input::-webkit-outer-spin-button,
@@ -457,13 +484,21 @@ input::-webkit-inner-spin-button {
457
484
  -webkit-appearance: none;
458
485
  }
459
486
 
460
- ic-input-component-container {
461
- cursor: text;
487
+ input:-webkit-autofill {
488
+ box-shadow: 0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;
489
+ -webkit-text-fill-color: var(--ic-date-input-text-filled) !important;
490
+ }
491
+
492
+ input::-moz-placeholder {
493
+ color: var(--ic-date-input-text-placeholder);
462
494
  }
463
495
 
464
- ic-input-component-container,
465
- ic-input-component-container:hover {
466
- color: var(--ic-color-tertiary-text);
496
+ input::placeholder {
497
+ color: var(--ic-date-input-text-placeholder);
498
+ }
499
+
500
+ ic-input-component-container {
501
+ cursor: text;
467
502
  }
468
503
 
469
504
  ic-input-component-container .focus-indicator {
@@ -471,6 +506,10 @@ ic-input-component-container .focus-indicator {
471
506
  align-items: center;
472
507
  }
473
508
 
509
+ .date-inputs {
510
+ color: var(--ic-date-input-text-placeholder);
511
+ }
512
+
474
513
  .day-input {
475
514
  width: 1.438rem;
476
515
  }
@@ -528,22 +567,41 @@ ic-input-component-container .focus-indicator {
528
567
  .calendar-button:focus,
529
568
  .clear-button:active,
530
569
  .calendar-button:active {
531
- background-color: var(--ic-focus-blue) !important;
532
- box-shadow: inset 0 0 0 0.125rem var(--ic-focus-glow) !important;
570
+ background-color: var(--ic-color-focus-inner) !important;
571
+ box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;
533
572
  border-radius: 0.25rem;
534
573
  }
535
574
 
575
+ .calendar-button:focus,
576
+ .calendar-button:active {
577
+ --ic-button-tertiary-text-active: var(--ic-atoms-input-clear-button-focus);
578
+ --ic-button-tertiary-text-hover-active: var(
579
+ --ic-atoms-input-clear-button-focus
580
+ );
581
+ --ic-button-tertiary-text-pressed-active: var(
582
+ --ic-atoms-input-clear-button-focus
583
+ );
584
+ }
585
+
536
586
  .clear-button:focus,
537
587
  .calendar-button:focus,
538
588
  .clear-button:active *,
539
589
  .calendar-button:active * {
540
- fill: var(--ic-architectural-white);
590
+ fill: var(--ic-atoms-input-clear-button-focus);
591
+ }
592
+
593
+ .clear-button svg {
594
+ color: var(--ic-date-input-clear-icon);
595
+ }
596
+
597
+ .clear-button:focus svg {
598
+ color: var(--ic-atoms-input-clear-button-focus);
541
599
  }
542
600
 
543
601
  .divider {
544
602
  margin: 0 var(--ic-space-xxs);
545
603
  width: var(--ic-space-1px);
546
- background-color: var(--ic-architectural-400);
604
+ background-color: var(--ic-atoms-input-divider);
547
605
  border-radius: var(--ic-space-1px);
548
606
  }
549
607
 
@@ -558,3 +616,10 @@ ic-input-component-container .focus-indicator {
558
616
  .divider.large {
559
617
  height: var(--ic-space-lg);
560
618
  }
619
+
620
+ ic-input-validation {
621
+ --ic-input-validation-status-text-color: var(--ic-date-input-status-text);
622
+ --ic-input-validation-error: var(--ic-date-input-icon-error);
623
+ --ic-input-validation-warning-icon-color: var(--ic-date-input-icon-warning);
624
+ --ic-input-validation-success-icon-color: var(--ic-date-input-icon-success);
625
+ }
@@ -1,7 +1,7 @@
1
1
  import { h, Host, } from "@stencil/core";
2
- import { IcInformationStatus, IcThemeForegroundEnum, IcDateInputMonths, IcDayNames, } from "../../utils/types";
2
+ import { IcInformationStatus, IcDateInputMonths, IcDayNames, } from "../../utils/types";
3
3
  import { convertToDoubleDigits, createDate, dateMatches, extractDateFromZuluDateTime, isDateOrEpoch, splitStringDate, } from "../../utils/date-helpers";
4
- import { addFormResetListener, getInputDescribedByText, isEmptyString, isNumeric, onComponentRequiredPropUndefined, removeFormResetListener, renderHiddenInput, stringEnumToArray, } from "../../utils/helpers";
4
+ import { addFormResetListener, getInputDescribedByText, isEmptyString, isNumeric, onComponentRequiredPropUndefined, removeDisabledFalse, removeFormResetListener, renderHiddenInput, stringEnumToArray, } from "../../utils/helpers";
5
5
  import Clear from "../../assets/clear-icon.svg";
6
6
  import Calendar from "../../assets/calendar.svg";
7
7
  let inputIds = 0;
@@ -146,8 +146,9 @@ export class DateInput {
146
146
  this.notifyScreenReader(input, event);
147
147
  };
148
148
  this.handleKeyDown = (event, isInputPrevented) => {
149
+ var _a;
149
150
  const input = event.target;
150
- const eventKey = event.key.toLowerCase();
151
+ const eventKey = (_a = event.key) === null || _a === void 0 ? void 0 : _a.toLowerCase();
151
152
  // Regex required due to FF allowing all characters as values for number text field.
152
153
  const regex = /-?\d*\.?\d+(e[-+]?\d+)?|[/-]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;
153
154
  if (!regex.test(eventKey) &&
@@ -173,6 +174,12 @@ export class DateInput {
173
174
  this.preventAutoFormatting = true;
174
175
  this.handleUpDownArrowKeyPress(input, event);
175
176
  break;
177
+ case "backspace":
178
+ if (input.value.length === 0) {
179
+ event.preventDefault();
180
+ this.moveToPreviousInput(input);
181
+ }
182
+ break;
176
183
  default:
177
184
  break;
178
185
  }
@@ -459,7 +466,7 @@ export class DateInput {
459
466
  // Includes text usually added using aria-describedby
460
467
  // (which doesn't work on input component container)
461
468
  this.setAriaLabelledBy = () => {
462
- var _a;
469
+ var _a, _b;
463
470
  if (this.disabled &&
464
471
  !isEmptyString((_a = this.inputCompContainerEl) === null || _a === void 0 ? void 0 : _a.getAttribute(this.ARIA_LABELLED_BY))) {
465
472
  this.removeAriaLabelledBy();
@@ -472,12 +479,11 @@ export class DateInput {
472
479
  const labelId = `${this.inputId}-label`;
473
480
  if (labelEl !== null && labelEl !== undefined) {
474
481
  labelEl.id = labelId;
475
- const hasValidation = (!isEmptyString(this.validationStatus) &&
476
- !isEmptyString(this.validationText)) ||
477
- !isEmptyString(this.invalidDateText);
478
- const labelledBy = `${labelId} ${this.screenReaderInfoId} ${getInputDescribedByText(this.inputId, this.helperText !== "" && this.helperText !== this.defaultHelperText, hasValidation)} ${this.selectedDate ? this.selectedDateInfoId : ""} ${this.assistiveHintId}`;
479
- this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY, labelledBy);
480
482
  }
483
+ const hasValidation = !isEmptyString(this.validationStatus) ||
484
+ !isEmptyString(this.invalidDateText);
485
+ const labelledBy = `${(_b = labelEl === null || labelEl === void 0 ? void 0 : labelEl.id) !== null && _b !== void 0 ? _b : ""} ${this.screenReaderInfoId} ${getInputDescribedByText(this.inputId, this.helperText !== "" && this.helperText !== this.defaultHelperText, hasValidation)} ${this.selectedDate ? this.selectedDateInfoId : ""} ${this.assistiveHintId}`;
486
+ this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY, labelledBy);
481
487
  };
482
488
  // Sets boolean for each input, used to limit the number of characters within each field (2 for day / month, 4 for year)
483
489
  this.setPreventInput = (input, isPrevented) => {
@@ -814,6 +820,7 @@ export class DateInput {
814
820
  this.disablePastMessage = "Dates in the past are not allowed. Please select a date in the future.";
815
821
  this.helperText = undefined;
816
822
  this.hideHelperText = false;
823
+ this.hideLabel = false;
817
824
  this.inputId = `ic-date-input-${inputIds++}`;
818
825
  this.invalidDateMessage = "Please enter a valid date.";
819
826
  this.label = undefined;
@@ -824,10 +831,14 @@ export class DateInput {
824
831
  this.showCalendarButton = false;
825
832
  this.showClearButton = true;
826
833
  this.size = "medium";
834
+ this.theme = "inherit";
827
835
  this.value = "";
828
836
  this.validationStatus = "";
829
837
  this.validationText = "";
830
838
  }
839
+ watchDisabledHandler() {
840
+ removeDisabledFalse(this.disabled, this.el);
841
+ }
831
842
  watchDisableFutureHandler() {
832
843
  this.watchMaxHandler();
833
844
  }
@@ -888,6 +899,7 @@ export class DateInput {
888
899
  this.assistiveHintId = `${this.inputId}-assistive-hint`;
889
900
  this.selectedDateInfoId = `${this.inputId}-selected-date-info`;
890
901
  addFormResetListener(this.el, this.handleFormReset);
902
+ removeDisabledFalse(this.disabled, this.el);
891
903
  }
892
904
  componentDidLoad() {
893
905
  this.setInputsInOrder();
@@ -1058,9 +1070,8 @@ export class DateInput {
1058
1070
  }
1059
1071
  }
1060
1072
  render() {
1061
- const { inputId, label, disabled, helperText, hideHelperText, showClearButton, showCalendarButton, size, } = this;
1062
- const hasCustomValidation = !isEmptyString(this.validationStatus) &&
1063
- !isEmptyString(this.validationText);
1073
+ const { inputId, label, disabled, helperText, hideHelperText, hideLabel, showClearButton, showCalendarButton, size, theme, } = this;
1074
+ const hasCustomValidation = !isEmptyString(this.validationStatus);
1064
1075
  const validationStatus = hasCustomValidation
1065
1076
  ? this.validationStatus
1066
1077
  : !isEmptyString(this.invalidDateText)
@@ -1068,16 +1079,15 @@ export class DateInput {
1068
1079
  : "";
1069
1080
  const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;
1070
1081
  renderHiddenInput(true, this.el, this.name, this.convertToDate(this.year, this.month, this.day), this.disabled);
1071
- return (h(Host, { onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, h("ic-input-container", { disabled: disabled }, h("ic-input-label", { for: inputId, label: label, helperText: !hideHelperText ? helperText : null, disabled: disabled }), h("span", { id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), h("span", { id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), h("span", { id: "live-region", "aria-live": "assertive", class: "sr-only" }), h("ic-input-component-container", { id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group" }, h("div", { class: "input-container" }, h("div", { class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), h("div", { class: "action-buttons" }, showClearButton && (h("ic-button", { id: "clear-button", "aria-label": "Clear input", class: {
1082
+ return (h(Host, { class: {
1083
+ [`ic-theme-${theme}`]: theme !== "inherit",
1084
+ [`ic-date-input-disabled`]: disabled,
1085
+ }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, h("ic-input-container", { disabled: disabled }, !(hideLabel && hideHelperText) && (h("ic-input-label", { for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled })), h("span", { id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), h("span", { id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), h("span", { id: "live-region", "aria-live": "assertive", class: "sr-only" }), h("ic-input-component-container", { id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { class: "input-container" }, h("div", { class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), h("div", { class: "action-buttons" }, showClearButton && (h("ic-button", { id: "clear-button", "aria-label": "Clear input", class: {
1072
1086
  ["clear-button"]: true,
1073
1087
  ["hidden"]: isEmptyString(this.day) &&
1074
1088
  isEmptyString(this.month) &&
1075
1089
  isEmptyString(this.year),
1076
- }, disabled: this.disabled, innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon", appearance: this.clearButtonFocused
1077
- ? IcThemeForegroundEnum.Light
1078
- : IcThemeForegroundEnum.Dark, size: size })), showCalendarButton && (h("div", { class: "show-calendar-button-wrapper" }, h("div", { class: { divider: true, [size]: true } }), h("ic-button", { id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, appearance: this.calendarFocused
1079
- ? IcThemeForegroundEnum.Light
1080
- : IcThemeForegroundEnum.Default })))))), h("span", { id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, h("span", { ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), (hasCustomValidation || !isEmptyString(this.invalidDateText)) && (h("ic-input-validation", { status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId })))));
1090
+ }, disabled: this.disabled, innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (h("div", { class: "show-calendar-button-wrapper" }, h("div", { class: { divider: true, [size]: true } }), h("ic-button", { id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), h("span", { id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, h("span", { ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), (hasCustomValidation || !isEmptyString(this.invalidDateText)) && (h("ic-input-validation", { status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId })))));
1081
1091
  }
1082
1092
  static get is() { return "ic-date-input"; }
1083
1093
  static get encapsulation() { return "shadow"; }
@@ -1283,6 +1293,24 @@ export class DateInput {
1283
1293
  "reflect": false,
1284
1294
  "defaultValue": "false"
1285
1295
  },
1296
+ "hideLabel": {
1297
+ "type": "boolean",
1298
+ "mutable": false,
1299
+ "complexType": {
1300
+ "original": "boolean",
1301
+ "resolved": "boolean",
1302
+ "references": {}
1303
+ },
1304
+ "required": false,
1305
+ "optional": true,
1306
+ "docs": {
1307
+ "tags": [],
1308
+ "text": "If `true`, the label will be visually hidden, but will still be read out by screen readers."
1309
+ },
1310
+ "attribute": "hide-label",
1311
+ "reflect": false,
1312
+ "defaultValue": "false"
1313
+ },
1286
1314
  "inputId": {
1287
1315
  "type": "string",
1288
1316
  "mutable": false,
@@ -1481,6 +1509,30 @@ export class DateInput {
1481
1509
  "reflect": false,
1482
1510
  "defaultValue": "\"medium\""
1483
1511
  },
1512
+ "theme": {
1513
+ "type": "string",
1514
+ "mutable": false,
1515
+ "complexType": {
1516
+ "original": "IcThemeMode",
1517
+ "resolved": "\"dark\" | \"inherit\" | \"light\"",
1518
+ "references": {
1519
+ "IcThemeMode": {
1520
+ "location": "import",
1521
+ "path": "../../utils/types",
1522
+ "id": "src/utils/types.ts::IcThemeMode"
1523
+ }
1524
+ }
1525
+ },
1526
+ "required": false,
1527
+ "optional": true,
1528
+ "docs": {
1529
+ "tags": [],
1530
+ "text": "Sets the date picker to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component."
1531
+ },
1532
+ "attribute": "theme",
1533
+ "reflect": false,
1534
+ "defaultValue": "\"inherit\""
1535
+ },
1484
1536
  "value": {
1485
1537
  "type": "string",
1486
1538
  "mutable": true,
@@ -1755,6 +1807,9 @@ export class DateInput {
1755
1807
  static get elementRef() { return "el"; }
1756
1808
  static get watchers() {
1757
1809
  return [{
1810
+ "propName": "disabled",
1811
+ "methodName": "watchDisabledHandler"
1812
+ }, {
1758
1813
  "propName": "disableFuture",
1759
1814
  "methodName": "watchDisableFutureHandler"
1760
1815
  }, {