@ukic/web-components 3.0.0-alpha.13 → 3.0.0-alpha.15

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 (543) hide show
  1. package/dist/cjs/app-globals-1608a8a5.js +54 -0
  2. package/dist/cjs/app-globals-1608a8a5.js.map +1 -0
  3. package/dist/cjs/core.cjs.js +3 -3
  4. package/dist/cjs/{helpers-08a9ec1c.js → helpers-7a599012.js} +2 -2
  5. package/dist/cjs/{helpers-08a9ec1c.js.map → helpers-7a599012.js.map} +1 -1
  6. package/dist/cjs/ic-accordion-group.cjs.entry.js +2 -2
  7. package/dist/cjs/ic-accordion.cjs.entry.js +2 -2
  8. package/dist/cjs/ic-alert.cjs.entry.js +2 -2
  9. package/dist/cjs/ic-back-to-top.cjs.entry.js +2 -2
  10. package/dist/cjs/ic-badge.cjs.entry.js +3 -3
  11. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +2 -2
  13. package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
  14. package/dist/cjs/ic-button_3.cjs.entry.js +61 -3
  15. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ic-card-vertical.cjs.entry.js +3 -3
  17. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  18. package/dist/cjs/ic-checkbox-group.cjs.entry.js +7 -7
  19. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-checkbox.cjs.entry.js +3 -3
  21. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  22. package/dist/cjs/ic-chip.cjs.entry.js +3 -3
  23. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ic-classification-banner.cjs.entry.js +3 -3
  25. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-data-list.cjs.entry.js +1 -1
  27. package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
  28. package/dist/cjs/ic-dialog.cjs.entry.js +38 -47
  29. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ic-divider.cjs.entry.js +2 -2
  31. package/dist/cjs/ic-empty-state.cjs.entry.js +2 -2
  32. package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
  33. package/dist/cjs/ic-footer-link.cjs.entry.js +2 -2
  34. package/dist/cjs/ic-footer.cjs.entry.js +2 -2
  35. package/dist/cjs/ic-hero.cjs.entry.js +2 -2
  36. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -2
  37. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +3 -3
  39. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-input-label_2.cjs.entry.js +2 -2
  41. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  42. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  43. package/dist/cjs/ic-menu-item.cjs.entry.js +3 -3
  44. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-navigation-button.cjs.entry.js +2 -2
  46. package/dist/cjs/ic-navigation-group.cjs.entry.js +23 -17
  47. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
  49. package/dist/cjs/ic-navigation-menu.cjs.entry.js +38 -24
  50. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-page-header.cjs.entry.js +12 -11
  52. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-pagination-item.cjs.entry.js +4 -4
  54. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-pagination.cjs.entry.js +7 -7
  56. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-popover-menu.cjs.entry.js +7 -6
  58. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-radio-group.cjs.entry.js +7 -7
  60. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-radio-option.cjs.entry.js +2 -2
  62. package/dist/cjs/ic-search-bar.cjs.entry.js +3 -3
  63. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-section-container.cjs.entry.js +3 -3
  65. package/dist/cjs/ic-select.cjs.entry.js +15 -12
  66. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-side-navigation.cjs.entry.js +10 -7
  68. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-skeleton.cjs.entry.js +3 -3
  70. package/dist/cjs/ic-skip-link.cjs.entry.js +11 -10
  71. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -5
  73. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-step.cjs.entry.js +17 -16
  75. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-stepper.cjs.entry.js +4 -4
  77. package/dist/cjs/ic-switch.cjs.entry.js +6 -6
  78. package/dist/cjs/ic-tab-context.cjs.entry.js +2 -2
  79. package/dist/cjs/ic-tab-group.cjs.entry.js +4 -4
  80. package/dist/cjs/ic-tab-panel.cjs.entry.js +3 -3
  81. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  82. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-text-field.cjs.entry.js +33 -15
  84. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-theme.cjs.entry.js +3 -3
  86. package/dist/cjs/ic-toast-region.cjs.entry.js +2 -2
  87. package/dist/cjs/ic-toast.cjs.entry.js +6 -6
  88. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +4 -4
  90. package/dist/cjs/ic-toggle-button.cjs.entry.js +5 -5
  91. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-top-navigation.cjs.entry.js +5 -9
  93. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-typography.cjs.entry.js +2 -2
  95. package/dist/cjs/{index-d337cd8a.js → index-0236cc4b.js} +3 -1
  96. package/dist/cjs/index-0236cc4b.js.map +1 -0
  97. package/dist/cjs/loader.cjs.js +3 -3
  98. package/dist/collection/components/ic-badge/ic-badge.css +4 -0
  99. package/dist/collection/components/ic-button/ic-button.css +29 -13
  100. package/dist/collection/components/ic-button/ic-button.js +58 -0
  101. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  102. package/dist/collection/components/ic-button/ic-button.stories.js +184 -5
  103. package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +1 -1
  104. package/dist/collection/components/ic-checkbox/ic-checkbox.css +5 -0
  105. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +4 -0
  106. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +5 -5
  107. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  108. package/dist/collection/components/ic-chip/ic-chip.css +2 -2
  109. package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +4 -0
  110. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +1 -1
  111. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
  112. package/dist/collection/components/ic-dialog/ic-dialog.js +57 -66
  113. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  114. package/dist/collection/components/ic-dialog/ic-dialog.stories.js +3 -2
  115. package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +2 -1
  116. package/dist/collection/components/ic-menu-item/ic-menu-item.css +1 -0
  117. package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +47 -49
  118. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +47 -17
  119. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  120. package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js.map +1 -1
  121. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +36 -22
  122. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
  123. package/dist/collection/components/ic-page-header/ic-page-header.js +10 -9
  124. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  125. package/dist/collection/components/ic-pagination/ic-pagination.css +10 -2
  126. package/dist/collection/components/ic-pagination/ic-pagination.js +4 -4
  127. package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +19 -3
  128. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +1 -1
  129. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +5 -4
  130. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  131. package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +70 -1
  132. package/dist/collection/components/ic-radio-group/ic-radio-group.js +6 -6
  133. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  134. package/dist/collection/components/ic-search-bar/ic-search-bar.css +6 -13
  135. package/dist/collection/components/ic-section-container/ic-section-container.js +2 -2
  136. package/dist/collection/components/ic-select/ic-select.css +11 -1
  137. package/dist/collection/components/ic-select/ic-select.js +12 -9
  138. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  139. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +10 -1
  140. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +7 -4
  141. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  142. package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +57 -36
  143. package/dist/collection/components/ic-skeleton/ic-skeleton.js +2 -2
  144. package/dist/collection/components/ic-skip-link/ic-skip-link.css +22 -2
  145. package/dist/collection/components/ic-skip-link/ic-skip-link.js +13 -12
  146. package/dist/collection/components/ic-skip-link/ic-skip-link.js.map +1 -1
  147. package/dist/collection/components/ic-skip-link/ic-skip-link.stories.js +375 -31
  148. package/dist/collection/components/ic-status-tag/ic-status-tag.css +2 -1
  149. package/dist/collection/components/ic-status-tag/ic-status-tag.js +2 -2
  150. package/dist/collection/components/ic-step/ic-step.css +8 -31
  151. package/dist/collection/components/ic-step/ic-step.js +14 -13
  152. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  153. package/dist/collection/components/ic-stepper/ic-stepper.js +2 -2
  154. package/dist/collection/components/ic-stepper/ic-stepper.stories.js +5 -1
  155. package/dist/collection/components/ic-switch/ic-switch.js +4 -4
  156. package/dist/collection/components/ic-tab/ic-tab.css +13 -3
  157. package/dist/collection/components/ic-tab-context/ic-tab-context.js +1 -1
  158. package/dist/collection/components/ic-tab-group/ic-tab-group.js +2 -2
  159. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +2 -2
  160. package/dist/collection/components/ic-text-field/ic-text-field.css +1 -0
  161. package/dist/collection/components/ic-text-field/ic-text-field.js +111 -13
  162. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  163. package/dist/collection/components/ic-text-field/ic-text-field.stories.js +195 -9
  164. package/dist/collection/components/ic-theme/ic-theme.js +1 -1
  165. package/dist/collection/components/ic-toast/ic-toast.css +1 -1
  166. package/dist/collection/components/ic-toast/ic-toast.js +3 -3
  167. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  168. package/dist/collection/components/ic-toast-region/ic-toast-region.js +1 -1
  169. package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +1 -1
  170. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +2 -2
  171. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +2 -2
  172. package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +5 -1
  173. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +2 -6
  174. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  175. package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +12 -19
  176. package/dist/components/helpers.js +1 -1
  177. package/dist/components/ic-badge.js +1 -1
  178. package/dist/components/ic-badge.js.map +1 -1
  179. package/dist/components/ic-button2.js +59 -1
  180. package/dist/components/ic-button2.js.map +1 -1
  181. package/dist/components/ic-card-vertical.js +1 -1
  182. package/dist/components/ic-card-vertical.js.map +1 -1
  183. package/dist/components/ic-checkbox-group.js +5 -5
  184. package/dist/components/ic-checkbox-group.js.map +1 -1
  185. package/dist/components/ic-checkbox.js +1 -1
  186. package/dist/components/ic-checkbox.js.map +1 -1
  187. package/dist/components/ic-chip.js +1 -1
  188. package/dist/components/ic-chip.js.map +1 -1
  189. package/dist/components/ic-classification-banner.js +2 -2
  190. package/dist/components/ic-classification-banner.js.map +1 -1
  191. package/dist/components/ic-dialog.js +38 -47
  192. package/dist/components/ic-dialog.js.map +1 -1
  193. package/dist/components/ic-input-component-container2.js +1 -1
  194. package/dist/components/ic-input-component-container2.js.map +1 -1
  195. package/dist/components/ic-menu-item2.js +1 -1
  196. package/dist/components/ic-menu-item2.js.map +1 -1
  197. package/dist/components/ic-navigation-group.js +22 -15
  198. package/dist/components/ic-navigation-group.js.map +1 -1
  199. package/dist/components/ic-navigation-menu2.js +37 -23
  200. package/dist/components/ic-navigation-menu2.js.map +1 -1
  201. package/dist/components/ic-page-header.js +10 -9
  202. package/dist/components/ic-page-header.js.map +1 -1
  203. package/dist/components/ic-pagination-item2.js +2 -2
  204. package/dist/components/ic-pagination-item2.js.map +1 -1
  205. package/dist/components/ic-pagination.js +5 -5
  206. package/dist/components/ic-pagination.js.map +1 -1
  207. package/dist/components/ic-popover-menu.js +5 -4
  208. package/dist/components/ic-popover-menu.js.map +1 -1
  209. package/dist/components/ic-radio-group.js +5 -5
  210. package/dist/components/ic-radio-group.js.map +1 -1
  211. package/dist/components/ic-search-bar.js +1 -1
  212. package/dist/components/ic-search-bar.js.map +1 -1
  213. package/dist/components/ic-section-container2.js +2 -2
  214. package/dist/components/ic-select.js +13 -10
  215. package/dist/components/ic-select.js.map +1 -1
  216. package/dist/components/ic-side-navigation.js +8 -5
  217. package/dist/components/ic-side-navigation.js.map +1 -1
  218. package/dist/components/ic-skeleton.js +2 -2
  219. package/dist/components/ic-skeleton.js.map +1 -1
  220. package/dist/components/ic-skip-link.js +10 -9
  221. package/dist/components/ic-skip-link.js.map +1 -1
  222. package/dist/components/ic-status-tag.js +3 -3
  223. package/dist/components/ic-status-tag.js.map +1 -1
  224. package/dist/components/ic-step.js +15 -14
  225. package/dist/components/ic-step.js.map +1 -1
  226. package/dist/components/ic-stepper.js +2 -2
  227. package/dist/components/ic-switch.js +4 -4
  228. package/dist/components/ic-tab-context.js +1 -1
  229. package/dist/components/ic-tab-group.js +2 -2
  230. package/dist/components/ic-tab-panel.js +2 -2
  231. package/dist/components/ic-tab-panel.js.map +1 -1
  232. package/dist/components/ic-tab.js +1 -1
  233. package/dist/components/ic-tab.js.map +1 -1
  234. package/dist/components/ic-text-field.js +35 -13
  235. package/dist/components/ic-text-field.js.map +1 -1
  236. package/dist/components/ic-theme.js +1 -1
  237. package/dist/components/ic-toast-region.js +1 -1
  238. package/dist/components/ic-toast.js +5 -5
  239. package/dist/components/ic-toast.js.map +1 -1
  240. package/dist/components/ic-toggle-button-group.js +2 -2
  241. package/dist/components/ic-toggle-button.js +3 -3
  242. package/dist/components/ic-toggle-button.js.map +1 -1
  243. package/dist/components/ic-top-navigation.js +4 -8
  244. package/dist/components/ic-top-navigation.js.map +1 -1
  245. package/dist/components/index.js +50 -0
  246. package/dist/components/index.js.map +1 -1
  247. package/dist/core/core.css +353 -245
  248. package/dist/core/core.esm.js +1 -1
  249. package/dist/core/core.esm.js.map +1 -1
  250. package/dist/core/p-03248270.entry.js +2 -0
  251. package/dist/core/p-03248270.entry.js.map +1 -0
  252. package/dist/core/p-0e5e9a11.entry.js +2 -0
  253. package/dist/core/p-0e5e9a11.entry.js.map +1 -0
  254. package/dist/core/{p-0f34465d.entry.js → p-115a684f.entry.js} +2 -2
  255. package/dist/core/p-1446973e.js +2 -0
  256. package/dist/core/p-1446973e.js.map +1 -0
  257. package/dist/core/p-167834c7.entry.js +2 -0
  258. package/dist/core/p-167834c7.entry.js.map +1 -0
  259. package/dist/core/{p-4e4014cd.entry.js → p-2180f2d1.entry.js} +2 -2
  260. package/dist/core/{p-8856dff4.entry.js → p-22eed13e.entry.js} +2 -2
  261. package/dist/core/p-26c50065.entry.js +2 -0
  262. package/dist/core/p-26c50065.entry.js.map +1 -0
  263. package/dist/core/{p-e25feba1.entry.js → p-2af04ace.entry.js} +2 -2
  264. package/dist/core/{p-e25feba1.entry.js.map → p-2af04ace.entry.js.map} +1 -1
  265. package/dist/core/{p-196e3d33.entry.js → p-2dd6e5bb.entry.js} +2 -2
  266. package/dist/core/p-2dd6e5bb.entry.js.map +1 -0
  267. package/dist/core/{p-fbce5f9a.entry.js → p-2f30c66a.entry.js} +2 -2
  268. package/dist/core/p-30b56108.entry.js +2 -0
  269. package/dist/core/p-30b56108.entry.js.map +1 -0
  270. package/dist/core/p-3373b7c4.entry.js +2 -0
  271. package/dist/core/p-3373b7c4.entry.js.map +1 -0
  272. package/dist/core/{p-de7542fa.entry.js → p-33c4851a.entry.js} +2 -2
  273. package/dist/core/p-33c4851a.entry.js.map +1 -0
  274. package/dist/core/p-38dfe702.entry.js +2 -0
  275. package/dist/core/p-38dfe702.entry.js.map +1 -0
  276. package/dist/core/{p-c19cdc86.entry.js → p-44594b52.entry.js} +2 -2
  277. package/dist/core/{p-72140621.entry.js → p-4681ab85.entry.js} +2 -2
  278. package/dist/core/{p-78c3ca49.entry.js → p-51aa5330.entry.js} +2 -2
  279. package/dist/core/p-54100d6b.entry.js +2 -0
  280. package/dist/core/p-54100d6b.entry.js.map +1 -0
  281. package/dist/core/p-54f6ad93.entry.js +2 -0
  282. package/dist/core/p-54f6ad93.entry.js.map +1 -0
  283. package/dist/core/p-5537abe7.entry.js +2 -0
  284. package/dist/core/p-5537abe7.entry.js.map +1 -0
  285. package/dist/core/{p-1fccec19.entry.js → p-56eb4f02.entry.js} +2 -2
  286. package/dist/core/p-5af75c16.entry.js +2 -0
  287. package/dist/core/p-5af75c16.entry.js.map +1 -0
  288. package/dist/core/p-5d944741.entry.js +2 -0
  289. package/dist/core/p-5d944741.entry.js.map +1 -0
  290. package/dist/core/p-5ee41fb7.entry.js +2 -0
  291. package/dist/core/p-5ee41fb7.entry.js.map +1 -0
  292. package/dist/core/{p-c3785d57.entry.js → p-5f9a9490.entry.js} +2 -2
  293. package/dist/core/{p-2cb55e86.entry.js → p-62a3ddd1.entry.js} +2 -2
  294. package/dist/core/{p-df56bc50.entry.js → p-6ab9a62b.entry.js} +2 -2
  295. package/dist/core/{p-9206379d.entry.js → p-702166d2.entry.js} +2 -2
  296. package/dist/core/{p-27de359f.entry.js → p-79e9381d.entry.js} +2 -2
  297. package/dist/core/p-79fef925.js +3 -0
  298. package/dist/core/p-79fef925.js.map +1 -0
  299. package/dist/core/p-7acf9ff5.entry.js +2 -0
  300. package/dist/core/p-7acf9ff5.entry.js.map +1 -0
  301. package/dist/core/{p-5fa5ba50.entry.js → p-7b1869e9.entry.js} +2 -2
  302. package/dist/core/{p-9ee2fe04.entry.js → p-7e243134.entry.js} +2 -2
  303. package/dist/core/{p-111b3186.entry.js → p-8db464d3.entry.js} +2 -2
  304. package/dist/core/{p-55eb89cc.entry.js → p-8faa9411.entry.js} +2 -2
  305. package/dist/core/p-8faa9411.entry.js.map +1 -0
  306. package/dist/core/{p-8870d5d8.entry.js → p-8fbcf586.entry.js} +2 -2
  307. package/dist/core/{p-bfee1e84.entry.js → p-9b3be8b9.entry.js} +2 -2
  308. package/dist/core/{p-5b7d8ee9.entry.js → p-9f6cfe53.entry.js} +2 -2
  309. package/dist/core/{p-98f906ba.entry.js → p-a3607521.entry.js} +2 -2
  310. package/dist/core/{p-59fc58e1.entry.js → p-a509a2ac.entry.js} +2 -2
  311. package/dist/core/p-b34dffde.entry.js +2 -0
  312. package/dist/core/p-b34dffde.entry.js.map +1 -0
  313. package/dist/core/{p-1d6638c8.entry.js → p-b504da19.entry.js} +2 -2
  314. package/dist/core/p-b504da19.entry.js.map +1 -0
  315. package/dist/core/{p-a56ec6d8.entry.js → p-b8b0146c.entry.js} +2 -2
  316. package/dist/core/{p-f486d4f4.entry.js → p-b8d90c6d.entry.js} +2 -2
  317. package/dist/core/p-b9827aa1.entry.js +2 -0
  318. package/dist/core/p-b9827aa1.entry.js.map +1 -0
  319. package/dist/core/{p-180ea8ac.entry.js → p-c23d8e7f.entry.js} +2 -2
  320. package/dist/core/{p-ce0fb53a.entry.js → p-c7321a55.entry.js} +2 -2
  321. package/dist/core/{p-94748b96.entry.js → p-cb0b0d39.entry.js} +2 -2
  322. package/dist/core/{p-bd802c2f.entry.js → p-cccf78f3.entry.js} +2 -2
  323. package/dist/core/{p-144a31ec.entry.js → p-d15aa9a1.entry.js} +2 -2
  324. package/dist/core/{p-90de3f5d.entry.js → p-d5054edb.entry.js} +2 -2
  325. package/dist/core/p-d5054edb.entry.js.map +1 -0
  326. package/dist/core/{p-269f841d.js → p-db4c581c.js} +2 -2
  327. package/dist/core/p-e3314b15.entry.js +2 -0
  328. package/dist/core/p-e3314b15.entry.js.map +1 -0
  329. package/dist/core/{p-47b46637.entry.js → p-e4f34246.entry.js} +2 -2
  330. package/dist/core/{p-30a262d2.entry.js → p-e54842c7.entry.js} +2 -2
  331. package/dist/core/p-e54842c7.entry.js.map +1 -0
  332. package/dist/core/{p-40bc1f3e.entry.js → p-e758962b.entry.js} +2 -2
  333. package/dist/core/p-e758962b.entry.js.map +1 -0
  334. package/dist/core/p-e97d282e.entry.js +2 -0
  335. package/dist/core/p-e97d282e.entry.js.map +1 -0
  336. package/dist/core/p-ecf68c88.entry.js +2 -0
  337. package/dist/core/p-ecf68c88.entry.js.map +1 -0
  338. package/dist/core/{p-999102ee.entry.js → p-f27ae8e6.entry.js} +2 -2
  339. package/dist/core/{p-78c51cba.entry.js → p-f482f6d9.entry.js} +2 -2
  340. package/dist/core/{p-4a5ab31e.entry.js → p-f6e19998.entry.js} +2 -2
  341. package/dist/core/p-f6e19998.entry.js.map +1 -0
  342. package/dist/core/{p-e30c6d79.entry.js → p-ff6f7f3e.entry.js} +2 -2
  343. package/dist/core/p-ff6f7f3e.entry.js.map +1 -0
  344. package/dist/esm/app-globals-85eb2251.js +52 -0
  345. package/dist/esm/app-globals-85eb2251.js.map +1 -0
  346. package/dist/esm/core.js +4 -4
  347. package/dist/esm/{helpers-de6293bf.js → helpers-0bd0d9f3.js} +2 -2
  348. package/dist/esm/{helpers-de6293bf.js.map → helpers-0bd0d9f3.js.map} +1 -1
  349. package/dist/esm/ic-accordion-group.entry.js +2 -2
  350. package/dist/esm/ic-accordion.entry.js +2 -2
  351. package/dist/esm/ic-alert.entry.js +2 -2
  352. package/dist/esm/ic-back-to-top.entry.js +2 -2
  353. package/dist/esm/ic-badge.entry.js +3 -3
  354. package/dist/esm/ic-badge.entry.js.map +1 -1
  355. package/dist/esm/ic-breadcrumb-group.entry.js +2 -2
  356. package/dist/esm/ic-breadcrumb.entry.js +2 -2
  357. package/dist/esm/ic-button_3.entry.js +61 -3
  358. package/dist/esm/ic-button_3.entry.js.map +1 -1
  359. package/dist/esm/ic-card-vertical.entry.js +3 -3
  360. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  361. package/dist/esm/ic-checkbox-group.entry.js +7 -7
  362. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  363. package/dist/esm/ic-checkbox.entry.js +3 -3
  364. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  365. package/dist/esm/ic-chip.entry.js +3 -3
  366. package/dist/esm/ic-chip.entry.js.map +1 -1
  367. package/dist/esm/ic-classification-banner.entry.js +3 -3
  368. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  369. package/dist/esm/ic-data-list.entry.js +1 -1
  370. package/dist/esm/ic-data-row.entry.js +2 -2
  371. package/dist/esm/ic-dialog.entry.js +38 -47
  372. package/dist/esm/ic-dialog.entry.js.map +1 -1
  373. package/dist/esm/ic-divider.entry.js +2 -2
  374. package/dist/esm/ic-empty-state.entry.js +2 -2
  375. package/dist/esm/ic-footer-link-group.entry.js +2 -2
  376. package/dist/esm/ic-footer-link.entry.js +2 -2
  377. package/dist/esm/ic-footer.entry.js +2 -2
  378. package/dist/esm/ic-hero.entry.js +2 -2
  379. package/dist/esm/ic-horizontal-scroll.entry.js +2 -2
  380. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  381. package/dist/esm/ic-input-component-container_3.entry.js +3 -3
  382. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  383. package/dist/esm/ic-input-label_2.entry.js +2 -2
  384. package/dist/esm/ic-link.entry.js +2 -2
  385. package/dist/esm/ic-menu-group.entry.js +2 -2
  386. package/dist/esm/ic-menu-item.entry.js +3 -3
  387. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  388. package/dist/esm/ic-navigation-button.entry.js +2 -2
  389. package/dist/esm/ic-navigation-group.entry.js +23 -17
  390. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  391. package/dist/esm/ic-navigation-item.entry.js +2 -2
  392. package/dist/esm/ic-navigation-menu.entry.js +38 -24
  393. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  394. package/dist/esm/ic-page-header.entry.js +12 -11
  395. package/dist/esm/ic-page-header.entry.js.map +1 -1
  396. package/dist/esm/ic-pagination-item.entry.js +4 -4
  397. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  398. package/dist/esm/ic-pagination.entry.js +7 -7
  399. package/dist/esm/ic-pagination.entry.js.map +1 -1
  400. package/dist/esm/ic-popover-menu.entry.js +7 -6
  401. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  402. package/dist/esm/ic-radio-group.entry.js +7 -7
  403. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  404. package/dist/esm/ic-radio-option.entry.js +2 -2
  405. package/dist/esm/ic-search-bar.entry.js +3 -3
  406. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  407. package/dist/esm/ic-section-container.entry.js +3 -3
  408. package/dist/esm/ic-select.entry.js +15 -12
  409. package/dist/esm/ic-select.entry.js.map +1 -1
  410. package/dist/esm/ic-side-navigation.entry.js +10 -7
  411. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  412. package/dist/esm/ic-skeleton.entry.js +3 -3
  413. package/dist/esm/ic-skip-link.entry.js +11 -10
  414. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  415. package/dist/esm/ic-status-tag.entry.js +5 -5
  416. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  417. package/dist/esm/ic-step.entry.js +17 -16
  418. package/dist/esm/ic-step.entry.js.map +1 -1
  419. package/dist/esm/ic-stepper.entry.js +4 -4
  420. package/dist/esm/ic-switch.entry.js +6 -6
  421. package/dist/esm/ic-tab-context.entry.js +2 -2
  422. package/dist/esm/ic-tab-group.entry.js +4 -4
  423. package/dist/esm/ic-tab-panel.entry.js +3 -3
  424. package/dist/esm/ic-tab.entry.js +3 -3
  425. package/dist/esm/ic-tab.entry.js.map +1 -1
  426. package/dist/esm/ic-text-field.entry.js +33 -15
  427. package/dist/esm/ic-text-field.entry.js.map +1 -1
  428. package/dist/esm/ic-theme.entry.js +3 -3
  429. package/dist/esm/ic-toast-region.entry.js +2 -2
  430. package/dist/esm/ic-toast.entry.js +6 -6
  431. package/dist/esm/ic-toast.entry.js.map +1 -1
  432. package/dist/esm/ic-toggle-button-group.entry.js +4 -4
  433. package/dist/esm/ic-toggle-button.entry.js +5 -5
  434. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  435. package/dist/esm/ic-top-navigation.entry.js +5 -9
  436. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  437. package/dist/esm/ic-typography.entry.js +2 -2
  438. package/dist/esm/{index-a7a720e7.js → index-0eefab7d.js} +3 -2
  439. package/dist/esm/index-0eefab7d.js.map +1 -0
  440. package/dist/esm/loader.js +4 -4
  441. package/dist/types/components/ic-button/ic-button.d.ts +1 -0
  442. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +1 -1
  443. package/dist/types/components/ic-dialog/ic-dialog.d.ts +4 -4
  444. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +9 -4
  445. package/dist/types/components/ic-navigation-group/ic-navigation-group.types.d.ts +3 -0
  446. package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +2 -0
  447. package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +1 -1
  448. package/dist/types/components/ic-skip-link/ic-skip-link.d.ts +4 -4
  449. package/dist/types/components/ic-text-field/ic-text-field.d.ts +17 -1
  450. package/dist/types/components.d.ts +59 -26
  451. package/hydrate/index.js +358 -211
  452. package/hydrate/index.mjs +358 -211
  453. package/package.json +2 -2
  454. package/vscode-data.json +28 -12
  455. package/dist/cjs/app-globals-3a1e7e63.js +0 -7
  456. package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
  457. package/dist/cjs/index-d337cd8a.js.map +0 -1
  458. package/dist/core/p-052d1ff0.entry.js +0 -2
  459. package/dist/core/p-052d1ff0.entry.js.map +0 -1
  460. package/dist/core/p-08fbea60.entry.js +0 -2
  461. package/dist/core/p-08fbea60.entry.js.map +0 -1
  462. package/dist/core/p-0b757d78.entry.js +0 -2
  463. package/dist/core/p-0b757d78.entry.js.map +0 -1
  464. package/dist/core/p-196e3d33.entry.js.map +0 -1
  465. package/dist/core/p-1d6638c8.entry.js.map +0 -1
  466. package/dist/core/p-1d9a929b.entry.js +0 -2
  467. package/dist/core/p-1d9a929b.entry.js.map +0 -1
  468. package/dist/core/p-30a262d2.entry.js.map +0 -1
  469. package/dist/core/p-40bc1f3e.entry.js.map +0 -1
  470. package/dist/core/p-4a5ab31e.entry.js.map +0 -1
  471. package/dist/core/p-55eb89cc.entry.js.map +0 -1
  472. package/dist/core/p-59287779.entry.js +0 -2
  473. package/dist/core/p-59287779.entry.js.map +0 -1
  474. package/dist/core/p-6c8e72b4.entry.js +0 -2
  475. package/dist/core/p-6c8e72b4.entry.js.map +0 -1
  476. package/dist/core/p-6fdb8a79.entry.js +0 -2
  477. package/dist/core/p-6fdb8a79.entry.js.map +0 -1
  478. package/dist/core/p-76bdbc98.entry.js +0 -2
  479. package/dist/core/p-76bdbc98.entry.js.map +0 -1
  480. package/dist/core/p-7ea79205.entry.js +0 -2
  481. package/dist/core/p-7ea79205.entry.js.map +0 -1
  482. package/dist/core/p-8577de91.entry.js +0 -2
  483. package/dist/core/p-8577de91.entry.js.map +0 -1
  484. package/dist/core/p-8b928cc9.entry.js +0 -2
  485. package/dist/core/p-8b928cc9.entry.js.map +0 -1
  486. package/dist/core/p-8d1bee7a.entry.js +0 -2
  487. package/dist/core/p-8d1bee7a.entry.js.map +0 -1
  488. package/dist/core/p-8e4e97b4.js +0 -3
  489. package/dist/core/p-8e4e97b4.js.map +0 -1
  490. package/dist/core/p-8f319e1e.entry.js +0 -2
  491. package/dist/core/p-8f319e1e.entry.js.map +0 -1
  492. package/dist/core/p-90de3f5d.entry.js.map +0 -1
  493. package/dist/core/p-912c8594.entry.js +0 -2
  494. package/dist/core/p-912c8594.entry.js.map +0 -1
  495. package/dist/core/p-9b741f96.entry.js +0 -2
  496. package/dist/core/p-9b741f96.entry.js.map +0 -1
  497. package/dist/core/p-9bcd2c77.entry.js +0 -2
  498. package/dist/core/p-9bcd2c77.entry.js.map +0 -1
  499. package/dist/core/p-abf767e3.entry.js +0 -2
  500. package/dist/core/p-abf767e3.entry.js.map +0 -1
  501. package/dist/core/p-b594bf26.entry.js +0 -2
  502. package/dist/core/p-b594bf26.entry.js.map +0 -1
  503. package/dist/core/p-caa46d81.entry.js +0 -2
  504. package/dist/core/p-caa46d81.entry.js.map +0 -1
  505. package/dist/core/p-de7542fa.entry.js.map +0 -1
  506. package/dist/core/p-e1255160.js +0 -2
  507. package/dist/core/p-e1255160.js.map +0 -1
  508. package/dist/core/p-e30c6d79.entry.js.map +0 -1
  509. package/dist/esm/app-globals-0f993ce5.js +0 -5
  510. package/dist/esm/app-globals-0f993ce5.js.map +0 -1
  511. package/dist/esm/index-a7a720e7.js.map +0 -1
  512. /package/dist/core/{p-0f34465d.entry.js.map → p-115a684f.entry.js.map} +0 -0
  513. /package/dist/core/{p-4e4014cd.entry.js.map → p-2180f2d1.entry.js.map} +0 -0
  514. /package/dist/core/{p-8856dff4.entry.js.map → p-22eed13e.entry.js.map} +0 -0
  515. /package/dist/core/{p-fbce5f9a.entry.js.map → p-2f30c66a.entry.js.map} +0 -0
  516. /package/dist/core/{p-c19cdc86.entry.js.map → p-44594b52.entry.js.map} +0 -0
  517. /package/dist/core/{p-72140621.entry.js.map → p-4681ab85.entry.js.map} +0 -0
  518. /package/dist/core/{p-78c3ca49.entry.js.map → p-51aa5330.entry.js.map} +0 -0
  519. /package/dist/core/{p-1fccec19.entry.js.map → p-56eb4f02.entry.js.map} +0 -0
  520. /package/dist/core/{p-c3785d57.entry.js.map → p-5f9a9490.entry.js.map} +0 -0
  521. /package/dist/core/{p-2cb55e86.entry.js.map → p-62a3ddd1.entry.js.map} +0 -0
  522. /package/dist/core/{p-df56bc50.entry.js.map → p-6ab9a62b.entry.js.map} +0 -0
  523. /package/dist/core/{p-9206379d.entry.js.map → p-702166d2.entry.js.map} +0 -0
  524. /package/dist/core/{p-27de359f.entry.js.map → p-79e9381d.entry.js.map} +0 -0
  525. /package/dist/core/{p-5fa5ba50.entry.js.map → p-7b1869e9.entry.js.map} +0 -0
  526. /package/dist/core/{p-9ee2fe04.entry.js.map → p-7e243134.entry.js.map} +0 -0
  527. /package/dist/core/{p-111b3186.entry.js.map → p-8db464d3.entry.js.map} +0 -0
  528. /package/dist/core/{p-8870d5d8.entry.js.map → p-8fbcf586.entry.js.map} +0 -0
  529. /package/dist/core/{p-bfee1e84.entry.js.map → p-9b3be8b9.entry.js.map} +0 -0
  530. /package/dist/core/{p-5b7d8ee9.entry.js.map → p-9f6cfe53.entry.js.map} +0 -0
  531. /package/dist/core/{p-98f906ba.entry.js.map → p-a3607521.entry.js.map} +0 -0
  532. /package/dist/core/{p-59fc58e1.entry.js.map → p-a509a2ac.entry.js.map} +0 -0
  533. /package/dist/core/{p-a56ec6d8.entry.js.map → p-b8b0146c.entry.js.map} +0 -0
  534. /package/dist/core/{p-f486d4f4.entry.js.map → p-b8d90c6d.entry.js.map} +0 -0
  535. /package/dist/core/{p-180ea8ac.entry.js.map → p-c23d8e7f.entry.js.map} +0 -0
  536. /package/dist/core/{p-ce0fb53a.entry.js.map → p-c7321a55.entry.js.map} +0 -0
  537. /package/dist/core/{p-94748b96.entry.js.map → p-cb0b0d39.entry.js.map} +0 -0
  538. /package/dist/core/{p-bd802c2f.entry.js.map → p-cccf78f3.entry.js.map} +0 -0
  539. /package/dist/core/{p-144a31ec.entry.js.map → p-d15aa9a1.entry.js.map} +0 -0
  540. /package/dist/core/{p-269f841d.js.map → p-db4c581c.js.map} +0 -0
  541. /package/dist/core/{p-47b46637.entry.js.map → p-e4f34246.entry.js.map} +0 -0
  542. /package/dist/core/{p-999102ee.entry.js.map → p-f27ae8e6.entry.js.map} +0 -0
  543. /package/dist/core/{p-78c51cba.entry.js.map → p-f482f6d9.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ic-step.js","sourceRoot":"","sources":["../../../src/components/ic-step/ic-step.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Element, Watch } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { IcStepVariants, IcStepStatuses, IcStepTypes } from \"./ic-step.types\";\nimport { isPropDefined } from \"../../utils/helpers\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n tag: \"ic-step\",\n styleUrl: \"ic-step.css\",\n shadow: true,\n})\nexport class Step {\n @Element() el: HTMLIcStepElement;\n\n /**\n * @internal If a compact stepper is being used, this sets the styling of the step.\n */\n @Prop() compactStepStyling?: IcStepTypes;\n\n /**\n * @internal If `true`, and a compact stepper is being used, the current step will be the only step in view.\n */\n @Prop({ mutable: true }) current?: boolean = false;\n\n /**\n * @internal If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\n */\n @Prop() lastStep!: boolean;\n\n /**\n * @internal The step number of the final step. This is managed by ic-stepper.\n */\n @Prop() lastStepNum?: number;\n\n /**\n * @internal The name of the next step. This is managed by ic-stepper.\n */\n @Prop() nextStepHeading?: string;\n\n /**\n * @internal The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\n */\n @Prop() progress?: number;\n\n /**\n * @internal The step number, managed by ic-stepper.\n */\n @Prop() stepNum?: number;\n\n /**\n * The status of the step. Use this prop to display a status message on the step if it is required or optional.\n */\n @Prop() status?: IcStepStatuses;\n\n /**\n * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\n */\n @Prop() subheading?: string;\n\n /**\n * The title of the step within the stepper.\n */\n @Prop() heading?: string;\n\n /**\n * @internal 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.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * @internal The variant of the step. This is managed by ic-stepper.\n */\n @Prop() variant!: IcStepVariants;\n\n /**\n * The state of the step within the stepper.\n */\n @Prop() type?: IcStepTypes = \"active\";\n\n @Watch(\"type\")\n typeChangeHandler(): void {\n if (this.variant === \"compact\" && this.type === \"current\") {\n this.current = true;\n } else {\n this.current = false;\n }\n }\n\n render() {\n // ARIA LABEL\n let ariaLabel = \"\";\n\n if (this.type === \"completed\") {\n ariaLabel = \". Completed step\";\n } else if (this.type === \"disabled\") {\n ariaLabel = \". Non-required step\";\n } else if (this.status === \"required\") {\n ariaLabel = \". Required step\";\n } else if (this.status === \"optional\") {\n ariaLabel = \". Optional step\";\n }\n\n // STEP STATUS\n let stepStatus;\n if (this.status && isPropDefined(this.status)) {\n stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n }\n\n // STEP TYPE\n let stepType;\n if (this.type === \"disabled\" || this.compactStepStyling === \"disabled\") {\n stepType = \"Not required\";\n } else if (this.compactStepStyling === \"completed\") {\n stepType = \"Completed\";\n }\n\n // STATUS ICON FOR COMPACT STEP\n let statusIcon;\n if (this.type === \"completed\" || this.compactStepStyling === \"completed\") {\n statusIcon = (\n <span\n class=\"check-icon step-icon\"\n aria-hidden=\"true\"\n innerHTML={checkIcon}\n ></span>\n );\n } else if (\n this.type === \"disabled\" ||\n this.compactStepStyling === \"disabled\"\n ) {\n statusIcon = (\n <span\n class=\"warning-icon step-icon\"\n aria-hidden=\"true\"\n innerHTML={warningIcon}\n ></span>\n );\n }\n\n // COMPACT STEP COMPONENT\n const compactStep = (\n <div\n class={{\n [\"step\"]: true,\n [\"current\"]: !!this.current,\n [`compact-step-${this.compactStepStyling}`]:\n !!this.compactStepStyling,\n }}\n >\n <ic-loading-indicator\n class={{\n \"compact-step-progress-indicator\": true,\n \"not-required\":\n this.type === \"disabled\" ||\n this.compactStepStyling === \"disabled\",\n }}\n aria-hidden=\"true\"\n size=\"small\"\n inner-label={this.stepNum}\n progress={this.progress}\n ></ic-loading-indicator>\n <div class=\"heading-area\">\n <ic-typography variant=\"h4\" class=\"heading\">\n {this.heading}\n </ic-typography>\n <div class=\"info-line\">\n <ic-typography variant=\"caption\" class=\"step-num\">\n {`${this.stepNum} of ${this.lastStepNum}`}\n <span class=\"visually-hidden\"> steps</span>\n </ic-typography>\n {(this.subheading ||\n this.type === \"completed\" ||\n this.type === \"disabled\" ||\n (this.variant === \"compact\" &&\n !!this.compactStepStyling &&\n this.compactStepStyling !== \"active\") ||\n !!this.status) && (\n <div class=\"step-status\">\n {statusIcon !== undefined && statusIcon}\n {(this.subheading || stepType) && (\n <ic-typography variant=\"caption\">\n {this.subheading !== null && isPropDefined(this.subheading)\n ? this.subheading\n : this.type === \"disabled\" ||\n (this.variant === \"compact\" &&\n this.compactStepStyling === \"disabled\") ||\n this.type === \"completed\" ||\n (this.variant === \"compact\" &&\n this.compactStepStyling === \"completed\")\n ? stepType\n : this.status && stepStatus}\n </ic-typography>\n )}\n </div>\n )}\n </div>\n {this.lastStep ? (\n <ic-typography variant=\"subtitle-small\" class=\"next-step\">\n Last step\n </ic-typography>\n ) : (\n isPropDefined(this.nextStepHeading) && (\n <ic-typography variant=\"subtitle-small\" class=\"next-step\">\n Next<span class=\"visually-hidden\"> step is</span>:{\" \"}\n {this.nextStepHeading}\n </ic-typography>\n )\n )}\n </div>\n </div>\n );\n\n // ICON FOR DEFAULT STEP\n let icon;\n if (this.type !== \"completed\") {\n icon = (\n <ic-typography variant=\"subtitle-small\">\n <span class=\"step-icon-inner\" aria-hidden=\"true\">\n {this.stepNum}\n </span>\n </ic-typography>\n );\n } else {\n icon = (\n <div class=\"step-icon-inner\" aria-hidden=\"true\">\n <span class=\"check-icon\" innerHTML={checkIcon}></span>\n </div>\n );\n }\n\n // STEP CONNECT FOR DEFAULT STEP\n const partialBar = this.type === \"current\" && (\n <div class=\"step-connect-inner\"></div>\n );\n\n const finalStep = !this.lastStep && (\n <div\n class={{\n [\"step-connect\"]: true,\n [\"aligned-full-width\"]: !!(\n this.el.parentElement?.classList.contains(\"ic-stepper-default\") &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")\n ),\n }}\n >\n {partialBar}\n </div>\n );\n\n // DEFAULT STEP COMPONENT\n const defaultStep = (\n <div\n class={{\n [\"step\"]: true,\n [`${this.type}`]: true,\n }}\n >\n <div class=\"step-top\">\n <div class=\"step-icon\">{icon}</div>\n {finalStep}\n </div>\n {(this.heading || this.subheading || this.status) && (\n <div class=\"heading-area\">\n {this.heading && (\n <ic-typography variant=\"subtitle-large\" class=\"heading\">\n {this.heading}\n </ic-typography>\n )}\n {this.heading && (this.subheading || this.status) && (\n <ic-typography variant=\"caption\" class=\"subheading\">\n {this.subheading !== null && isPropDefined(this.subheading)\n ? this.subheading\n : stepStatus}\n </ic-typography>\n )}\n </div>\n )}\n </div>\n );\n\n return (\n <Host\n role=\"listitem\"\n aria-label={`Step ${this.stepNum}${ariaLabel}`}\n aria-current={(this.current || this.type === \"current\") && \"step\"}\n class={{\n [\"aligned-full-width\"]: !!(\n this.el.parentElement?.classList.contains(\"ic-stepper-default\") &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")\n ),\n [`ic-step-${this.variant}`]: true,\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n }}\n >\n {this.variant === \"compact\" ? compactStep : defaultStep}\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"ic-step.js","sourceRoot":"","sources":["../../../src/components/ic-step/ic-step.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Element, Watch } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { IcStepVariants, IcStepStatuses, IcStepTypes } from \"./ic-step.types\";\nimport { isPropDefined } from \"../../utils/helpers\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n tag: \"ic-step\",\n styleUrl: \"ic-step.css\",\n shadow: true,\n})\nexport class Step {\n @Element() el: HTMLIcStepElement;\n\n /**\n * @internal If a compact stepper is being used, this sets the styling of the step.\n */\n @Prop() compactStepStyling?: IcStepTypes;\n\n /**\n * @internal If `true`, and a compact stepper is being used, the current step will be the only step in view.\n */\n @Prop({ mutable: true }) current?: boolean = false;\n\n /**\n * @internal If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\n */\n @Prop() lastStep!: boolean;\n\n /**\n * @internal The step number of the final step. This is managed by ic-stepper.\n */\n @Prop() lastStepNum?: number;\n\n /**\n * @internal The name of the next step. This is managed by ic-stepper.\n */\n @Prop() nextStepHeading?: string;\n\n /**\n * @internal The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\n */\n @Prop() progress?: number;\n\n /**\n * @internal The step number, managed by ic-stepper.\n */\n @Prop() stepNum?: number;\n\n /**\n * The status of the step. Use this prop to display a status message on the step if it is required or optional.\n */\n @Prop() status?: IcStepStatuses;\n\n /**\n * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\n */\n @Prop() subheading?: string;\n\n /**\n * The title of the step within the stepper.\n */\n @Prop() heading?: string;\n\n /**\n * @internal 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.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * @internal The variant of the step. This is managed by ic-stepper.\n */\n @Prop() variant!: IcStepVariants;\n\n /**\n * The state of the step within the stepper.\n */\n @Prop() type?: IcStepTypes = \"active\";\n\n @Watch(\"type\")\n typeChangeHandler(): void {\n if (this.variant === \"compact\" && this.type === \"current\") {\n this.current = true;\n } else {\n this.current = false;\n }\n }\n\n render() {\n // ARIA LABEL\n let ariaLabel = \"\";\n\n if (this.type === \"completed\") {\n ariaLabel = \". Completed step\";\n } else if (this.type === \"disabled\") {\n ariaLabel = \". Non-required step\";\n } else if (this.status === \"required\") {\n ariaLabel = \". Required step\";\n } else if (this.status === \"optional\") {\n ariaLabel = \". Optional step\";\n }\n\n // STEP STATUS\n let stepStatus;\n if (this.status && isPropDefined(this.status)) {\n stepStatus = this.status[0].toUpperCase() + this.status.slice(1);\n }\n\n // STEP TYPE\n let stepType;\n if (this.type === \"disabled\" || this.compactStepStyling === \"disabled\") {\n stepType = \"Not required\";\n } else if (this.compactStepStyling === \"completed\") {\n stepType = \"Completed\";\n }\n\n // STATUS ICON FOR COMPACT STEP\n let statusIcon;\n if (this.type === \"completed\" || this.compactStepStyling === \"completed\") {\n statusIcon = (\n <span\n class=\"check-icon step-icon\"\n aria-hidden=\"true\"\n innerHTML={checkIcon}\n ></span>\n );\n } else if (\n this.type === \"disabled\" ||\n this.compactStepStyling === \"disabled\"\n ) {\n statusIcon = (\n <span\n class=\"warning-icon step-icon\"\n aria-hidden=\"true\"\n innerHTML={warningIcon}\n ></span>\n );\n }\n\n // COMPACT STEP COMPONENT\n const compactStep = (\n <div\n class={{\n [\"step\"]: true,\n [\"current\"]: !!this.current,\n [`compact-step-${this.compactStepStyling}`]:\n !!this.compactStepStyling,\n [\"disabled\"]:\n this.type === \"disabled\" || this.compactStepStyling === \"disabled\",\n }}\n >\n <ic-loading-indicator\n class={{\n \"compact-step-progress-indicator\": true,\n \"not-required\":\n this.type === \"disabled\" ||\n this.compactStepStyling === \"disabled\",\n }}\n aria-hidden=\"true\"\n size=\"small\"\n inner-label={this.stepNum}\n progress={this.progress}\n ></ic-loading-indicator>\n <div class=\"heading-area\">\n <ic-typography variant=\"h4\" class=\"heading\">\n {this.heading}\n </ic-typography>\n <div class=\"info-line\">\n <ic-typography variant=\"caption\" class=\"step-num\">\n {`${this.stepNum} of ${this.lastStepNum}`}\n <span class=\"visually-hidden\"> steps</span>\n </ic-typography>\n {(this.subheading ||\n this.type === \"completed\" ||\n this.type === \"disabled\" ||\n (this.variant === \"compact\" &&\n !!this.compactStepStyling &&\n this.compactStepStyling !== \"active\") ||\n !!this.status) && (\n <div class=\"step-status\">\n {statusIcon !== undefined && statusIcon}\n {(this.subheading || stepType) && (\n <ic-typography variant=\"caption\">\n {this.subheading !== null && isPropDefined(this.subheading)\n ? this.subheading\n : this.type === \"disabled\" ||\n (this.variant === \"compact\" &&\n this.compactStepStyling === \"disabled\") ||\n this.type === \"completed\" ||\n (this.variant === \"compact\" &&\n this.compactStepStyling === \"completed\")\n ? stepType\n : this.status && stepStatus}\n </ic-typography>\n )}\n </div>\n )}\n </div>\n {this.lastStep ? (\n <ic-typography variant=\"subtitle-small\" class=\"next-step\">\n Last step\n </ic-typography>\n ) : (\n isPropDefined(this.nextStepHeading) && (\n <ic-typography variant=\"subtitle-small\" class=\"next-step\">\n Next<span class=\"visually-hidden\"> step is</span>:{\" \"}\n {this.nextStepHeading}\n </ic-typography>\n )\n )}\n </div>\n </div>\n );\n\n // ICON FOR DEFAULT STEP\n let icon;\n if (this.type !== \"completed\") {\n icon = (\n <ic-typography variant=\"subtitle-small\">\n <span class=\"step-icon-inner\" aria-hidden=\"true\">\n {this.stepNum}\n </span>\n </ic-typography>\n );\n } else {\n icon = (\n <div class=\"step-icon-inner\" aria-hidden=\"true\">\n <span class=\"check-icon\" innerHTML={checkIcon}></span>\n </div>\n );\n }\n\n // STEP CONNECT FOR DEFAULT STEP\n const partialBar = this.type === \"current\" && (\n <div class=\"step-connect-inner\"></div>\n );\n\n const finalStep = !this.lastStep && (\n <div\n class={{\n [\"step-connect\"]: true,\n [\"aligned-full-width\"]: !!(\n this.el.parentElement?.classList.contains(\"ic-stepper-default\") &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")\n ),\n }}\n >\n {partialBar}\n </div>\n );\n\n // DEFAULT STEP COMPONENT\n const defaultStep = (\n <div\n class={{\n [\"step\"]: true,\n [`${this.type}`]: true,\n }}\n >\n <div class=\"step-top\">\n <div class=\"step-icon\">{icon}</div>\n {finalStep}\n </div>\n {(this.heading || this.subheading || this.status) && (\n <div class=\"heading-area\">\n {this.heading && (\n <ic-typography variant=\"subtitle-large\" class=\"heading\">\n {this.heading}\n </ic-typography>\n )}\n {this.heading && (this.subheading || this.status) && (\n <ic-typography variant=\"caption\" class=\"subheading\">\n {this.subheading !== null && isPropDefined(this.subheading)\n ? this.subheading\n : stepStatus}\n </ic-typography>\n )}\n </div>\n )}\n </div>\n );\n\n return (\n <Host\n role=\"listitem\"\n aria-label={`Step ${this.stepNum}${ariaLabel}`}\n aria-current={(this.current || this.type === \"current\") && \"step\"}\n class={{\n [\"aligned-full-width\"]: !!(\n this.el.parentElement?.classList.contains(\"ic-stepper-default\") &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")\n ),\n [`ic-step-${this.variant}`]: true,\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n }}\n >\n {this.variant === \"compact\" ? compactStep : defaultStep}\n </Host>\n );\n }\n}\n"]}
@@ -241,11 +241,11 @@ export class Stepper {
241
241
  checkResizeObserver(this.runResizeObserver);
242
242
  }
243
243
  render() {
244
- return (h(Host, { key: 'a0b411b1a82a297557333526c50a6a41eb855f65', class: {
244
+ return (h(Host, { key: '6184a1c30e7030f1e364eda2e56f3ead3c8c5e8f', class: {
245
245
  [`ic-stepper-${this.variant}`]: true,
246
246
  ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
247
247
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
248
- } }, h("ul", { key: 'a798647cf04f1c1d1111f90b4650b0b57f1268ce', class: "step-item-list" }, h("slot", { key: '861e89142ad76fd5eab82317d94284ba24ddf2be' }))));
248
+ } }, h("ul", { key: 'b0cb92330e78579947ec33066858ee53ae2c1adb', class: "step-item-list" }, h("slot", { key: 'd797bf78df3340efc566de5e1f62f3ecf8245d49' }))));
249
249
  }
250
250
  static get is() { return "ic-stepper"; }
251
251
  static get encapsulation() { return "shadow"; }
@@ -68,7 +68,11 @@ export const CustomStepper = {
68
68
  subheading="Optional subtitle that is long and should wrap"
69
69
  type="current"
70
70
  ></ic-step>
71
- <ic-step heading="Third" type="disabled"></ic-step>
71
+ <ic-step
72
+ heading="Third"
73
+ subheading="Optional subtitle"
74
+ type="disabled"
75
+ ></ic-step>
72
76
  <ic-step
73
77
  heading="Fourth title that is long and should wrap"
74
78
  subheading="Optional Subtitle"
@@ -90,16 +90,16 @@ export class Switch {
90
90
  const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
91
91
  const isSmall = size === "small";
92
92
  renderHiddenInput(true, this.el, name, checkedState ? value : "", disabled);
93
- return (h(Host, { key: 'c90330966be33431cd7487fe80b4c59e320ea3d4', class: {
93
+ return (h(Host, { key: '4654ef1f6473fdea79fd053879fa7bbf1699418d', class: {
94
94
  [`ic-theme-${theme}`]: theme !== "inherit",
95
- } }, h("label", { key: '21a29a36fc0ccc5c4b859eb7a0f0bb6e8dba9403', class: {
95
+ } }, h("label", { key: 'c6dca6f468eeb7c9e8151af1168fd8429c82d72b', class: {
96
96
  "ic-switch-container": true,
97
97
  "ic-switch-disabled": !!disabled,
98
98
  "ic-switch-small": isSmall,
99
- }, htmlFor: inputId }, !hideLabel && (h("ic-input-label", { key: 'f649d5e53635ad80eca02a73adfc149ca1272660', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
99
+ }, htmlFor: inputId }, !hideLabel && (h("ic-input-label", { key: '5622227e775f787aac275619841e65c34209102a', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
100
100
  "ic-switch-label": true,
101
101
  "ic-switch-label-small": isSmall,
102
- } })), !hideLabel && h("span", { key: '0ec406fdad2f6c31f8ee8ba77f34116c7b451929', class: "ic-switch-line-break" }), h("input", { key: '2b8e0940cefb3affdcfe08050c90a5a873f1959f', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h("span", { key: '02ee9bd811ee41b748114219c2c6677cf6ede77e', class: "ic-switch-toggle" }, h("svg", { key: 'd380d7ffe4f9244fe2ce0f081f9bf597ec9fbfbf', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("line", { key: '5016993ed02e2bd5ce7d786f2b0137719c2433d6', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), h("svg", { key: '444d1eb42515ff0189c81413326dd7be5a0c1461', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '444696f8447b3ae211b61e4ec1cc7a5fa6c3c9e2', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), h("slot", { key: '5f5e257885362d3a01958f50d7f57a1bdc873322', name: "right-adornment" }))));
102
+ } })), !hideLabel && h("span", { key: '74ec90ef32d23a02c7c6ceb7571e19d4c81091c8', class: "ic-switch-line-break" }), h("input", { key: 'f518a9a4db7eeb7ceafe5bb44c632ba6d3a9f64f', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h("span", { key: '72c49eeeb4bf26416dba25a612757a172a896bf0', class: "ic-switch-toggle" }, h("svg", { key: '2b31b154fd70258f3386013e287d0e10e4e4e56c', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("line", { key: '61f089501da929a5bec439c9b6c7bf3cd1233b6f', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), h("svg", { key: '1ed62e82659c4c1a0a6935eb3805aa65a3117353', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '54012f70a4ed7c1fba7a0679cab8bdc8c0179b80', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), h("slot", { key: '89de0ba1f401d01ae0cf6cb9be70f802686577fd', name: "right-adornment" }))));
103
103
  }
104
104
  static get is() { return "ic-switch"; }
105
105
  static get encapsulation() { return "shadow"; }
@@ -465,6 +465,10 @@ video {
465
465
  fill: var(--ic-tab-icon);
466
466
  }
467
467
 
468
+ :host(.ic-tab-disabled) ::slotted([slot="icon"]) {
469
+ fill: var(--ic-tab-icon-disabled);
470
+ }
471
+
468
472
  :host(:focus) {
469
473
  box-shadow: var(--focus-indicator);
470
474
  border-radius: var(--ic-border-radius);
@@ -492,19 +496,25 @@ video {
492
496
  }
493
497
 
494
498
  :host(.ic-tab-disabled) ic-typography {
495
- color: var(--ic-architectural-300);
496
-
497
- --ic-typography-color: var(--ic-architectural-300);
499
+ --ic-typography-color: var(--ic-tab-label-disabled);
498
500
  }
499
501
 
500
502
  :host(.ic-tab-monochrome) {
501
503
  color: var(--ic-tab-label-monochrome);
502
504
  }
503
505
 
506
+ :host(.ic-tab-monochrome.ic-tab-disabled) ic-typography {
507
+ color: var(--ic-tab-label-monochrome-disabled);
508
+ }
509
+
504
510
  :host(.ic-tab-monochrome) ::slotted([slot="icon"]) {
505
511
  fill: var(--ic-tab-icon-monochrome);
506
512
  }
507
513
 
514
+ :host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot="icon"]) {
515
+ fill: var(--ic-tab-icon-monochrome-disabled);
516
+ }
517
+
508
518
  :host(.ic-tab-monochrome.ic-tab-selected) {
509
519
  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);
510
520
  }
@@ -220,7 +220,7 @@ export class TabContext {
220
220
  }
221
221
  }
222
222
  render() {
223
- return h("slot", { key: '9a3bc1f2f3c3cfee3d5001e333c9c16cd8df323a' });
223
+ return h("slot", { key: '83e9c882369eebc5fd170b2ceabf423047cd14d6' });
224
224
  }
225
225
  static get is() { return "ic-tab-context"; }
226
226
  static get properties() {
@@ -16,11 +16,11 @@ export class TabGroup {
16
16
  }
17
17
  render() {
18
18
  const { inline, theme, label, monochrome } = this;
19
- return (h(Host, { key: 'b0eea28186a58d99f94366067954dcc562366f9d', role: "tablist", "aria-label": label, class: {
19
+ return (h(Host, { key: 'f42b97ec6fa8e200fbb5b5d2114f3f98d4f6ad35', role: "tablist", "aria-label": label, class: {
20
20
  ["ic-tab-group-inline"]: !!inline,
21
21
  [`ic-theme-${theme}`]: theme !== "inherit",
22
22
  ["ic-tab-group-monochrome"]: !!monochrome,
23
- } }, h("ic-horizontal-scroll", { key: '090c8a2391c282ba6aae53f6617160f2a58ac481', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, h("div", { key: 'd3d5a2b2b61ba7353cb713cdc9e9c06ad579535b', class: "tabs-container" }, h("slot", { key: 'bf81f817067d514b487f92cb9ae88851777bdf2b' })))));
23
+ } }, h("ic-horizontal-scroll", { key: 'fdfe2de9cecf661c164dda34f523c73520f6bce6', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, h("div", { key: '6523acdad07d4b4a48dab269da3cca2bf3003899', class: "tabs-container" }, h("slot", { key: '032517ca94833114e39faf4ad5da3126197e780a' })))));
24
24
  }
25
25
  static get is() { return "ic-tab-group"; }
26
26
  static get encapsulation() { return "shadow"; }
@@ -17,10 +17,10 @@ export class TabPanel {
17
17
  }
18
18
  render() {
19
19
  const { active, theme } = this;
20
- return (h(Host, { key: '7103bebb99dcf021ea957f40dce81738542f8031', class: {
20
+ return (h(Host, { key: '629c66ac51b529d443ad613d61f6875958e9d1a2', class: {
21
21
  [`ic-theme-${theme}`]: theme !== "inherit",
22
22
  "ic-tab-panel-hidden": !active,
23
- }, role: "tabpanel", "aria-hidden": `${!active}` }, h("div", { key: '8ffa4a6096fae286bda779e1387fa979f8ddb5da' }, h("slot", { key: 'e7f5eb5e6d63f50c1ef0db45cfc85d0260d195f9' }))));
23
+ }, role: "tabpanel", "aria-hidden": `${!active}` }, h("div", { key: '1f018abefa14feeaa6a1de08aa3c84c78788e8ea' }, h("slot", { key: '86343dd2934fa698c26dfe09b88a4b9004b62184' }))));
24
24
  }
25
25
  static get is() { return "ic-tab-panel"; }
26
26
  static get encapsulation() { return "shadow"; }
@@ -544,6 +544,7 @@ textarea:disabled {
544
544
  input.readonly,
545
545
  textarea.readonly {
546
546
  color: var(--ic-text-field-read-only-input-text-internal);
547
+ background: transparent;
547
548
  }
548
549
 
549
550
  /* Chrome, Safari, Edge */
@@ -77,10 +77,28 @@ export class TextField {
77
77
  * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)
78
78
  */
79
79
  this.maxCharacters = 0;
80
+ /**
81
+ * The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached.
82
+ */
83
+ // prettier-ignore
84
+ this.maxCharactersMessage = `Maximum input is ${this.maxCharacters} characters`;
85
+ /**
86
+ * The text to display as the error message when the maximum value (the `max` prop value) has been exceeded.
87
+ */
88
+ this.maxMessage = `Maximum value of ${this.max} exceeded`;
80
89
  /**
81
90
  * The minimum number of characters that can be entered in the field.
82
91
  */
83
92
  this.minCharacters = 0;
93
+ /**
94
+ * The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met.
95
+ */
96
+ // prettier-ignore
97
+ this.minCharactersMessage = `Minimum input is ${this.minCharacters} characters`;
98
+ /**
99
+ * The text to display as the error message when the minimum value (the `min` prop value) has not been met.
100
+ */
101
+ this.minMessage = `Minimum value of ${this.min} not met`;
84
102
  /**
85
103
  * The name of the control, which is submitted with the form data.
86
104
  */
@@ -134,7 +152,7 @@ export class TextField {
134
152
  */
135
153
  this.validationStatus = "";
136
154
  /**
137
- * The validation state - e.g. 'error' | 'warning' | 'success'.
155
+ * The text to display as the validation message.
138
156
  */
139
157
  this.validationText = "";
140
158
  /**
@@ -294,7 +312,7 @@ export class TextField {
294
312
  (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
295
313
  }
296
314
  render() {
297
- const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersWarning, maxCharactersReached, minCharacters, minCharactersUnattained, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, } = this;
315
+ const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersMessage, maxCharactersWarning, maxCharactersReached, maxMessage, minCharacters, minCharactersMessage, minCharactersUnattained, minMessage, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, } = this;
298
316
  const el = this.el;
299
317
  const disabledMode = readonly || disabled;
300
318
  const currentStatus = maxValueExceeded ||
@@ -306,13 +324,13 @@ export class TextField {
306
324
  : IcInformationStatus.Error
307
325
  : validationStatus;
308
326
  const currentValidationText = maxCharactersWarning
309
- ? `Maximum input is ${maxCharacters} characters`
327
+ ? maxCharactersMessage
310
328
  : maxValueExceeded
311
- ? `Maximum value of ${max} exceeded`
329
+ ? maxMessage
312
330
  : minValueUnattained
313
- ? `Minimum value of ${min} not met`
331
+ ? minMessage
314
332
  : minCharactersUnattained
315
- ? `Minimum input is ${minCharacters} characters`
333
+ ? minCharactersMessage
316
334
  : validationText;
317
335
  const maxNumChars = readonly ? 0 : maxCharacters;
318
336
  const messageAriaLive = maxCharactersWarning ||
@@ -335,14 +353,14 @@ export class TextField {
335
353
  hiddenInput
336
354
  ? renderHiddenInput(true, this.el, name, value, disabledMode)
337
355
  : removeHiddenInput(this.el);
338
- return (h(Host, { key: '9175054afc7f5ab0f44c2c02d73a209676690f26', class: {
356
+ return (h(Host, { key: '86521a8f619d3f6d09b60fc5251ac153e7f3238d', class: {
339
357
  "ic-text-field-full-width": !!fullWidth,
340
358
  [`ic-theme-${theme}`]: theme !== "inherit",
341
359
  "ic-text-field-disabled": !!disabledMode,
342
- } }, h("ic-input-container", { key: '2cf32636f95f8ec80f25424483fcdf2afe262534', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (h("ic-input-label", { key: '3ee4d01a7e1705d1bdd1e88dc734a16f990c35c9', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), h("ic-input-component-container", { key: 'd6300116fc334d565681cedb6c2e4b637dd8fe5f', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h("span", { key: '2dae55d8265539a3c1b1975ebb63015fb2b66ceb', class: {
360
+ } }, h("ic-input-container", { key: '2096846a987f396e8786d916f6eca14b277dd6a3', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (h("ic-input-label", { key: '1bb84c2156b0d8af5bba67a06a8680b8cd44b7d0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), h("ic-input-component-container", { key: 'a1eb781a88dbfbed7a7b084344fd0ca685e35b99', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h("span", { key: '96639821c5f5ab88716be7b01a66462ae92ab358', class: {
343
361
  readonly: !!readonly,
344
362
  "has-value": this.getNumberOfCharacters(value) > 0,
345
- }, slot: "left-icon" }, h("slot", { key: 'c363bc9c876a3be7db91dd1afd8eac8013f176a2', name: "icon" }))), !multiline ? (h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
363
+ }, slot: "left-icon" }, h("slot", { key: 'b3381ff815a38032d600619bc8245c01d8aa1dd7', name: "icon" }))), !multiline ? (h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
346
364
  "no-left-pad": !showLeftIcon && !!readonly,
347
365
  readonly: !!readonly,
348
366
  "truncate-value": !!truncateValue,
@@ -350,19 +368,19 @@ export class TextField {
350
368
  "no-resize": resize === false || !!readonly,
351
369
  "no-left-pad": !showLeftIcon && !!readonly,
352
370
  readonly: !!readonly,
353
- }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), isSlotUsed(el, "clear-button") && (h("slot", { key: 'f08406702167a6155246e26df7fe64ef06b82976', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (h("slot", { key: '58c8ed7ed396953f0d4dff0aba462b10e58bd78b', name: "search-submit-button" }))), isSlotUsed(el, "menu") && h("slot", { key: '15496f93b502c8b0d55b0a2da6622e8ab425ef49', name: "menu" }), (!isEmptyString(validationStatus) ||
371
+ }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), isSlotUsed(el, "clear-button") && (h("slot", { key: '5e5bdb069b688fa77e1c5c91f38e82a4e3dd40bc', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (h("slot", { key: '2c0304de79f15bb6a42c96541a7ac51b65b4a5ec', name: "search-submit-button" }))), isSlotUsed(el, "menu") && h("slot", { key: 'c1d7d1239091fcc56e807b4dabcd1310a87e098e', name: "menu" }), (!isEmptyString(validationStatus) ||
354
372
  !isEmptyString(validationText) ||
355
373
  maxNumChars > 0 ||
356
374
  maxValueExceeded ||
357
375
  maxCharactersWarning ||
358
376
  minCharactersUnattained ||
359
377
  minValueUnattained) &&
360
- !validationInlineInternal && (h("ic-input-validation", { key: '675805dbde2426192861938a009728af5d0ea56f', status: this.hasStatus(currentStatus) === false ||
378
+ !validationInlineInternal && (h("ic-input-validation", { key: 'a7e01f7f27d62f34168bc3646fa6b7b4045eac3c', status: this.hasStatus(currentStatus) === false ||
361
379
  (currentStatus === IcInformationStatus.Success &&
362
380
  validationInline) ||
363
381
  validationInlineInternal
364
382
  ? ""
365
- : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (h("div", { key: '92b805a2b9b4d87347f767c750c7d9ce8be6c909', slot: "validation-message-adornment" }, !hideCharCount && (h("ic-typography", { key: '2a24743dc253ab95c360c2ae78e559c0437202dc', variant: "caption", class: "char-count-text" }, h("span", { key: 'a71f41c5313d828123d275a41ae694ec2c0b2f5e', class: "char-count" }, numChars, "/", maxNumChars))), h("span", { key: '9c6d7a87b3d4a0f2baf9b1f732f0940d5e0fbe7b', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), h("span", { key: '3aba077c149ce80fa5732245829e6e02c4bf52c8', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
383
+ : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (h("div", { key: '083cc90a38f57ee6b4ec82536e8dc432fed387b6', slot: "validation-message-adornment" }, !hideCharCount && (h("ic-typography", { key: 'ca3571863c4e9c47fb1a8e06eb5ebf700e640fd6', variant: "caption", class: "char-count-text" }, h("span", { key: 'f9435768788239f7f7e8ef46a80406ba5da9b525', class: "char-count" }, numChars, "/", maxNumChars))), h("span", { key: 'd0f9fef8adb1d92d6d5479995fe3f3b28202dbe1', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), h("span", { key: '892a02dca5b1deeecfc774ee56ca74830644b18a', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
366
384
  }
367
385
  static get is() { return "ic-text-field"; }
368
386
  static get encapsulation() { return "shadow"; }
@@ -792,6 +810,46 @@ export class TextField {
792
810
  "reflect": false,
793
811
  "defaultValue": "0"
794
812
  },
813
+ "maxCharactersMessage": {
814
+ "type": "string",
815
+ "mutable": false,
816
+ "complexType": {
817
+ "original": "string",
818
+ "resolved": "string | undefined",
819
+ "references": {}
820
+ },
821
+ "required": false,
822
+ "optional": true,
823
+ "docs": {
824
+ "tags": [],
825
+ "text": "The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached."
826
+ },
827
+ "getter": false,
828
+ "setter": false,
829
+ "attribute": "max-characters-message",
830
+ "reflect": false,
831
+ "defaultValue": "`Maximum input is ${this.maxCharacters} characters`"
832
+ },
833
+ "maxMessage": {
834
+ "type": "string",
835
+ "mutable": false,
836
+ "complexType": {
837
+ "original": "string",
838
+ "resolved": "string | undefined",
839
+ "references": {}
840
+ },
841
+ "required": false,
842
+ "optional": true,
843
+ "docs": {
844
+ "tags": [],
845
+ "text": "The text to display as the error message when the maximum value (the `max` prop value) has been exceeded."
846
+ },
847
+ "getter": false,
848
+ "setter": false,
849
+ "attribute": "max-message",
850
+ "reflect": false,
851
+ "defaultValue": "`Maximum value of ${this.max} exceeded`"
852
+ },
795
853
  "min": {
796
854
  "type": "any",
797
855
  "mutable": false,
@@ -831,6 +889,46 @@ export class TextField {
831
889
  "reflect": false,
832
890
  "defaultValue": "0"
833
891
  },
892
+ "minCharactersMessage": {
893
+ "type": "string",
894
+ "mutable": false,
895
+ "complexType": {
896
+ "original": "string",
897
+ "resolved": "string | undefined",
898
+ "references": {}
899
+ },
900
+ "required": false,
901
+ "optional": true,
902
+ "docs": {
903
+ "tags": [],
904
+ "text": "The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met."
905
+ },
906
+ "getter": false,
907
+ "setter": false,
908
+ "attribute": "min-characters-message",
909
+ "reflect": false,
910
+ "defaultValue": "`Minimum input is ${this.minCharacters} characters`"
911
+ },
912
+ "minMessage": {
913
+ "type": "string",
914
+ "mutable": false,
915
+ "complexType": {
916
+ "original": "string",
917
+ "resolved": "string | undefined",
918
+ "references": {}
919
+ },
920
+ "required": false,
921
+ "optional": true,
922
+ "docs": {
923
+ "tags": [],
924
+ "text": "The text to display as the error message when the minimum value (the `min` prop value) has not been met."
925
+ },
926
+ "getter": false,
927
+ "setter": false,
928
+ "attribute": "min-message",
929
+ "reflect": false,
930
+ "defaultValue": "`Minimum value of ${this.min} not met`"
931
+ },
834
932
  "name": {
835
933
  "type": "string",
836
934
  "mutable": false,
@@ -1174,7 +1272,7 @@ export class TextField {
1174
1272
  "optional": true,
1175
1273
  "docs": {
1176
1274
  "tags": [],
1177
- "text": "The validation state - e.g. 'error' | 'warning' | 'success'."
1275
+ "text": "The text to display as the validation message."
1178
1276
  },
1179
1277
  "getter": false,
1180
1278
  "setter": false,