@ukic/web-components 3.0.0-alpha.1 → 3.0.0-alpha.10

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 (966) hide show
  1. package/README.md +5 -4
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-f1cf5156.js → helpers-eca4c27e.js} +80 -29
  4. package/dist/cjs/helpers-eca4c27e.js.map +1 -0
  5. package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
  6. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
  8. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-alert.cjs.entry.js +9 -14
  10. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
  12. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-badge.cjs.entry.js +26 -3
  14. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
  16. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb.cjs.entry.js +47 -3
  18. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
  20. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
  22. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
  26. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-chip.cjs.entry.js +27 -15
  28. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-dialog.cjs.entry.js +13 -5
  33. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-divider.cjs.entry.js +73 -9
  35. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-empty-state.cjs.entry.js +7 -15
  37. package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
  39. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-footer-link.cjs.entry.js +7 -6
  41. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-footer.cjs.entry.js +24 -14
  43. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-hero.cjs.entry.js +7 -15
  45. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
  47. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +486 -200
  49. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-input-label_2.cjs.entry.js +24 -26
  51. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-link.cjs.entry.js +10 -12
  53. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
  55. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
  57. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
  59. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
  61. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
  63. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
  65. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
  67. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-pagination-item.cjs.entry.js +12 -11
  69. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-pagination.cjs.entry.js +23 -15
  71. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
  73. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-radio-group.cjs.entry.js +58 -28
  75. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
  77. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
  79. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-select.cjs.entry.js +192 -66
  81. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
  83. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
  85. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
  87. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-step.cjs.entry.js +4 -5
  89. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
  91. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-switch.cjs.entry.js +21 -16
  93. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
  95. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
  97. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  99. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-tab.cjs.entry.js +10 -8
  101. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ic-text-field.cjs.entry.js +43 -23
  103. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ic-theme.cjs.entry.js +20 -20
  105. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  107. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
  109. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
  111. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
  113. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  114. package/dist/cjs/ic-typography.cjs.entry.js +5 -3
  115. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  116. package/dist/cjs/index-f982899d.js +4 -4
  117. package/dist/cjs/loader.cjs.js +1 -1
  118. package/dist/collection/ag-theme-icds.css +218 -0
  119. package/dist/collection/collection-manifest.json +3 -3
  120. package/dist/collection/components/ic-accordion/ic-accordion.css +22 -20
  121. package/dist/collection/components/ic-accordion/ic-accordion.js +37 -31
  122. package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
  123. package/dist/collection/components/ic-accordion/ic-accordion.stories.js +611 -0
  124. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +6 -3
  125. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
  126. package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +2 -12
  127. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +18 -18
  128. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
  129. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +3 -3
  130. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
  131. package/dist/collection/components/ic-alert/ic-alert.css +38 -20
  132. package/dist/collection/components/ic-alert/ic-alert.js +52 -33
  133. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  134. package/dist/collection/components/ic-alert/ic-alert.stories.js +271 -0
  135. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +22 -4
  136. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +1 -1
  137. package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +5 -2
  138. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +31 -4
  139. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
  140. package/dist/collection/components/ic-back-to-top/ic-back-to-top.stories.js +162 -0
  141. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +14 -0
  142. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
  143. package/dist/collection/components/ic-badge/ic-badge.css +5 -5
  144. package/dist/collection/components/ic-badge/ic-badge.js +42 -4
  145. package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
  146. package/dist/collection/components/ic-badge/ic-badge.stories.js +1092 -0
  147. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +194 -0
  148. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +1 -1
  149. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +13 -8
  150. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +50 -3
  151. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  152. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +45 -1
  153. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
  154. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +44 -19
  155. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  156. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.stories.js +362 -0
  157. package/dist/collection/components/ic-button/ic-button.css +690 -420
  158. package/dist/collection/components/ic-button/ic-button.js +64 -46
  159. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  160. package/dist/collection/components/ic-button/ic-button.stories.js +2208 -0
  161. package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
  162. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +9 -9
  163. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +1 -1
  164. package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +99 -115
  165. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +80 -52
  166. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
  167. package/dist/collection/components/ic-card-vertical/ic-card-vertical.stories.js +1050 -0
  168. package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +44 -3
  169. package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +1 -1
  170. package/dist/collection/components/ic-checkbox/ic-checkbox.css +47 -39
  171. package/dist/collection/components/ic-checkbox/ic-checkbox.js +35 -3
  172. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  173. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +15 -2
  174. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +46 -3
  175. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  176. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +699 -0
  177. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +3 -0
  178. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
  179. package/dist/collection/components/ic-chip/ic-chip.css +64 -49
  180. package/dist/collection/components/ic-chip/ic-chip.js +66 -15
  181. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  182. package/dist/collection/components/ic-chip/ic-chip.stories.js +980 -0
  183. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +19 -0
  184. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +1 -1
  185. package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +14 -10
  186. package/dist/collection/components/ic-classification-banner/ic-classification-banner.stories.js +131 -0
  187. package/dist/collection/components/ic-data-list/ic-data-list.stories.js +493 -0
  188. package/dist/collection/components/ic-dialog/ic-dialog.css +16 -3
  189. package/dist/collection/components/ic-dialog/ic-dialog.js +37 -5
  190. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  191. package/dist/collection/components/ic-dialog/ic-dialog.stories.js +1050 -0
  192. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +27 -7
  193. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
  194. package/dist/collection/components/ic-divider/ic-divider.css +295 -4
  195. package/dist/collection/components/ic-divider/ic-divider.js +239 -12
  196. package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
  197. package/dist/collection/components/ic-divider/ic-divider.stories.js +394 -0
  198. package/dist/collection/components/ic-divider/ic-divider.types.js +2 -0
  199. package/dist/collection/components/ic-divider/ic-divider.types.js.map +1 -0
  200. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +90 -5
  201. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +1 -1
  202. package/dist/collection/components/ic-empty-state/ic-empty-state.css +15 -0
  203. package/dist/collection/components/ic-empty-state/ic-empty-state.js +31 -15
  204. package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
  205. package/dist/collection/components/ic-empty-state/ic-empty-state.stories.js +404 -0
  206. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +101 -0
  207. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +1 -0
  208. package/dist/collection/components/ic-footer/ic-footer.css +21 -20
  209. package/dist/collection/components/ic-footer/ic-footer.js +26 -16
  210. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  211. package/dist/collection/components/ic-footer/ic-footer.stories.js +384 -0
  212. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +43 -2
  213. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +1 -1
  214. package/dist/collection/components/ic-footer-link/ic-footer-link.css +24 -6
  215. package/dist/collection/components/ic-footer-link/ic-footer-link.js +8 -7
  216. package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
  217. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +1 -1
  218. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +1 -1
  219. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +11 -19
  220. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +7 -8
  221. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
  222. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +1 -1
  223. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +1 -1
  224. package/dist/collection/components/ic-hero/ic-hero.css +25 -10
  225. package/dist/collection/components/ic-hero/ic-hero.js +10 -18
  226. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  227. package/dist/collection/components/ic-hero/ic-hero.stories.js +448 -0
  228. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +23 -5
  229. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
  230. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +2 -6
  231. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +67 -11
  232. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
  233. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +43 -0
  234. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +1 -1
  235. package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +40 -17
  236. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +23 -48
  237. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  238. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +30 -3
  239. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
  240. package/dist/collection/components/ic-input-label/ic-input-label.css +19 -20
  241. package/dist/collection/components/ic-input-label/ic-input-label.js +53 -34
  242. package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
  243. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +35 -49
  244. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
  245. package/dist/collection/components/ic-input-validation/ic-input-validation.css +12 -3
  246. package/dist/collection/components/ic-input-validation/ic-input-validation.js +7 -7
  247. package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
  248. package/dist/collection/components/ic-link/ic-link.css +1 -25
  249. package/dist/collection/components/ic-link/ic-link.js +14 -16
  250. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  251. package/dist/collection/components/ic-link/ic-link.stories.js +85 -0
  252. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +3 -3
  253. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
  254. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +15 -10
  255. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +50 -31
  256. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  257. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.stories.js +464 -0
  258. package/dist/collection/components/ic-menu/ic-menu.css +111 -29
  259. package/dist/collection/components/ic-menu/ic-menu.js +522 -201
  260. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  261. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +381 -33
  262. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  263. package/dist/collection/components/ic-menu-group/ic-menu-group.css +2 -2
  264. package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
  265. package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
  266. package/dist/collection/components/ic-menu-item/ic-menu-item.css +32 -28
  267. package/dist/collection/components/ic-menu-item/ic-menu-item.js +67 -25
  268. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  269. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +15 -2
  270. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +1 -1
  271. package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +18 -0
  272. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +37 -10
  273. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
  274. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +3 -3
  275. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
  276. package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +17 -12
  277. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +35 -9
  278. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  279. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +3 -3
  280. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +1 -1
  281. package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +38 -65
  282. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +88 -11
  283. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  284. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +15 -3
  285. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
  286. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +9 -6
  287. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +27 -2
  288. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
  289. package/dist/collection/components/ic-page-header/ic-page-header.css +7 -3
  290. package/dist/collection/components/ic-page-header/ic-page-header.js +30 -4
  291. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  292. package/dist/collection/components/ic-page-header/ic-page-header.stories.js +823 -0
  293. package/dist/collection/components/ic-pagination/ic-pagination.css +15 -0
  294. package/dist/collection/components/ic-pagination/ic-pagination.js +65 -37
  295. package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
  296. package/dist/collection/components/ic-pagination/ic-pagination.stories.js +164 -0
  297. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +11 -1
  298. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
  299. package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +29 -9
  300. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +54 -33
  301. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
  302. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +3 -0
  303. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +1 -1
  304. package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +5 -5
  305. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +112 -26
  306. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  307. package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +504 -0
  308. package/dist/collection/components/ic-radio-group/ic-radio-group.css +17 -1
  309. package/dist/collection/components/ic-radio-group/ic-radio-group.js +81 -25
  310. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  311. package/dist/collection/components/ic-radio-group/ic-radio-group.stories.js +443 -0
  312. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +12 -3
  313. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
  314. package/dist/collection/components/ic-radio-option/ic-radio-option.css +36 -28
  315. package/dist/collection/components/ic-radio-option/ic-radio-option.js +73 -21
  316. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  317. package/dist/collection/components/ic-search-bar/ic-search-bar.css +110 -10
  318. package/dist/collection/components/ic-search-bar/ic-search-bar.js +101 -57
  319. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  320. package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js +593 -0
  321. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +63 -94
  322. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +1 -1
  323. package/dist/collection/components/ic-section-container/ic-section-container.stories.js +62 -0
  324. package/dist/collection/components/ic-select/ic-select.css +93 -53
  325. package/dist/collection/components/ic-select/ic-select.js +267 -77
  326. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  327. package/dist/collection/components/ic-select/ic-select_(multi).stories.js +892 -0
  328. package/dist/collection/components/ic-select/ic-select_(searchable).stories.js +965 -0
  329. package/dist/collection/components/ic-select/ic-select_(single).stories.js +790 -0
  330. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +234 -1
  331. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
  332. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +50 -34
  333. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +18 -13
  334. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  335. package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +2526 -0
  336. package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
  337. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +6 -6
  338. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
  339. package/dist/collection/components/ic-skeleton/ic-skeleton.css +4 -27
  340. package/dist/collection/components/ic-skeleton/ic-skeleton.js +16 -10
  341. package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
  342. package/dist/collection/components/ic-skeleton/ic-skeleton.stories.js +143 -0
  343. package/dist/collection/components/ic-status-tag/ic-status-tag.css +6 -6
  344. package/dist/collection/components/ic-status-tag/ic-status-tag.js +21 -2
  345. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  346. package/dist/collection/components/ic-status-tag/ic-status-tag.stories.js +196 -0
  347. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +15 -32
  348. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +1 -1
  349. package/dist/collection/components/ic-step/ic-step.css +65 -98
  350. package/dist/collection/components/ic-step/ic-step.js +29 -3
  351. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  352. package/dist/collection/components/ic-stepper/ic-stepper.js +37 -19
  353. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  354. package/dist/collection/components/ic-stepper/ic-stepper.stories.js +277 -0
  355. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +4 -4
  356. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +1 -1
  357. package/dist/collection/components/ic-switch/ic-switch.css +30 -48
  358. package/dist/collection/components/ic-switch/ic-switch.js +43 -30
  359. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  360. package/dist/collection/components/ic-switch/ic-switch.stories.js +149 -0
  361. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +3 -14
  362. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +1 -1
  363. package/dist/collection/components/ic-tab/ic-tab.js +11 -6
  364. package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
  365. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +16 -0
  366. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +1 -1
  367. package/dist/collection/components/ic-tab-context/ic-tab-context.js +60 -123
  368. package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
  369. package/dist/collection/components/ic-tab-context/ic-tabs.stories.js +316 -0
  370. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +2 -2
  371. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +1 -1
  372. package/dist/collection/components/ic-tab-group/ic-tab-group.css +8 -0
  373. package/dist/collection/components/ic-tab-group/ic-tab-group.js +1 -17
  374. package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
  375. package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +1 -1
  376. package/dist/collection/components/ic-text-field/ic-text-field.css +62 -8
  377. package/dist/collection/components/ic-text-field/ic-text-field.js +70 -24
  378. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  379. package/dist/collection/components/ic-text-field/ic-text-field.stories.js +862 -0
  380. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +26 -12
  381. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
  382. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +2 -2
  383. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
  384. package/dist/collection/components/ic-theme/ic-theme.js +31 -31
  385. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  386. package/dist/collection/components/ic-theme/ic-theme.stories.js +434 -0
  387. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +7 -7
  388. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
  389. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +11 -11
  390. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +1 -1
  391. package/dist/collection/components/ic-toast/ic-toast.css +31 -17
  392. package/dist/collection/components/ic-toast/ic-toast.js +2 -3
  393. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  394. package/dist/collection/components/ic-toast/ic-toast.stories.js +396 -0
  395. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +16 -16
  396. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +1 -1
  397. package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +187 -56
  398. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +149 -42
  399. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
  400. package/dist/collection/components/ic-toggle-button/ic-toggle-button.stories.js +427 -0
  401. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +10 -0
  402. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +1 -1
  403. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +23 -16
  404. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +144 -35
  405. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
  406. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.stories.js +585 -0
  407. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +187 -0
  408. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
  409. package/dist/collection/components/ic-tooltip/ic-tooltip.css +7 -1
  410. package/dist/collection/components/ic-tooltip/ic-tooltip.js +2 -5
  411. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  412. package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +366 -0
  413. package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +49 -21
  414. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +39 -9
  415. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  416. package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +1098 -0
  417. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +3 -3
  418. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +1 -1
  419. package/dist/collection/components/ic-typography/ic-typography.css +7 -9
  420. package/dist/collection/components/ic-typography/ic-typography.js +3 -1
  421. package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
  422. package/dist/collection/components/ic-typography/ic-typography.stories.js +447 -0
  423. package/dist/collection/patterns/top-nav-content-footer.stories.js +109 -0
  424. package/dist/collection/patterns/z-index.stories.js +474 -0
  425. package/dist/collection/testspec.setup.js +14 -0
  426. package/dist/collection/testspec.setup.js.map +1 -1
  427. package/dist/collection/utils/constants.js +1 -1
  428. package/dist/collection/utils/constants.js.map +1 -1
  429. package/dist/collection/utils/helpers.js +64 -19
  430. package/dist/collection/utils/helpers.js.map +1 -1
  431. package/dist/collection/utils/types.js +6 -6
  432. package/dist/collection/utils/types.js.map +1 -1
  433. package/dist/components/helpers.js +73 -26
  434. package/dist/components/helpers.js.map +1 -1
  435. package/dist/components/ic-accordion-group.js +11 -11
  436. package/dist/components/ic-accordion-group.js.map +1 -1
  437. package/dist/components/ic-accordion.js +14 -6
  438. package/dist/components/ic-accordion.js.map +1 -1
  439. package/dist/components/ic-alert.js +12 -16
  440. package/dist/components/ic-alert.js.map +1 -1
  441. package/dist/components/ic-back-to-top.js +9 -5
  442. package/dist/components/ic-back-to-top.js.map +1 -1
  443. package/dist/components/ic-badge.js +28 -5
  444. package/dist/components/ic-badge.js.map +1 -1
  445. package/dist/components/ic-breadcrumb-group.js +44 -20
  446. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  447. package/dist/components/ic-breadcrumb2.js +49 -3
  448. package/dist/components/ic-breadcrumb2.js.map +1 -1
  449. package/dist/components/ic-button2.js +21 -20
  450. package/dist/components/ic-button2.js.map +1 -1
  451. package/dist/components/ic-card-vertical.js +54 -50
  452. package/dist/components/ic-card-vertical.js.map +1 -1
  453. package/dist/components/ic-checkbox-group.js +25 -7
  454. package/dist/components/ic-checkbox-group.js.map +1 -1
  455. package/dist/components/ic-checkbox.js +12 -4
  456. package/dist/components/ic-checkbox.js.map +1 -1
  457. package/dist/components/ic-chip.js +32 -16
  458. package/dist/components/ic-chip.js.map +1 -1
  459. package/dist/components/ic-classification-banner.js +1 -1
  460. package/dist/components/ic-classification-banner.js.map +1 -1
  461. package/dist/components/ic-data-row.js +1 -1
  462. package/dist/components/ic-dialog.js +13 -4
  463. package/dist/components/ic-dialog.js.map +1 -1
  464. package/dist/components/ic-divider2.js +89 -12
  465. package/dist/components/ic-divider2.js.map +1 -1
  466. package/dist/components/ic-empty-state.js +10 -17
  467. package/dist/components/ic-empty-state.js.map +1 -1
  468. package/dist/components/ic-footer-link-group.js +7 -8
  469. package/dist/components/ic-footer-link-group.js.map +1 -1
  470. package/dist/components/ic-footer-link.js +8 -7
  471. package/dist/components/ic-footer-link.js.map +1 -1
  472. package/dist/components/ic-footer.js +25 -15
  473. package/dist/components/ic-footer.js.map +1 -1
  474. package/dist/components/ic-hero.js +9 -17
  475. package/dist/components/ic-hero.js.map +1 -1
  476. package/dist/components/ic-horizontal-scroll2.js +19 -9
  477. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  478. package/dist/components/ic-input-component-container2.js +23 -32
  479. package/dist/components/ic-input-component-container2.js.map +1 -1
  480. package/dist/components/ic-input-label2.js +19 -20
  481. package/dist/components/ic-input-label2.js.map +1 -1
  482. package/dist/components/ic-input-validation2.js +9 -9
  483. package/dist/components/ic-input-validation2.js.map +1 -1
  484. package/dist/components/ic-link2.js +13 -15
  485. package/dist/components/ic-link2.js.map +1 -1
  486. package/dist/components/ic-loading-indicator2.js +11 -9
  487. package/dist/components/ic-loading-indicator2.js.map +1 -1
  488. package/dist/components/ic-menu-group.js +2 -2
  489. package/dist/components/ic-menu-group.js.map +1 -1
  490. package/dist/components/ic-menu-item2.js +30 -21
  491. package/dist/components/ic-menu-item2.js.map +1 -1
  492. package/dist/components/ic-menu2.js +472 -175
  493. package/dist/components/ic-menu2.js.map +1 -1
  494. package/dist/components/ic-navigation-button.js +13 -9
  495. package/dist/components/ic-navigation-button.js.map +1 -1
  496. package/dist/components/ic-navigation-group.js +12 -9
  497. package/dist/components/ic-navigation-group.js.map +1 -1
  498. package/dist/components/ic-navigation-item.js +64 -10
  499. package/dist/components/ic-navigation-item.js.map +1 -1
  500. package/dist/components/ic-navigation-menu2.js +6 -4
  501. package/dist/components/ic-navigation-menu2.js.map +1 -1
  502. package/dist/components/ic-page-header.js +9 -6
  503. package/dist/components/ic-page-header.js.map +1 -1
  504. package/dist/components/ic-pagination-item2.js +15 -12
  505. package/dist/components/ic-pagination-item2.js.map +1 -1
  506. package/dist/components/ic-pagination.js +25 -15
  507. package/dist/components/ic-pagination.js.map +1 -1
  508. package/dist/components/ic-popover-menu.js +50 -26
  509. package/dist/components/ic-popover-menu.js.map +1 -1
  510. package/dist/components/ic-radio-group.js +61 -29
  511. package/dist/components/ic-radio-group.js.map +1 -1
  512. package/dist/components/ic-radio-option.js +45 -23
  513. package/dist/components/ic-radio-option.js.map +1 -1
  514. package/dist/components/ic-search-bar.js +70 -81
  515. package/dist/components/ic-search-bar.js.map +1 -1
  516. package/dist/components/ic-select.js +196 -67
  517. package/dist/components/ic-select.js.map +1 -1
  518. package/dist/components/ic-side-navigation.js +17 -12
  519. package/dist/components/ic-side-navigation.js.map +1 -1
  520. package/dist/components/ic-skeleton.js +5 -5
  521. package/dist/components/ic-skeleton.js.map +1 -1
  522. package/dist/components/ic-status-tag.js +5 -3
  523. package/dist/components/ic-status-tag.js.map +1 -1
  524. package/dist/components/ic-step.js +4 -4
  525. package/dist/components/ic-step.js.map +1 -1
  526. package/dist/components/ic-stepper.js +14 -3
  527. package/dist/components/ic-stepper.js.map +1 -1
  528. package/dist/components/ic-switch.js +24 -18
  529. package/dist/components/ic-switch.js.map +1 -1
  530. package/dist/components/ic-tab-context.js +60 -123
  531. package/dist/components/ic-tab-context.js.map +1 -1
  532. package/dist/components/ic-tab-group.js +2 -18
  533. package/dist/components/ic-tab-group.js.map +1 -1
  534. package/dist/components/ic-tab-panel.js +1 -1
  535. package/dist/components/ic-tab-panel.js.map +1 -1
  536. package/dist/components/ic-tab.js +10 -8
  537. package/dist/components/ic-tab.js.map +1 -1
  538. package/dist/components/ic-text-field.js +371 -1
  539. package/dist/components/ic-text-field.js.map +1 -1
  540. package/dist/components/ic-theme.js +22 -22
  541. package/dist/components/ic-theme.js.map +1 -1
  542. package/dist/components/ic-toast.js +4 -4
  543. package/dist/components/ic-toast.js.map +1 -1
  544. package/dist/components/ic-toggle-button-group.js +75 -14
  545. package/dist/components/ic-toggle-button-group.js.map +1 -1
  546. package/dist/components/ic-toggle-button.js +76 -17
  547. package/dist/components/ic-toggle-button.js.map +1 -1
  548. package/dist/components/ic-tooltip2.js +1 -1
  549. package/dist/components/ic-tooltip2.js.map +1 -1
  550. package/dist/components/ic-top-navigation.js +15 -8
  551. package/dist/components/ic-top-navigation.js.map +1 -1
  552. package/dist/components/ic-typography2.js +4 -2
  553. package/dist/components/ic-typography2.js.map +1 -1
  554. package/dist/core/ag-theme-icds.css +218 -0
  555. package/dist/core/core.css +1601 -77
  556. package/dist/core/core.esm.js +1 -1
  557. package/dist/core/core.esm.js.map +1 -1
  558. package/dist/core/p-0cb72d37.entry.js +2 -0
  559. package/dist/core/p-0cb72d37.entry.js.map +1 -0
  560. package/dist/core/{p-a3b6a02d.entry.js → p-1223d0e9.entry.js} +2 -2
  561. package/dist/core/p-1223d0e9.entry.js.map +1 -0
  562. package/dist/core/p-190c3474.entry.js +2 -0
  563. package/dist/core/p-190c3474.entry.js.map +1 -0
  564. package/dist/core/p-199b9196.entry.js +2 -0
  565. package/dist/core/p-199b9196.entry.js.map +1 -0
  566. package/dist/core/p-1bf956cb.entry.js +2 -0
  567. package/dist/core/p-1bf956cb.entry.js.map +1 -0
  568. package/dist/core/{p-d8870804.entry.js → p-20ac0d2a.entry.js} +2 -2
  569. package/dist/core/p-2197e83e.entry.js +2 -0
  570. package/dist/core/p-2197e83e.entry.js.map +1 -0
  571. package/dist/core/{p-e861a2b3.entry.js → p-243ad74c.entry.js} +2 -2
  572. package/dist/core/p-243ad74c.entry.js.map +1 -0
  573. package/dist/core/p-24a34d72.entry.js +2 -0
  574. package/dist/core/p-24a34d72.entry.js.map +1 -0
  575. package/dist/core/{p-54238d16.entry.js → p-27274ca8.entry.js} +2 -2
  576. package/dist/core/p-27274ca8.entry.js.map +1 -0
  577. package/dist/core/p-29afeb33.entry.js +2 -0
  578. package/dist/core/p-29afeb33.entry.js.map +1 -0
  579. package/dist/core/p-2cc0d6b9.entry.js +2 -0
  580. package/dist/core/p-2cc0d6b9.entry.js.map +1 -0
  581. package/dist/core/p-31c84a47.entry.js +2 -0
  582. package/dist/core/p-31c84a47.entry.js.map +1 -0
  583. package/dist/core/p-33b44dc1.entry.js +2 -0
  584. package/dist/core/p-33b44dc1.entry.js.map +1 -0
  585. package/dist/core/p-36ac5305.entry.js +2 -0
  586. package/dist/core/p-36ac5305.entry.js.map +1 -0
  587. package/dist/core/p-404b482e.entry.js +2 -0
  588. package/dist/core/p-404b482e.entry.js.map +1 -0
  589. package/dist/core/{p-1e802eeb.entry.js → p-419d3378.entry.js} +2 -2
  590. package/dist/core/p-419d3378.entry.js.map +1 -0
  591. package/dist/core/p-47038ea3.entry.js +2 -0
  592. package/dist/core/p-47038ea3.entry.js.map +1 -0
  593. package/dist/core/p-490bf0ee.entry.js +2 -0
  594. package/dist/core/p-490bf0ee.entry.js.map +1 -0
  595. package/dist/core/p-4e6e34fe.entry.js +2 -0
  596. package/dist/core/p-4e6e34fe.entry.js.map +1 -0
  597. package/dist/core/p-4fce49bd.entry.js +2 -0
  598. package/dist/core/p-4fce49bd.entry.js.map +1 -0
  599. package/dist/core/p-50b04d0f.entry.js +2 -0
  600. package/dist/core/p-50b04d0f.entry.js.map +1 -0
  601. package/dist/core/p-5b42dbef.entry.js +2 -0
  602. package/dist/core/p-5b42dbef.entry.js.map +1 -0
  603. package/dist/core/p-5be2c26a.entry.js +2 -0
  604. package/dist/core/p-5be2c26a.entry.js.map +1 -0
  605. package/dist/core/p-5d5345a4.entry.js +2 -0
  606. package/dist/core/p-5d5345a4.entry.js.map +1 -0
  607. package/dist/core/p-5dcc0489.entry.js +2 -0
  608. package/dist/core/p-5dcc0489.entry.js.map +1 -0
  609. package/dist/core/p-5f6d6b3f.entry.js +2 -0
  610. package/dist/core/p-5f6d6b3f.entry.js.map +1 -0
  611. package/dist/core/p-5f74782e.entry.js +2 -0
  612. package/dist/core/p-5f74782e.entry.js.map +1 -0
  613. package/dist/core/p-641e244d.entry.js +2 -0
  614. package/dist/core/p-641e244d.entry.js.map +1 -0
  615. package/dist/core/{p-46ee459b.entry.js → p-6c1cf351.entry.js} +2 -2
  616. package/dist/core/p-6c1cf351.entry.js.map +1 -0
  617. package/dist/core/p-6e630778.entry.js +2 -0
  618. package/dist/core/p-6e630778.entry.js.map +1 -0
  619. package/dist/core/p-7c8cd719.entry.js +2 -0
  620. package/dist/core/p-7c8cd719.entry.js.map +1 -0
  621. package/dist/core/p-7c94e055.entry.js +2 -0
  622. package/dist/core/p-7c94e055.entry.js.map +1 -0
  623. package/dist/core/p-7fa74998.entry.js +2 -0
  624. package/dist/core/p-7fa74998.entry.js.map +1 -0
  625. package/dist/core/p-7ff4632d.entry.js +2 -0
  626. package/dist/core/p-7ff4632d.entry.js.map +1 -0
  627. package/dist/core/p-84c3a870.entry.js +2 -0
  628. package/dist/core/p-84c3a870.entry.js.map +1 -0
  629. package/dist/core/p-8624bb98.entry.js +2 -0
  630. package/dist/core/p-8624bb98.entry.js.map +1 -0
  631. package/dist/core/p-87aa30b4.entry.js +2 -0
  632. package/dist/core/p-87aa30b4.entry.js.map +1 -0
  633. package/dist/core/p-932f3e3c.js +2 -0
  634. package/dist/core/p-932f3e3c.js.map +1 -0
  635. package/dist/core/{p-e597da0e.entry.js → p-96b4ca6e.entry.js} +2 -2
  636. package/dist/core/p-96b4ca6e.entry.js.map +1 -0
  637. package/dist/core/p-9ad4bbf4.entry.js +2 -0
  638. package/dist/core/p-9ad4bbf4.entry.js.map +1 -0
  639. package/dist/core/p-9cfd6855.entry.js +2 -0
  640. package/dist/core/p-9cfd6855.entry.js.map +1 -0
  641. package/dist/core/p-a38f5453.entry.js +2 -0
  642. package/dist/core/p-a38f5453.entry.js.map +1 -0
  643. package/dist/core/p-af934e73.entry.js +2 -0
  644. package/dist/core/p-af934e73.entry.js.map +1 -0
  645. package/dist/core/p-b9941d97.entry.js +2 -0
  646. package/dist/core/p-b9941d97.entry.js.map +1 -0
  647. package/dist/core/p-cf0176be.entry.js +2 -0
  648. package/dist/core/p-cf0176be.entry.js.map +1 -0
  649. package/dist/core/p-cf5d88a9.entry.js +2 -0
  650. package/dist/core/p-cf5d88a9.entry.js.map +1 -0
  651. package/dist/core/p-d21d8014.entry.js +2 -0
  652. package/dist/core/p-d21d8014.entry.js.map +1 -0
  653. package/dist/core/p-df957570.entry.js +2 -0
  654. package/dist/core/p-df957570.entry.js.map +1 -0
  655. package/dist/core/p-e0730a5d.entry.js +2 -0
  656. package/dist/core/p-e0730a5d.entry.js.map +1 -0
  657. package/dist/core/p-e1f8d915.entry.js +2 -0
  658. package/dist/core/p-e1f8d915.entry.js.map +1 -0
  659. package/dist/core/{p-5a2630fb.entry.js → p-e4cb5585.entry.js} +2 -2
  660. package/dist/core/p-e4cb5585.entry.js.map +1 -0
  661. package/dist/core/p-f073fc69.entry.js +2 -0
  662. package/dist/core/p-f073fc69.entry.js.map +1 -0
  663. package/dist/core/p-f2d9eefe.entry.js +2 -0
  664. package/dist/core/p-f2d9eefe.entry.js.map +1 -0
  665. package/dist/core/p-f7872eef.entry.js +2 -0
  666. package/dist/core/p-f7872eef.entry.js.map +1 -0
  667. package/dist/core/{p-bf4c61cb.entry.js → p-f9dceda0.entry.js} +2 -2
  668. package/dist/core/{p-bf4c61cb.entry.js.map → p-f9dceda0.entry.js.map} +1 -1
  669. package/dist/core/{p-c81109da.entry.js → p-fac53f92.entry.js} +2 -2
  670. package/dist/core/p-fac53f92.entry.js.map +1 -0
  671. package/dist/esm/core.js +1 -1
  672. package/dist/esm/{helpers-1c9151ef.js → helpers-2624c32c.js} +74 -27
  673. package/dist/esm/helpers-2624c32c.js.map +1 -0
  674. package/dist/esm/ic-accordion-group.entry.js +10 -10
  675. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  676. package/dist/esm/ic-accordion.entry.js +12 -5
  677. package/dist/esm/ic-accordion.entry.js.map +1 -1
  678. package/dist/esm/ic-alert.entry.js +10 -15
  679. package/dist/esm/ic-alert.entry.js.map +1 -1
  680. package/dist/esm/ic-back-to-top.entry.js +9 -6
  681. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  682. package/dist/esm/ic-badge.entry.js +26 -3
  683. package/dist/esm/ic-badge.entry.js.map +1 -1
  684. package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
  685. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  686. package/dist/esm/ic-breadcrumb.entry.js +47 -3
  687. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  688. package/dist/esm/ic-button_3.entry.js +28 -26
  689. package/dist/esm/ic-button_3.entry.js.map +1 -1
  690. package/dist/esm/ic-card-vertical.entry.js +49 -48
  691. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  692. package/dist/esm/ic-checkbox-group.entry.js +21 -6
  693. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  694. package/dist/esm/ic-checkbox.entry.js +10 -4
  695. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  696. package/dist/esm/ic-chip.entry.js +28 -16
  697. package/dist/esm/ic-chip.entry.js.map +1 -1
  698. package/dist/esm/ic-classification-banner.entry.js +1 -1
  699. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  700. package/dist/esm/ic-data-row.entry.js +1 -1
  701. package/dist/esm/ic-dialog.entry.js +13 -5
  702. package/dist/esm/ic-dialog.entry.js.map +1 -1
  703. package/dist/esm/ic-divider.entry.js +74 -10
  704. package/dist/esm/ic-divider.entry.js.map +1 -1
  705. package/dist/esm/ic-empty-state.entry.js +8 -16
  706. package/dist/esm/ic-empty-state.entry.js.map +1 -1
  707. package/dist/esm/ic-footer-link-group.entry.js +6 -7
  708. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  709. package/dist/esm/ic-footer-link.entry.js +7 -6
  710. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  711. package/dist/esm/ic-footer.entry.js +24 -14
  712. package/dist/esm/ic-footer.entry.js.map +1 -1
  713. package/dist/esm/ic-hero.entry.js +8 -16
  714. package/dist/esm/ic-hero.entry.js.map +1 -1
  715. package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
  716. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  717. package/dist/esm/ic-input-component-container_3.entry.js +487 -201
  718. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  719. package/dist/esm/ic-input-label_2.entry.js +24 -26
  720. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  721. package/dist/esm/ic-link.entry.js +10 -12
  722. package/dist/esm/ic-link.entry.js.map +1 -1
  723. package/dist/esm/ic-menu-group.entry.js +3 -3
  724. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  725. package/dist/esm/ic-menu-item.entry.js +25 -18
  726. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  727. package/dist/esm/ic-navigation-button.entry.js +11 -8
  728. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  729. package/dist/esm/ic-navigation-group.entry.js +10 -8
  730. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  731. package/dist/esm/ic-navigation-item.entry.js +61 -9
  732. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  733. package/dist/esm/ic-navigation-menu.entry.js +5 -4
  734. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  735. package/dist/esm/ic-page-header.entry.js +8 -6
  736. package/dist/esm/ic-page-header.entry.js.map +1 -1
  737. package/dist/esm/ic-pagination-item.entry.js +12 -11
  738. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  739. package/dist/esm/ic-pagination.entry.js +23 -15
  740. package/dist/esm/ic-pagination.entry.js.map +1 -1
  741. package/dist/esm/ic-popover-menu.entry.js +47 -25
  742. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  743. package/dist/esm/ic-radio-group.entry.js +58 -28
  744. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  745. package/dist/esm/ic-radio-option.entry.js +42 -22
  746. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  747. package/dist/esm/ic-search-bar.entry.js +54 -56
  748. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  749. package/dist/esm/ic-select.entry.js +192 -66
  750. package/dist/esm/ic-select.entry.js.map +1 -1
  751. package/dist/esm/ic-side-navigation.entry.js +16 -11
  752. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  753. package/dist/esm/ic-skeleton.entry.js +4 -4
  754. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  755. package/dist/esm/ic-status-tag.entry.js +5 -4
  756. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  757. package/dist/esm/ic-step.entry.js +4 -5
  758. package/dist/esm/ic-step.entry.js.map +1 -1
  759. package/dist/esm/ic-stepper.entry.js +12 -2
  760. package/dist/esm/ic-stepper.entry.js.map +1 -1
  761. package/dist/esm/ic-switch.entry.js +21 -16
  762. package/dist/esm/ic-switch.entry.js.map +1 -1
  763. package/dist/esm/ic-tab-context.entry.js +60 -123
  764. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  765. package/dist/esm/ic-tab-group.entry.js +3 -19
  766. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  767. package/dist/esm/ic-tab-panel.entry.js +2 -2
  768. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  769. package/dist/esm/ic-tab.entry.js +10 -8
  770. package/dist/esm/ic-tab.entry.js.map +1 -1
  771. package/dist/esm/ic-text-field.entry.js +43 -23
  772. package/dist/esm/ic-text-field.entry.js.map +1 -1
  773. package/dist/esm/ic-theme.entry.js +20 -20
  774. package/dist/esm/ic-theme.entry.js.map +1 -1
  775. package/dist/esm/ic-toast.entry.js +4 -4
  776. package/dist/esm/ic-toast.entry.js.map +1 -1
  777. package/dist/esm/ic-toggle-button-group.entry.js +62 -12
  778. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  779. package/dist/esm/ic-toggle-button.entry.js +64 -9
  780. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  781. package/dist/esm/ic-top-navigation.entry.js +13 -7
  782. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  783. package/dist/esm/ic-typography.entry.js +5 -3
  784. package/dist/esm/ic-typography.entry.js.map +1 -1
  785. package/dist/esm/index-d1d2c456.js +4 -4
  786. package/dist/esm/loader.js +1 -1
  787. package/dist/types/components/ic-accordion/ic-accordion.d.ts +7 -5
  788. package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +4 -4
  789. package/dist/types/components/ic-alert/ic-alert.d.ts +9 -6
  790. package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +5 -0
  791. package/dist/types/components/ic-badge/ic-badge.d.ts +5 -0
  792. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +8 -0
  793. package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +1 -0
  794. package/dist/types/components/ic-button/ic-button.d.ts +11 -7
  795. package/dist/types/components/ic-button/ic-button.types.d.ts +0 -1
  796. package/dist/types/components/ic-card-vertical/ic-card-vertical.d.ts +9 -5
  797. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +7 -2
  798. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +8 -1
  799. package/dist/types/components/ic-chip/ic-chip.d.ts +13 -2
  800. package/dist/types/components/ic-dialog/ic-dialog.d.ts +7 -2
  801. package/dist/types/components/ic-divider/ic-divider.d.ts +33 -3
  802. package/dist/types/components/ic-divider/ic-divider.types.d.ts +3 -0
  803. package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +5 -2
  804. package/dist/types/components/ic-footer/ic-footer.d.ts +4 -3
  805. package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +3 -3
  806. package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +3 -2
  807. package/dist/types/components/ic-hero/ic-hero.d.ts +3 -4
  808. package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +8 -2
  809. package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +2 -5
  810. package/dist/types/components/ic-input-label/ic-input-label.d.ts +8 -4
  811. package/dist/types/components/ic-link/ic-link.d.ts +2 -2
  812. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +9 -5
  813. package/dist/types/components/ic-menu/ic-menu.d.ts +49 -16
  814. package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +12 -5
  815. package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +7 -3
  816. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +7 -3
  817. package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +14 -3
  818. package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +5 -0
  819. package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -1
  820. package/dist/types/components/ic-pagination/ic-pagination.d.ts +10 -5
  821. package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +10 -5
  822. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +9 -7
  823. package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +6 -1
  824. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +10 -3
  825. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +15 -3
  826. package/dist/types/components/ic-select/ic-select.d.ts +36 -16
  827. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +3 -3
  828. package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +2 -2
  829. package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +3 -2
  830. package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +4 -0
  831. package/dist/types/components/ic-step/ic-step.d.ts +5 -0
  832. package/dist/types/components/ic-stepper/ic-stepper.d.ts +6 -4
  833. package/dist/types/components/ic-switch/ic-switch.d.ts +7 -6
  834. package/dist/types/components/ic-tab/ic-tab.d.ts +1 -0
  835. package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +8 -6
  836. package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +0 -4
  837. package/dist/types/components/ic-text-field/ic-text-field.d.ts +10 -2
  838. package/dist/types/components/ic-theme/ic-theme.d.ts +8 -8
  839. package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +16 -7
  840. package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +21 -5
  841. package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +1 -1
  842. package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +7 -3
  843. package/dist/types/components.d.ts +516 -159
  844. package/dist/types/testspec.setup.d.ts +9 -0
  845. package/dist/types/utils/helpers.d.ts +22 -8
  846. package/dist/types/utils/types.d.ts +8 -6
  847. package/hydrate/index.js +1974 -1046
  848. package/package.json +20 -19
  849. package/vscode-data.json +655 -166
  850. package/dist/cjs/helpers-f1cf5156.js.map +0 -1
  851. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +0 -339
  852. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +0 -1
  853. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +0 -1106
  854. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +0 -1
  855. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +0 -49
  856. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +0 -1
  857. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js +0 -109
  858. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map +0 -1
  859. package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js +0 -39
  860. package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js.map +0 -1
  861. package/dist/components/ic-text-field2.js +0 -353
  862. package/dist/components/ic-text-field2.js.map +0 -1
  863. package/dist/core/p-09104e40.entry.js +0 -2
  864. package/dist/core/p-09104e40.entry.js.map +0 -1
  865. package/dist/core/p-0c0b1c74.entry.js +0 -2
  866. package/dist/core/p-0c0b1c74.entry.js.map +0 -1
  867. package/dist/core/p-0c3a0d85.entry.js +0 -2
  868. package/dist/core/p-0c3a0d85.entry.js.map +0 -1
  869. package/dist/core/p-1083a708.entry.js +0 -2
  870. package/dist/core/p-1083a708.entry.js.map +0 -1
  871. package/dist/core/p-130dd440.entry.js +0 -2
  872. package/dist/core/p-130dd440.entry.js.map +0 -1
  873. package/dist/core/p-1e802eeb.entry.js.map +0 -1
  874. package/dist/core/p-21312898.entry.js +0 -2
  875. package/dist/core/p-21312898.entry.js.map +0 -1
  876. package/dist/core/p-21e5dd29.entry.js +0 -2
  877. package/dist/core/p-21e5dd29.entry.js.map +0 -1
  878. package/dist/core/p-2ab86057.entry.js +0 -2
  879. package/dist/core/p-2ab86057.entry.js.map +0 -1
  880. package/dist/core/p-312cacae.js +0 -2
  881. package/dist/core/p-312cacae.js.map +0 -1
  882. package/dist/core/p-31fc8756.entry.js +0 -2
  883. package/dist/core/p-31fc8756.entry.js.map +0 -1
  884. package/dist/core/p-355acffa.entry.js +0 -2
  885. package/dist/core/p-355acffa.entry.js.map +0 -1
  886. package/dist/core/p-35b8b480.entry.js +0 -2
  887. package/dist/core/p-35b8b480.entry.js.map +0 -1
  888. package/dist/core/p-363d6e88.entry.js +0 -2
  889. package/dist/core/p-363d6e88.entry.js.map +0 -1
  890. package/dist/core/p-40e9e76a.entry.js +0 -2
  891. package/dist/core/p-40e9e76a.entry.js.map +0 -1
  892. package/dist/core/p-43f9a711.entry.js +0 -2
  893. package/dist/core/p-43f9a711.entry.js.map +0 -1
  894. package/dist/core/p-46ee459b.entry.js.map +0 -1
  895. package/dist/core/p-54238d16.entry.js.map +0 -1
  896. package/dist/core/p-550d7356.entry.js +0 -2
  897. package/dist/core/p-550d7356.entry.js.map +0 -1
  898. package/dist/core/p-56d1828c.entry.js +0 -2
  899. package/dist/core/p-56d1828c.entry.js.map +0 -1
  900. package/dist/core/p-5a2630fb.entry.js.map +0 -1
  901. package/dist/core/p-5a52614c.entry.js +0 -2
  902. package/dist/core/p-5a52614c.entry.js.map +0 -1
  903. package/dist/core/p-60efd7fa.entry.js +0 -2
  904. package/dist/core/p-60efd7fa.entry.js.map +0 -1
  905. package/dist/core/p-69f3ce5a.entry.js +0 -2
  906. package/dist/core/p-69f3ce5a.entry.js.map +0 -1
  907. package/dist/core/p-78ce4920.entry.js +0 -2
  908. package/dist/core/p-78ce4920.entry.js.map +0 -1
  909. package/dist/core/p-79d2a33b.entry.js +0 -2
  910. package/dist/core/p-79d2a33b.entry.js.map +0 -1
  911. package/dist/core/p-80237a20.entry.js +0 -2
  912. package/dist/core/p-80237a20.entry.js.map +0 -1
  913. package/dist/core/p-804513ad.entry.js +0 -2
  914. package/dist/core/p-804513ad.entry.js.map +0 -1
  915. package/dist/core/p-82375dca.entry.js +0 -2
  916. package/dist/core/p-82375dca.entry.js.map +0 -1
  917. package/dist/core/p-8e1e25a7.entry.js +0 -2
  918. package/dist/core/p-8e1e25a7.entry.js.map +0 -1
  919. package/dist/core/p-a1a1000d.entry.js +0 -2
  920. package/dist/core/p-a1a1000d.entry.js.map +0 -1
  921. package/dist/core/p-a1b1a0ab.entry.js +0 -2
  922. package/dist/core/p-a1b1a0ab.entry.js.map +0 -1
  923. package/dist/core/p-a37bcdbe.entry.js +0 -2
  924. package/dist/core/p-a37bcdbe.entry.js.map +0 -1
  925. package/dist/core/p-a3b6a02d.entry.js.map +0 -1
  926. package/dist/core/p-a765ad17.entry.js +0 -2
  927. package/dist/core/p-a765ad17.entry.js.map +0 -1
  928. package/dist/core/p-aa2be24c.entry.js +0 -2
  929. package/dist/core/p-aa2be24c.entry.js.map +0 -1
  930. package/dist/core/p-b12a5283.entry.js +0 -2
  931. package/dist/core/p-b12a5283.entry.js.map +0 -1
  932. package/dist/core/p-b1b05979.entry.js +0 -2
  933. package/dist/core/p-b1b05979.entry.js.map +0 -1
  934. package/dist/core/p-c6795377.entry.js +0 -2
  935. package/dist/core/p-c6795377.entry.js.map +0 -1
  936. package/dist/core/p-c81109da.entry.js.map +0 -1
  937. package/dist/core/p-cb4d104e.entry.js +0 -2
  938. package/dist/core/p-cb4d104e.entry.js.map +0 -1
  939. package/dist/core/p-d2f89cb5.entry.js +0 -2
  940. package/dist/core/p-d2f89cb5.entry.js.map +0 -1
  941. package/dist/core/p-d43d1ec0.entry.js +0 -2
  942. package/dist/core/p-d43d1ec0.entry.js.map +0 -1
  943. package/dist/core/p-d5829a35.entry.js +0 -2
  944. package/dist/core/p-d5829a35.entry.js.map +0 -1
  945. package/dist/core/p-ddb8d280.entry.js +0 -2
  946. package/dist/core/p-ddb8d280.entry.js.map +0 -1
  947. package/dist/core/p-e0e34fa7.entry.js +0 -2
  948. package/dist/core/p-e0e34fa7.entry.js.map +0 -1
  949. package/dist/core/p-e4b276b5.entry.js +0 -2
  950. package/dist/core/p-e4b276b5.entry.js.map +0 -1
  951. package/dist/core/p-e597da0e.entry.js.map +0 -1
  952. package/dist/core/p-e861a2b3.entry.js.map +0 -1
  953. package/dist/core/p-ea277b05.entry.js +0 -2
  954. package/dist/core/p-ea277b05.entry.js.map +0 -1
  955. package/dist/core/p-ef871b8f.entry.js +0 -2
  956. package/dist/core/p-ef871b8f.entry.js.map +0 -1
  957. package/dist/core/p-f229d19e.entry.js +0 -2
  958. package/dist/core/p-f229d19e.entry.js.map +0 -1
  959. package/dist/core/p-f30f3a3e.entry.js +0 -2
  960. package/dist/core/p-f30f3a3e.entry.js.map +0 -1
  961. package/dist/core/p-fa587e6d.entry.js +0 -2
  962. package/dist/core/p-fa587e6d.entry.js.map +0 -1
  963. package/dist/core/p-fb6ac08d.entry.js +0 -2
  964. package/dist/core/p-fb6ac08d.entry.js.map +0 -1
  965. package/dist/esm/helpers-1c9151ef.js.map +0 -1
  966. /package/dist/core/{p-d8870804.entry.js.map → p-20ac0d2a.entry.js.map} +0 -0
@@ -0,0 +1,366 @@
1
+ import { html } from "lit-html";
2
+
3
+ const defaultArgs = {
4
+ disableHover: false,
5
+ maxLines: 3,
6
+ placement: "bottom",
7
+ label: "This is a description of the button",
8
+ theme: "inherit",
9
+ };
10
+
11
+ export default {
12
+ title: "Web Components/Tooltip",
13
+ component: "ic-tooltip",
14
+ };
15
+
16
+ export const Default = {
17
+ render: (args) =>
18
+ html`<ic-tooltip
19
+ label="This is a description of the button"
20
+ target="test-button-default"
21
+ id="ic-tooltip-test-button-default"
22
+ ><button
23
+ id="test-button-default"
24
+ aria-describedby="ic-tooltip-test-button-default"
25
+ >
26
+ Default
27
+ </button></ic-tooltip
28
+ >`,
29
+
30
+ name: "Default",
31
+ height: "100px",
32
+ };
33
+
34
+ export const UsingExternalMethod = {
35
+ render: (args) =>
36
+ html`<script>
37
+ let display = true;
38
+ document
39
+ .querySelector("#clickMe")
40
+ .addEventListener("click", handleDisplay);
41
+ const tooltip = document.querySelector("ic-tooltip");
42
+ function handleDisplay() {
43
+ tooltip.displayTooltip(display, display);
44
+ display = !display;
45
+ }
46
+ </script>
47
+ <button id="clickMe">Show tooltip</button>
48
+ <ic-tooltip
49
+ label="This is a description of the button"
50
+ target="test-button-default"
51
+ id="ic-tooltip-test-button-default"
52
+ ><button
53
+ id="test-button-default"
54
+ aria-describedby="ic-tooltip-test-button-default"
55
+ >
56
+ Default
57
+ </button></ic-tooltip
58
+ >`,
59
+
60
+ name: "Using external method",
61
+ height: "100px",
62
+ };
63
+
64
+ export const DisabledHover = {
65
+ render: (args) =>
66
+ html`<ic-tooltip
67
+ label="This shows 'Code' has been copied"
68
+ target="test-button-disable-hover"
69
+ id="ic-tooltip-test-button-disable-hover"
70
+ disable-hover="true"
71
+ ><button
72
+ id="test-button-disable-hover"
73
+ aria-labelledby="ic-tooltip-test-button-disable-hover"
74
+ onclick="navigator.clipboard.writeText('Code')"
75
+ >
76
+ Show tooltip
77
+ </button></ic-tooltip
78
+ >`,
79
+
80
+ name: "Disabled Hover",
81
+ height: "100px",
82
+ };
83
+
84
+ export const TopPlacements = {
85
+ render: (args) =>
86
+ html` <div style="margin: 40px">
87
+ <ic-tooltip
88
+ placement="top-start"
89
+ label="This is a description of the button"
90
+ id="ic-tooltip-test-button-top-start"
91
+ target="test-button-top-start"
92
+ >
93
+ <button
94
+ id="test-button-top-start"
95
+ aria-describedby="ic-tooltip-test-button-top-start"
96
+ >
97
+ Top start
98
+ </button>
99
+ </ic-tooltip>
100
+ <ic-tooltip
101
+ placement="top"
102
+ label="This is a description of the button"
103
+ id="ic-tooltip-test-button-top"
104
+ target="test-button-top"
105
+ >
106
+ <button
107
+ id="test-button-top"
108
+ aria-describedby="ic-tooltip-test-button-top"
109
+ >
110
+ Top
111
+ </button>
112
+ </ic-tooltip>
113
+ <ic-tooltip
114
+ placement="top-end"
115
+ label="This is a description of the button"
116
+ id="ic-tooltip-test-button-top-end"
117
+ target="test-button-top-end"
118
+ >
119
+ <button
120
+ id="test-button-top-end"
121
+ aria-describedby="ic-tooltip-test-button-top-end"
122
+ >
123
+ Top end
124
+ </button></ic-tooltip
125
+ >
126
+ </div>`,
127
+
128
+ name: "Top placements",
129
+ };
130
+
131
+ export const BottomPlacements = {
132
+ render: (args) =>
133
+ html` <div style="margin: 40px">
134
+ <ic-tooltip
135
+ placement="bottom-start"
136
+ label="This is a description of the button"
137
+ id="ic-tooltip-test-button-bottom-start"
138
+ target="test-button-bottom-start"
139
+ >
140
+ <button
141
+ id="test-button-bottom-start"
142
+ aria-describedby="ic-tooltip-test-button-bottom-start"
143
+ >
144
+ Bottom start
145
+ </button>
146
+ </ic-tooltip>
147
+ <ic-tooltip
148
+ placement="bottom"
149
+ label="This is a description of the button"
150
+ id="ic-tooltip-test-button-bottom"
151
+ target="test-button-bottom"
152
+ >
153
+ <button
154
+ id="test-button-bottom"
155
+ aria-describedby="ic-tooltip-test-button-bottom"
156
+ >
157
+ Bottom
158
+ </button>
159
+ </ic-tooltip>
160
+ <ic-tooltip
161
+ placement="bottom-end"
162
+ label="This is a description of the button"
163
+ id="ic-tooltip-test-button-bottom-end"
164
+ target="test-button-bottom-end"
165
+ >
166
+ <button
167
+ id="test-button-bottom-end"
168
+ aria-describedby="ic-tooltip-test-button-bottom-end"
169
+ >
170
+ Bottom end
171
+ </button></ic-tooltip
172
+ >
173
+ </div>`,
174
+
175
+ name: "Bottom placements",
176
+ };
177
+
178
+ export const RightPlacements = {
179
+ render: (args) =>
180
+ html` <div style="margin: 40px">
181
+ <ic-tooltip
182
+ placement="right-start"
183
+ label="This is a description of the button"
184
+ id="ic-tooltip-test-button-right-start"
185
+ target="test-button-right-start"
186
+ >
187
+ <button
188
+ id="test-button-right-start"
189
+ aria-describedby="ic-tooltip-test-button-right-start"
190
+ >
191
+ Right start
192
+ </button>
193
+ </ic-tooltip>
194
+ <ic-tooltip
195
+ placement="right"
196
+ label="This is a description of the button"
197
+ id="ic-tooltip-test-button-right"
198
+ target="test-button-right"
199
+ >
200
+ <button
201
+ id="test-button-right"
202
+ aria-describedby="ic-tooltip-test-button-right"
203
+ >
204
+ Right
205
+ </button>
206
+ </ic-tooltip>
207
+ <ic-tooltip
208
+ placement="right-end"
209
+ label="This is a description of the button"
210
+ id="ic-tooltip-test-button-right-end"
211
+ target="test-button-right-end"
212
+ >
213
+ <button
214
+ id="test-button-right-end"
215
+ aria-describedby="ic-tooltip-test-button-right-end"
216
+ >
217
+ Right end
218
+ </button></ic-tooltip
219
+ >
220
+ </div>`,
221
+
222
+ name: "Right placements",
223
+ };
224
+
225
+ export const LeftPlacements = {
226
+ render: (args) =>
227
+ html` <div style="margin-left: 400px">
228
+ <ic-tooltip
229
+ placement="left-start"
230
+ label="This is a description of the button"
231
+ id="ic-tooltip-test-button-left-start"
232
+ target="test-button-left-start"
233
+ >
234
+ <button
235
+ id="test-button-left-start"
236
+ aria-describedby="ic-tooltip-test-button-left-start"
237
+ >
238
+ Left start
239
+ </button>
240
+ </ic-tooltip>
241
+ <ic-tooltip
242
+ placement="left"
243
+ label="This is a description of the button"
244
+ id="ic-tooltip-test-button-left"
245
+ target="test-button-left"
246
+ >
247
+ <button
248
+ id="test-button-left"
249
+ aria-describedby="ic-tooltip-test-button-left"
250
+ >
251
+ Left
252
+ </button>
253
+ </ic-tooltip>
254
+ <ic-tooltip
255
+ placement="left-end"
256
+ label="This is a description of the button"
257
+ id="ic-tooltip-test-button-left-end"
258
+ target="test-button-left-end"
259
+ >
260
+ <button
261
+ id="test-button-left-end"
262
+ aria-describedby="ic-tooltip-test-button-left-end"
263
+ >
264
+ Left end
265
+ </button></ic-tooltip
266
+ >
267
+ </div>`,
268
+
269
+ name: "Left placements",
270
+ };
271
+
272
+ export const Truncation = {
273
+ render: (args) =>
274
+ html`<ic-tooltip
275
+ label="This is a body of text that is truncated to three lines within a tooltip. It has been truncated based on the max-lines property. The number of lines in the text is clamped to the number passed through the max-lines property."
276
+ target="test-button-truncation"
277
+ max-lines="3"
278
+ id="ic-tooltip-test-button-truncation"
279
+ ><button
280
+ id="test-button-truncation"
281
+ aria-describedby="ic-tooltip-test-button-truncation"
282
+ >
283
+ Default
284
+ </button></ic-tooltip
285
+ >`,
286
+
287
+ name: "Truncation",
288
+ height: "100px",
289
+ };
290
+
291
+ export const DarkBackground = {
292
+ render: (args) =>
293
+ html`<div style="height: 100px;background-color:#333333;">
294
+ <ic-tooltip
295
+ label="This is a description of the button"
296
+ id="ic-tooltip-test-button-dark"
297
+ target="test-button-dark"
298
+ >
299
+ <button
300
+ id="test-button-dark"
301
+ aria-describedby="ic-tooltip-test-button-dark"
302
+ >
303
+ Default
304
+ </button>
305
+ </ic-tooltip>
306
+ </div>`,
307
+
308
+ name: "Dark background",
309
+ };
310
+
311
+ export const Playground = {
312
+ render: (args) =>
313
+ html`<div style="margin: 250px">
314
+ <ic-tooltip
315
+ label=${args.label}
316
+ placement=${args.placement}
317
+ max-lines=${args.maxLines}
318
+ disable-hover=${args.disableHover}
319
+ id="ic-tooltip-test-button-default"
320
+ target="button-id"
321
+ theme=${args.theme}
322
+ >
323
+ <button
324
+ id="button-id"
325
+ aria-describedby="ic-tooltip-test-button-default"
326
+ >
327
+ Button 1
328
+ </button>
329
+ </ic-tooltip>
330
+ </div> `,
331
+
332
+ args: defaultArgs,
333
+
334
+ argTypes: {
335
+ placement: {
336
+ options: [
337
+ "bottom",
338
+ "top-start",
339
+ "top",
340
+ "top-end",
341
+ "right-start",
342
+ "right",
343
+ "right-end",
344
+ "bottom-end",
345
+ "bottom-start",
346
+ "left-end",
347
+ "left",
348
+ "left-start",
349
+ ],
350
+
351
+ control: {
352
+ type: "select",
353
+ },
354
+ },
355
+
356
+ theme: {
357
+ options: ["inherit", "light", "dark"],
358
+
359
+ control: {
360
+ type: "inline-radio",
361
+ },
362
+ },
363
+ },
364
+
365
+ name: "Playground",
366
+ };
@@ -443,15 +443,42 @@ video {
443
443
 
444
444
  :host {
445
445
  display: block;
446
- color: var(--ic-theme-text);
446
+ color: var(--ic-top-navigation-text);
447
447
  width: 100%;
448
448
  position: relative;
449
449
 
450
- --ic-typography-color: currentcolor;
450
+ --ic-typography-color: var(--ic-top-navigation-text);
451
+
452
+ --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);
453
+ --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);
454
+ }
455
+
456
+ :host(.dark) {
457
+ color: var(--ic-color-text-primary-light);
458
+ --ic-typography-color: var(--ic-color-text-primary-light);
459
+ --ic-top-navigation-logo: var(--ic-color-icon-neutral);
460
+ --ic-top-navigation-icon: var(--ic-color-icon-neutral);
461
+ --ic-top-navigation-theme: var(--ic-color-icon-neutral);
462
+ --ic-top-navigation-status-tag: var(--ic-color-background-primary-dark);
463
+ --ic-top-navigation-status-tag-text: var(--ic-color-brand-text);
464
+ --ic-top-navigation-status-tag-secondary: var(--ic-state-layer-darken-10);
465
+ --navigation-link-colour: var(--ic-color-text-primary-light);
466
+ }
467
+
468
+ :host ::slotted(ic-navigation-item) {
469
+ --navigation-link-colour: var(--ic-top-navigation-text);
470
+ }
471
+
472
+ :host(.dark) ::slotted(ic-navigation-button) {
473
+ --ic-button-icon-monochrome: var(--ic-color-text-primary-light);
474
+ }
475
+
476
+ ::slotted(ic-navigation-button) {
477
+ --ic-button-icon-monochrome: white;
451
478
  }
452
479
 
453
480
  :host .top-navigation {
454
- background-color: var(--ic-theme-primary);
481
+ background-color: var(--ic-top-navigation-background);
455
482
  height: -moz-max-content;
456
483
  height: max-content;
457
484
  }
@@ -474,17 +501,17 @@ video {
474
501
  :host .title-link ::slotted(a),
475
502
  :host .title-link:visited ::slotted(a),
476
503
  :host .title-link:active ::slotted(a) {
477
- color: var(--ic-theme-text);
504
+ color: var(--ic-top-navigation-icon-and-label);
478
505
  text-decoration: none;
479
506
  outline: none;
480
507
  }
481
508
 
482
509
  :host .title-link:hover:not(:focus) {
483
- background-color: var(--ic-theme-hover);
510
+ background-color: var(--ic-top-navigation-title-hover);
484
511
  }
485
512
 
486
513
  :host .title-link:active:not(:focus) {
487
- background-color: var(--ic-theme-active);
514
+ background-color: var(--ic-top-navigation-title-pressed);
488
515
  }
489
516
 
490
517
  :host .title-link:hover {
@@ -503,7 +530,7 @@ video {
503
530
  }
504
531
 
505
532
  :host .nav-panel-container {
506
- border-top: var(--ic-keyline-lighten);
533
+ border-top: var(--ic-space-1px) solid var(--ic-top-navigation-keyline);
507
534
  padding: 0 var(--ic-space-lg);
508
535
  margin-left: calc(-1 * var(--section-container-margin));
509
536
  margin-right: calc(-1 * var(--section-container-margin));
@@ -511,7 +538,7 @@ video {
511
538
  }
512
539
 
513
540
  :host(.dark) .nav-panel-container {
514
- border-top: var(--ic-keyline-darken);
541
+ border-top: var(--ic-border-keyline-darken);
515
542
  }
516
543
 
517
544
  .top-panel-container {
@@ -556,8 +583,9 @@ video {
556
583
 
557
584
  :host .app-status {
558
585
  border-radius: var(--ic-space-md);
559
- background-color: var(--ic-architectural-white);
560
- color: var(--ic-color-primary-text-light);
586
+ background-color: var(--ic-top-navigation-status-tag);
587
+ color: var(--ic-top-navigation-status-tag-text);
588
+ --ic-typography-color: var(--ic-top-navigation-status-tag-text);
561
589
  padding: var(--ic-space-xxs) var(--ic-space-lg);
562
590
  margin-left: var(--ic-space-md);
563
591
  flex: 1 1 0;
@@ -565,14 +593,10 @@ video {
565
593
  max-width: fit-content;
566
594
  }
567
595
 
568
- :host(.dark) .app-status {
569
- background-color: var(--ic-theme-text);
570
- color: var(--ic-architectural-white);
571
- }
572
-
573
596
  :host .app-version {
574
597
  border-radius: var(--ic-space-md);
575
- background-color: var(--ic-theme-active);
598
+ background-color: var(--ic-top-navigation-status-tag-secondary);
599
+ color: var(--ic-top-navigation-status-tag);
576
600
  padding: var(--ic-space-xxs) var(--ic-space-sm);
577
601
  margin-left: var(--ic-space-xs);
578
602
  flex: 1 1 0;
@@ -581,13 +605,13 @@ video {
581
605
  }
582
606
 
583
607
  slot[name="app-icon"]::slotted(*) {
584
- fill: var(--ic-theme-text);
608
+ fill: var(--ic-top-navigation-logo);
585
609
  width: 2em;
586
610
  height: 2em;
587
611
  }
588
612
 
589
613
  slot[name="toggle-icon"] svg {
590
- fill: var(--ic-theme-text);
614
+ fill: var(--ic-top-navigation-icon);
591
615
  }
592
616
 
593
617
  .search-menu-container {
@@ -673,7 +697,7 @@ slot[name="toggle-icon"] svg {
673
697
  display: flex;
674
698
  justify-content: center;
675
699
  align-items: center;
676
- border-top: var(--ic-keyline-darken);
700
+ border-top: var(--ic-border-keyline-darken);
677
701
  height: 4rem;
678
702
  padding-left: var(--ic-space-md);
679
703
  padding-right: var(--ic-space-md);
@@ -718,15 +742,19 @@ slot[name="toggle-icon"] svg {
718
742
 
719
743
  @media (forced-colors: active) {
720
744
  :host .top-navigation {
721
- border-bottom: var(--ic-hc-border);
745
+ border-bottom: var(--ic-border-hc);
722
746
  }
723
747
 
724
748
  .app-status,
725
749
  .app-version {
726
- border: var(--ic-hc-border);
750
+ border: var(--ic-border-hc);
727
751
  }
728
752
 
729
753
  slot[name="app-icon"]::slotted(*) {
730
754
  fill: currentcolor;
731
755
  }
756
+
757
+ slot[name="toggle-icon"] svg {
758
+ fill: currentcolor;
759
+ }
732
760
  }
@@ -1,6 +1,6 @@
1
1
  import { Host, h, } from "@stencil/core";
2
- import { IcThemeForegroundEnum, } from "../../utils/types";
3
- import { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, getThemeForegroundColor, getSlot, onComponentPropUndefinedChange, onComponentRequiredPropUndefined, isSlotUsed, isEmptyString, isPropDefined, } from "../../utils/helpers";
2
+ import { IcBrandForegroundEnum, } from "../../utils/types";
3
+ import { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getSlot, onComponentPropUndefinedChange, onComponentRequiredPropUndefined, isSlotUsed, isEmptyString, isPropDefined, } from "../../utils/helpers";
4
4
  /**
5
5
  * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.
6
6
  * @slot app-title - Handle routing by nesting a route in the app title.
@@ -77,7 +77,7 @@ export class TopNavigation {
77
77
  this.resizeObserver.observe(this.el);
78
78
  };
79
79
  this.deviceSize = DEVICE_SIZES.XL;
80
- this.foregroundColor = getThemeForegroundColor();
80
+ this.foregroundColor = getBrandForegroundAppearance();
81
81
  this.hasFullWidthSearchBar = false;
82
82
  this.mobileSearchBarVisible = false;
83
83
  this.mobileSearchHiddenOnBlur = false;
@@ -90,6 +90,7 @@ export class TopNavigation {
90
90
  this.inline = false;
91
91
  this.shortAppTitle = "";
92
92
  this.status = "";
93
+ this.theme = "inherit";
93
94
  this.version = "";
94
95
  this.appTitle = undefined;
95
96
  }
@@ -131,7 +132,7 @@ export class TopNavigation {
131
132
  searchValueChangeHandler({ detail }) {
132
133
  this.searchValue = detail.value;
133
134
  }
134
- themeChangeHandler({ detail }) {
135
+ brandChangeHandler({ detail }) {
135
136
  this.foregroundColor = detail.mode;
136
137
  }
137
138
  toggleSearchBar() {
@@ -154,7 +155,7 @@ export class TopNavigation {
154
155
  document.body.style.overflow = show ? "hidden" : "auto";
155
156
  }
156
157
  render() {
157
- const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, } = this;
158
+ const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, theme, } = this;
158
159
  const hasStatus = status !== "";
159
160
  const hasVersion = version !== "";
160
161
  const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;
@@ -177,10 +178,15 @@ export class TopNavigation {
177
178
  return (h(Host, { class: {
178
179
  "fullwidth-searchbar": hasFullWidthSearchBar,
179
180
  "mobile-mode": overMobileBreakpoint,
180
- [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
181
+ [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
182
+ [`ic-theme-${theme}`]: theme !== "inherit",
181
183
  } }, h("div", { class: "top-navigation" }, h("ic-section-container", { aligned: contentAligned, "full-height": true }, h("header", { role: "banner" }, h("div", { class: "top-panel-container" }, h("div", { class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (h(Component, Object.assign({ class: "title-link" }, attrs), hasAppIcon && (h("div", { class: "app-icon-container" }, h("slot", { name: "app-icon" }))), deviceSize <= DEVICE_SIZES.S &&
182
184
  (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (h("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
183
- `${appTitle} (${shortAppTitle})` }, h("h1", null, shortAppTitleSlot ? (h("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (h("ic-typography", { variant: appTitleVariant }, h("h1", { class: "title-wrap" }, hasAppTitleSlot ? (h("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (h("div", { class: "app-status" }, h("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (h("div", { class: "app-version" }, h("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h("div", { class: "search-menu-container" }, h("div", { class: "search-actions-container" }, !overMobileBreakpoint && h("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (h("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: foregroundColor, onClick: searchButtonClickHandler }, h("slot", { name: "toggle-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (h("div", { class: "icon-buttons-container" }, h("slot", { name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (h("div", { class: "menu-button-container" }, h("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), h("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, h("ic-button", { id: "menu-button", appearance: foregroundColor, variant: "secondary", "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (h("div", { class: "search-bar-container" }, h("slot", { name: "search" }))), hasNavigation && !overMobileBreakpoint && (h("div", { class: "navigation-tabs" }, h("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), h("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, h("ic-horizontal-scroll", { appearance: foregroundColor }, h("ul", { class: "navigation-item-list", tabindex: "-1" }, h("slot", { name: "navigation" }))))))))), navMenuVisible && (h("ic-navigation-menu", { version: version, status: status, class: {
185
+ `${appTitle} (${shortAppTitle})` }, h("h1", null, shortAppTitleSlot ? (h("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (h("ic-typography", { variant: appTitleVariant }, h("h1", { class: "title-wrap" }, hasAppTitleSlot ? (h("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (h("div", { class: "app-status" }, h("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (h("div", { class: "app-version" }, h("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h("div", { class: "search-menu-container" }, h("div", { class: "search-actions-container" }, !overMobileBreakpoint && h("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (h("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor == IcBrandForegroundEnum.Light
186
+ ? IcBrandForegroundEnum.Dark
187
+ : IcBrandForegroundEnum.Light, onClick: searchButtonClickHandler }, h("slot", { name: "toggle-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (h("div", { class: "icon-buttons-container" }, h("slot", { name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (h("div", { class: "menu-button-container" }, h("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), h("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, h("ic-button", { id: "menu-button", theme: foregroundColor == IcBrandForegroundEnum.Light
188
+ ? IcBrandForegroundEnum.Dark
189
+ : IcBrandForegroundEnum.Light, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (h("div", { class: "search-bar-container" }, h("slot", { name: "search" }))), hasNavigation && !overMobileBreakpoint && (h("div", { class: "navigation-tabs" }, h("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), h("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, h("ic-horizontal-scroll", { monochrome: true, appearance: foregroundColor }, h("ul", { class: "navigation-item-list", tabindex: "-1" }, h("slot", { name: "navigation" }))))))))), navMenuVisible && (h("ic-navigation-menu", { version: version, status: status, class: {
184
190
  ["inline"]: inline,
185
191
  } }, hasIconButtons && (h("div", { class: "menu-buttons-slot", slot: "buttons" }, h("slot", { name: "buttons" }))), h("ul", { slot: "navigation" }, h("slot", { name: "navigation" }))))));
186
192
  }
@@ -318,6 +324,30 @@ export class TopNavigation {
318
324
  "reflect": false,
319
325
  "defaultValue": "\"\""
320
326
  },
327
+ "theme": {
328
+ "type": "string",
329
+ "mutable": false,
330
+ "complexType": {
331
+ "original": "IcThemeMode",
332
+ "resolved": "\"dark\" | \"inherit\" | \"light\"",
333
+ "references": {
334
+ "IcThemeMode": {
335
+ "location": "import",
336
+ "path": "../../utils/types",
337
+ "id": "src/utils/types.ts::IcThemeMode"
338
+ }
339
+ }
340
+ },
341
+ "required": false,
342
+ "optional": true,
343
+ "docs": {
344
+ "tags": [],
345
+ "text": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component."
346
+ },
347
+ "attribute": "theme",
348
+ "reflect": false,
349
+ "defaultValue": "\"inherit\""
350
+ },
321
351
  "version": {
322
352
  "type": "string",
323
353
  "mutable": false,
@@ -448,8 +478,8 @@ export class TopNavigation {
448
478
  "capture": false,
449
479
  "passive": false
450
480
  }, {
451
- "name": "themeChange",
452
- "method": "themeChangeHandler",
481
+ "name": "brandChange",
482
+ "method": "brandChangeHandler",
453
483
  "target": "document",
454
484
  "capture": false,
455
485
  "passive": false