@ukic/web-components 3.24.0 → 3.25.0

package/dist/components/ic-checkbox-group.js

@@ -125,11 +125,11 @@ const CheckboxGroup = /*@__PURE__*/ proxyCustomElement(class CheckboxGroup exten
         const describedBy = getInputDescribedByText(this.el, name, helperText !== "", validationStatus !== "");
         const renderSRText = validationStatus === "error" || required || hideLabel;
         const showValidation = hasValidationStatus(validationStatus, disabled);
-        return (h(Host, { key: '710f409b81bb1cc6efa8c881216646cb653170bc', class: {
+        return (h(Host, { key: '341fdb8e66b7d26e12cf7fc3f20a155496b79786', class: {
                 "ic-checkbox-group-disabled": !!disabled,
                 [`ic-checkbox-group-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, renderSRText && (h("span", { key: 'f51c5a809b512cd8ed608ca46cb3b7e8da917dd9', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), h("fieldset", { key: '8107a3e6abf16406b201ae7fe5984cf65dc24e6a', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (h("legend", { key: '1f2d96c8b95e5d23d3d1503e16795141c00d10f2' }, h("ic-input-label", { key: '1d0b955aca0e814dda4536bd88c42602bea1ddd2', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, h("slot", { key: 'ebe59cbdf8de2d90ef6989354fbbf3ab7c63a275', name: "label", slot: "label" }), h("slot", { key: '425574841027cbf70673fc48ca1558257e8824ec', name: "helper-text", slot: "helper-text" })))), h("div", { key: 'a3df30cadd95a802d580e309f0f35397547023a8', class: "checkboxes-container" }, h("slot", { key: '46f74eb5f9241075b8f504de918af9a5644642fb' }))), h("ic-input-validation", { key: 'b800e52c3348e67ddbfbc8fc5ada934c1e1ace5b', class: {
+            } }, renderSRText && (h("span", { key: '03c4ba0d42664b8b90b24b03d706511f0ba88137', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), h("fieldset", { key: '0c82676c357846ed04d71e7585ddb30474512c68', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (h("legend", { key: 'fa68b7a637731d3e372b67517e771c9a615491d8' }, h("ic-input-label", { key: 'aa1c65aa095273d12eaa48a985a460612774e0c0', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, h("slot", { key: '273f50debbf2dd7d9be6285e4e7e937dc228e12c', name: "label", slot: "label" }), h("slot", { key: '508f4ca3cceb525b716fcbc4fe3467958d896b26', name: "helper-text", slot: "helper-text" })))), h("div", { key: 'ca304d719a39151857515e0082add76e00c659ab', class: "checkboxes-container" }, h("slot", { key: '948d2e299d90127031d0f0b28337db373a689f63' }))), h("ic-input-validation", { key: '81b3ec6068f5e14eb4b4b3d6aeecbbc87b248223', class: {
                 "show-validation": showValidation,
             }, for: name, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
     }

package/dist/components/ic-checkbox.js

@@ -134,17 +134,17 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
             ? renderHiddenInput(el, value, name, disabled)
             : removeHiddenInput(el);
         const LabelContent = () => this.hasLabelSlot() ? (h("slot", { name: "label" })) : (h("ic-typography", { class: "checkbox-label", variant: "body" }, h("label", { htmlFor: inputId }, label)));
-        return (h(Host, { key: 'cbbef34df584e10e50b731c4ea44b4c5a5f29917', class: {
+        return (h(Host, { key: 'b0354f672348084da74301a8d95ec590affc6f1b', class: {
                 "ic-checkbox-disabled": disabled,
                 [`ic-checkbox-${size}`]: !!size,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("div", { key: 'b15e0cc68627b692ea251994d13c707a71935332', class: "container" }, displayIndeterminate ? (h("div", { class: "indeterminate-symbol" })) : (checked && (h("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, h("title", null, "checkmark icon"), h("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), h("input", { key: '8443271bb0f24104dadfc95c0f0e97551f8f32fb', role: "checkbox", class: {
+            } }, h("div", { key: '4f1a7f7f2c44edc8bb4b113abb1e82421f150ec1', class: "container" }, displayIndeterminate ? (h("div", { class: "indeterminate-symbol" })) : (checked && (h("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, h("title", null, "checkmark icon"), h("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), h("input", { key: '11d459b32a35d16969cff6db5087d710776b0c56', role: "checkbox", class: {
                 checkbox: true,
                 checked,
                 indeterminate: displayIndeterminate,
-            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && h(LabelContent, { key: '29c975e697e9b5e8f32c845111686e23ee4de32f' })), h("span", { key: '3901c6b2f84633d2cb0bf6602e1644760dfa78dd', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (h("div", { key: '68b7bbd59a084ff452924d0fb82446c0a5b46900', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && h("div", { key: '2095e98f6a8ae633892a83f8a8a9a37941186802', class: "branch-corner" }), h("div", { key: 'f92c2ff935d5d72a70bba8479bc7a2b27705da1d', class: "dynamic-field-container" }, isDynamicAdditionalField && (h("ic-typography", { key: '1e69f0fb80ad6f047bd2943b5b348bd539b567ce', variant: "caption" }, h("p", { key: '27f350e13e088275e340332570e3eee32c7ad1be', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), h("div", { key: '98795e79ffb9d719d9d1aae8931f67f8009c273f', class: {
+            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && h(LabelContent, { key: '0b2e1ba8150dada1ed202f82b87e5090475e4538' })), h("span", { key: 'ac7a0b65fe263404799947a9e38e56d571a4d15b', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (h("div", { key: '7c3324bdbe5f4002e68a3cab9452ece5a4a0ec47', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && h("div", { key: '3e8f8a84490a9b395625db6e5d3ab41dcfd3f52b', class: "branch-corner" }), h("div", { key: '7a13bef6e34f74553f621d8dced7f0d7c2ad9ff9', class: "dynamic-field-container" }, isDynamicAdditionalField && (h("ic-typography", { key: '97d5099d39ed0a796fb21cc6e39768ad464ae13d', variant: "caption" }, h("p", { key: '565b6fecc59ec1a8786d6a956ef15389f79b1b5d', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), h("div", { key: 'f1f45ea17205c5314c7d0cdb9bc59afc791aa6e9', class: {
                 "additional-field-wrapper": !isDynamicAdditionalField,
-            } }, h("slot", { key: '36a8e7ffaa67981e3054240dda02b04936280f91', name: "additional-field" })))))));
+            } }, h("slot", { key: 'f302388352b40f0d63a8b425aae215af22615570', name: "additional-field" })))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/ic-chip.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { k as convertToRGBA, l as getBrandForegroundAppearance, r as removeDisabledFalse, o as onComponentRequiredPropUndefined, f as renderDynamicChildSlots, i as isSlotUsed, a as isElInAGGrid } from './helpers.js';
+import { k as convertToRGBA, l as getBrandForegroundAppearance, r as removeDisabledFalse, o as onComponentRequiredPropUndefined, e as renderDynamicChildSlots, i as isSlotUsed, a as isElInAGGrid } from './helpers.js';
 import { d as defineCustomElement$3 } from './ic-tooltip2.js';
 import { d as defineCustomElement$2 } from './ic-typography2.js';
 

package/dist/components/ic-data-list.js

@@ -24,10 +24,10 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLEle
             Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
         }
         const hasHeading = heading || el.querySelector('[slot="heading"]');
-        return (h(Host, { key: '57df6c957322ddb4cdda3901c64e919656abf92e', class: {
+        return (h(Host, { key: 'f331288c7ba2fa98cba0f35b871d749dfc0f3f1a', class: {
                 "ic-data-list-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("div", { key: '273e0ce2fcde309669514b332964e129d1ef42a6', class: "heading", id: "data-list-heading" }, h("slot", { key: '1be24c7150c268064207cf58f083ab9bd8cb27c7', name: "heading" }, h("ic-typography", { key: '30858cd0d5c66204a030449c5b8212c1c41d1838', variant: "h3" }, heading))), h("div", { key: '2f13fa15abc8053f312ff21454b6a89d15b4eabd', class: { divider: true, "divider-no-heading": !hasHeading } }), h("ul", { key: '582dd8f21ce4e3a9dd845aa46294ebe2c5163d01', "aria-labelledby": "data-list-heading", class: "rows" }, h("slot", { key: '42b137d71f0c9e3f836f1efdde58f62d90b080a4' }))));
+            } }, h("div", { key: 'e6ff66d94a2e43f61c13e1299fe5fa6fe5487140', class: "heading", id: "data-list-heading" }, h("slot", { key: '49d07dbea901b714751713c10f86d857eaa23a18', name: "heading" }, h("ic-typography", { key: '1cdc2c192f6d25e866f6a58add2dd143f42cfd2d', variant: "h3" }, heading))), h("div", { key: '61fc0bb5ae33e4953d8ec96089a51d98cec47525', class: { divider: true, "divider-no-heading": !hasHeading } }), h("ul", { key: '9dfd24a99a64dc6e6d07adb193625c13bfcd0c1d', "aria-labelledby": "data-list-heading", class: "rows" }, h("slot", { key: '6b2eb9f7e56d6357f25d7d0fd066ddb203a4c294' }))));
     }
     get el() { return this; }
     static get style() { return IcDataListStyle0; }

package/dist/components/ic-data-row.js

@@ -71,12 +71,12 @@ const DataRow = /*@__PURE__*/ proxyCustomElement(class DataRow extends HTMLEleme
     }
     render() {
         const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
-        return (h(Host, { key: 'd5c6ff5a373e32e4e310dd0ddb6bbcfea0f2704a', class: {
+        return (h(Host, { key: '46dd273c34a8cce8c645f53304f9b651b2f99a08', class: {
                 ["ic-data-row-small"]: size === "small",
                 ["breakpoint-medium"]: listSize === "m",
                 ["breakpoint-xs"]: listSize === "xs",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, role: "listitem" }, h("div", { key: 'b2867cd3b8a493ec7e4f4cff48849d94560c1fdc', class: "data" }, h("div", { key: 'd3fd667e4612907b81081ddae99c3228e2dbb954', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (h("div", { key: 'dbbb33f8a2726f801dc72ca1f11544073ba8bc69', class: "end-component" }, h("slot", { key: 'fd4b247214447bac2a7a5bc9385a8f91cb44436f', name: "end-component" })))), h("div", { key: '8e19fde06b9fa34a3295e37fe726f163593f6674', class: "divider" })));
+            }, role: "listitem" }, h("div", { key: 'eea3a2d30e7efbc0482011ed340da0469b461d5a', class: "data" }, h("div", { key: '3d8c6c8b8011048312c997831395b18a361b27e8', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (h("div", { key: '8c2521ab22be9a57658a0a60b9180d0273ef60f1', class: "end-component" }, h("slot", { key: '8df22512fbbb6e5d7991e1d9bd217bda5fa563ac', name: "end-component" })))), h("div", { key: '6369f6266898ffffe9317c3bb3d4dd483d612f94', class: "divider" })));
     }
     get el() { return this; }
     static get style() { return IcDataRowStyle0; }

package/dist/components/ic-dialog.js

@@ -291,7 +291,7 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends HTMLElement
     }
     render() {
         const { dialogRendered, disableHeightConstraint, fadeIn, theme, size } = this;
-        return (h(Host, { key: 'ac5de97d9ecbeac6efe00a9fe5818629251c9e69', class: {
+        return (h(Host, { key: '81eec3ff249b58950bfd8b0e525e46d8a5688db3', class: {
                 "ic-dialog-hidden": !dialogRendered,
                 "ic-dialog-fade-in": fadeIn,
                 "disable-height-constraint": !!disableHeightConstraint,

package/dist/components/ic-empty-state.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as isSlotUsed, o as onComponentRequiredPropUndefined, f as renderDynamicChildSlots } from './helpers.js';
+import { i as isSlotUsed, o as onComponentRequiredPropUndefined, e as renderDynamicChildSlots } from './helpers.js';
 import { d as defineCustomElement$2 } from './ic-typography2.js';
 
 const icEmptyStateCss = ":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.ic-empty-state-right),:host(.ic-empty-state-right) .action-area{align-items:flex-end;text-align:right}:host(.ic-empty-state-center),:host(.ic-empty-state-center) .action-area{align-items:center;text-align:center}:host(.image-medium) ::slotted(svg),:host(.image-medium) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}::slotted([slot=\"heading\"]),.empty-state-heading{--ic-typography-color:var(--ic-empty-state-title)}::slotted([slot=\"subheading\"]),.empty-state-subheading{--ic-typography-color:var(--ic-empty-state-subtitle)}::slotted([slot=\"body\"]),.empty-state-body{--ic-typography-color:var(--ic-empty-state-body)}";
@@ -38,11 +38,11 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends HTM
     }
     render() {
         const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
-        return (h(Host, { key: '60295d4ae9099c9e9adf17a6d1b1cb94a061ce1f', class: {
+        return (h(Host, { key: '0d3bc48ea4f0188251b3fc3a6c720f06173b587a', class: {
                 [`ic-empty-state-${aligned}`]: true,
                 [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, isSlotUsed(this.el, "image") && h("slot", { key: 'a0ccf1c16408f306d5a1abc34a8b5540be75b986', name: "image" }), h("div", { key: 'd1f6a21c75513a3a2f8fdcba4f0a671013709651' }, h("slot", { key: '60cc4c4434d29d12f771e65bba5ff09918c904d3', name: "heading" }, h("ic-typography", { key: '6ef2441bed80f38f27b8005c89eeec7de0691587', variant: "h4", class: "empty-state-heading" }, heading)), h("slot", { key: 'dae616cdcebd5dacee04547d42b2f77203d5c48a', name: "subheading" }, h("ic-typography", { key: '6946d005ecc441b3fee96309fb1c479470c192de', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), h("slot", { key: '0ab7b57d4f33e7aad6fca48c8036846e7360aad8', name: "body" }, h("ic-typography", { key: 'ea367e9f5b6d353714d8d05576abffecc63bea2d', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (h("div", { key: '997a125c580c0dfa6e2191df40745145168ce705', class: "action-area" }, h("slot", { key: '34c38c474a502720b659f4b2775869773cfe1f10', name: "actions" })))));
+            } }, isSlotUsed(this.el, "image") && h("slot", { key: 'fdc11c4e5e04a6042f3114325066d3775a24451e', name: "image" }), h("div", { key: '46e1df54a68e5728738c7c0aeb27e62919b583d5' }, h("slot", { key: 'acf5cf5cca7b227befc908e3a606f38855f200ef', name: "heading" }, h("ic-typography", { key: '10a627304367e6643bbf0197172655135156fba9', variant: "h4", class: "empty-state-heading" }, heading)), h("slot", { key: 'a35e301f516eaef4a1fd7d7b7222c0111869c71a', name: "subheading" }, h("ic-typography", { key: 'a93898edcb0998f2bbfd089f459d1268af69265c', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), h("slot", { key: '89386937b3eb05475eef76d742d384c38b10bc1b', name: "body" }, h("ic-typography", { key: '914ebaa368de220a3607a743ef1dd40fea9e3c79', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (h("div", { key: 'a1884397ea2ea1de771c11e35b5bc8efefa63b06', class: "action-area" }, h("slot", { key: 'fa34f99bf5d5935ac5942b321ed56f97317bdb5b', name: "actions" })))));
     }
     get el() { return this; }
     static get style() { return IcEmptyStateStyle0; }

package/dist/components/ic-footer-link.js

@@ -47,12 +47,12 @@ const FooterLink = /*@__PURE__*/ proxyCustomElement(class FooterLink extends HTM
         const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
         const { small, grouped } = footerConfig;
         const isLogoLink = !!this.el.closest("div[slot='logo']");
-        return (h(Host, { key: '7488851004e3af24c0b0e1d9f9ccaf0d55ae5990', class: {
+        return (h(Host, { key: 'cabde329ebfe9f787eae1d984bb6cf0ec4fcb047', class: {
                 "footer-link": true,
                 [`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
                 [`footer-link-${this.foregroundColor}`]: true,
                 "footer-logo-link": isLogoLink,
-            }, role: "listitem" }, h("ic-link", { key: 'e388559e01bc73c013b7493dd2c315f730beb4b8', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, h("slot", { key: '013a86414ccca833cd52a4164c93bdf9ef040a4f' }))));
+            }, role: "listitem" }, h("ic-link", { key: 'e4e3d3b716923eb8f9df66d058ac07fbadbc7982', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, h("slot", { key: 'b8e662b7b67daa4cc8329fd4404d354013dfec7f' }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/ic-footer.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as IC_DEVICE_SIZES } from './constants.js';
-import { l as getBrandForegroundAppearance, q as getCurrentDeviceSize, c as checkResizeObserver, f as renderDynamicChildSlots, i as isSlotUsed, I as IcBrandForegroundEnum, H as hasClassificationBanner } from './helpers.js';
+import { l as getBrandForegroundAppearance, q as getCurrentDeviceSize, c as checkResizeObserver, e as renderDynamicChildSlots, i as isSlotUsed, I as IcBrandForegroundEnum, H as hasClassificationBanner } from './helpers.js';
 import { d as defineCustomElement$3 } from './ic-section-container2.js';
 import { d as defineCustomElement$2 } from './ic-typography2.js';
 

package/dist/components/ic-hero.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { l as getBrandForegroundAppearance, B as slotHasContent, i as isSlotUsed, o as onComponentRequiredPropUndefined, f as renderDynamicChildSlots, I as IcBrandForegroundEnum, m as isPropDefined } from './helpers.js';
+import { l as getBrandForegroundAppearance, B as slotHasContent, i as isSlotUsed, o as onComponentRequiredPropUndefined, e as renderDynamicChildSlots, I as IcBrandForegroundEnum, m as isPropDefined } from './helpers.js';
 import { d as defineCustomElement$3 } from './ic-section-container2.js';
 import { d as defineCustomElement$2 } from './ic-typography2.js';
 
@@ -80,7 +80,7 @@ const Hero = /*@__PURE__*/ proxyCustomElement(class Hero extends HTMLElement {
                 "background-position": scrollFactor,
             };
         }
-        return (h(Host, { key: 'd7b8be369996272dd365fb416a1134e288dfe6cd', class: {
+        return (h(Host, { key: '80e57ae6db4a37e6bd7dbf43e174710c043f3dfe', class: {
                 [`ic-hero-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["has-background-image"]: backgroundImage !== undefined,
                 ["has-right-content"]: this.rightContent,
@@ -88,12 +88,12 @@ const Hero = /*@__PURE__*/ proxyCustomElement(class Hero extends HTMLElement {
                 ["secondary-heading"]: !!secondaryHeading,
                 [`ic-hero-content-aligned-${contentAligned}`]: contentAligned !== undefined,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style }, h("ic-section-container", { key: 'a5a8585b31aba9f1434ffaf6aa1145d7853ea4b6', aligned: aligned, fullHeight: true, class: "section-container" }, h("div", { key: '1830e42eb85d545b947dfe6ebc6b0d462e48397e', class: {
+            }, style: style }, h("ic-section-container", { key: 'f8aa12b2e228bda409d0d5acfba9854c274da27b', aligned: aligned, fullHeight: true, class: "section-container" }, h("div", { key: 'ded24c5a89fc3af527310702c5d0aa08177f1628', class: {
                 ["left-container"]: true,
                 ["left-container-full-width"]: this.leftContentFullWidth,
-            } }, h("div", { key: '4e2d3d2c1c694f6b330f2555388e9ed4abf4a907', class: "heading" }, h("slot", { key: 'ec340ba480f0fd881279225b160a8e6de2a4184a', name: "heading" }, h("ic-typography", { key: 'fb49e9dd42f753dc4c4e610da1e0fa76df9cf055', variant: size === "small" ? "h2" : "h1", class: {
+            } }, h("div", { key: '57a9c51353b30931cd94bd949b5a96e8c1185fb1', class: "heading" }, h("slot", { key: 'af625456f6c9efc26e2f6b7d118a7e22b474d48a', name: "heading" }, h("ic-typography", { key: '6383d4916844a260c2ac8966bebc5d0042667dc4', variant: size === "small" ? "h2" : "h1", class: {
                 ["heading-bottom-spacing"]: size !== "small",
-            } }, h("h2", { key: '822a6963c3c2aab17d3a42ff2257e4635414f5d8' }, heading)))), h("div", { key: '5e3fa3963bd1a2b18c929e897832968810b25b63', class: "subheading" }, h("slot", { key: '04071839319227b3c6e726562f08a2b860c31f4a', name: "subheading" }, h("ic-typography", { key: '096dd77e50768edee7017d79b620773a7260643c', variant: "body" }, subheading))), h("div", { key: '3e4a3f2afe811228a507dd3edd64f0f7f14c9c44', class: "interaction-container" }, h("slot", { key: 'ce0694893cd12d0da5a4db36cca1e8c4ffadd6b2', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (h("div", { key: '23a775df706d7464e40d86c3f79564b2cf4c8028', class: "right-container" }, h("slot", { key: 'f331ac3773afff23990f257c4999cb23957f0a95', name: "secondary" }, secondaryHeading && (h("div", { key: '12c5630d51d9f16ec5bd0b03f0de821ce8648e26', class: "secondary-container" }, h("div", { key: '0dff38bdf87ccd660f5292b41b29f2b0c681b39d', class: "secondary-heading" }, h("ic-typography", { key: '035a480675ce2779e4c4d5a97cfeace5de1b132a', variant: "h4" }, h("h3", { key: '0bb8cfd2b3c27206ec7e866b02018ec0c2810386' }, secondaryHeading))), h("div", { key: 'c55e6e2669c922a7c5a45d0c5fc225dbcade1e77', class: "secondary-subheading" }, h("ic-typography", { key: '52a346be44dec236bd0dcf815ccb41212684fb49', variant: "subtitle-small" }, secondarySubheading))))))))));
+            } }, h("h2", { key: '575a5929c50ff7661c856f7cda77b3a1acdddd03' }, heading)))), h("div", { key: 'c10dabd945bfcb3362c5fa5b3e8eec17ffc82fd1', class: "subheading" }, h("slot", { key: 'b50831b542a1ed7abb4d9ba9c06421e0f87dbb08', name: "subheading" }, h("ic-typography", { key: '69f1420e36d15129f34c499c9f0eacee6a33e1cc', variant: "body" }, subheading))), h("div", { key: '68f012d311258597a759f020faece5003ebc59c8', class: "interaction-container" }, h("slot", { key: '79691480f48726c1df218c2322396b253b389bec', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (h("div", { key: 'b80d0b64484c613d5e992bd940028e34734ae14a', class: "right-container" }, h("slot", { key: 'd2291ea19039231b5cad28307ba3b8e0c8b654bb', name: "secondary" }, secondaryHeading && (h("div", { key: '2f71e08c41b560aa727f60fed23521ab8fb4741d', class: "secondary-container" }, h("div", { key: '6b5a2c1f34878f30b0d51d68066815c927060d2c', class: "secondary-heading" }, h("ic-typography", { key: '64709a648468bbbb80599485041b37d9bcff777a', variant: "h4" }, h("h3", { key: '7bc5aba841edce92e3189cf4d5f9e4fccf38ef4e' }, secondaryHeading))), h("div", { key: '2a2fbf605afc2023595300d064111a4fa471bfdc', class: "secondary-subheading" }, h("ic-typography", { key: '5b87284ace2401f60d4f208fa06cb85b367ed244', variant: "subtitle-small" }, secondarySubheading))))))))));
     }
     get el() { return this; }
     static get style() { return IcHeroStyle0; }

package/dist/components/ic-horizontal-scroll2.js

@@ -170,22 +170,22 @@ const HorizontalScroll = /*@__PURE__*/ proxyCustomElement(class HorizontalScroll
     }
     render() {
         const { firstItemVisible, lastItemVisible, itemOverflow } = this;
-        return (h(Host, { key: 'be750f303ae10eced67f4683d262c765a2317bb2', class: {
+        return (h(Host, { key: 'e62a9673acd5416d956f0f293682a45d8caad08f', class: {
                 ["ic-horizontal-scroll-visible"]: itemOverflow,
                 ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum.Dark,
                 ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum.Light,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, h("div", { key: '666121449513dc99dc038c434ab259bb891351da', "aria-hidden": "true", class: {
+            } }, h("div", { key: 'e3c2707ab25d06342f46237efe0d28479ab042cf', "aria-hidden": "true", class: {
                 ["scroll-container-left"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: firstItemVisible,
-            }, role: "tab" }, h("ic-button", { key: '09646f50ff3f0ef162a85b8a5899338c70cf12f0', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, h("ic-button", { key: '1240e1b97205b7b31c8d467982f8ac163fb89183', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
-                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), h("span", { key: 'b046b20bca53065b37ed041d5b3e5f318219f4e3', class: "scroll-splitter-left" })), h("slot", { key: '446617c76787df8a0721f99f50f603705ebca615' }), h("div", { key: '495869a8eaaaedd153fdd65f09bdf4f6dba1648d', "aria-hidden": "true", class: {
+                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), h("span", { key: '96f80e692d71cf3d9903f60aa1c6322e68cddfe6', class: "scroll-splitter-left" })), h("slot", { key: '7b33db784648922f25369dc24beb3d50562d1090' }), h("div", { key: 'b9645cd33d53e6eafe01444236543fb503a75e1e', "aria-hidden": "true", class: {
                 ["scroll-container-right"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: lastItemVisible,
-            }, role: "tab" }, h("span", { key: '7983e2a0990b8882417e3cfa29852ae0e1c7bf97', class: "scroll-splitter-right" }), h("ic-button", { key: '2c8391e482559ae4de573f73cb0147c9f27e4f2f', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, h("span", { key: '1e1e2c4992938e38068602d65db3f980308b0db6', class: "scroll-splitter-right" }), h("ic-button", { key: 'cae9a3da598885a5e12476f0ea85dcbc5e454266', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
                 : "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
     }

package/dist/components/ic-input-component-container2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { r as removeDisabledFalse, f as renderDynamicChildSlots, B as slotHasContent, A as IcInformationStatus } from './helpers.js';
+import { r as removeDisabledFalse, e as renderDynamicChildSlots, B as slotHasContent, A as IcInformationStatus } from './helpers.js';
 import { s as successIcon } from './constants.js';
 
 const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%;max-width:none}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}@media screen AND (max-width: 22rem){ic-input-component-container{max-width:var(--input-width, 20rem);width:100%}}@media (prefers-reduced-motion: reduce){ic-input-component-container,.focus-indicator{transition:none}}";
@@ -50,15 +50,15 @@ const InputComponentContainer = /*@__PURE__*/ proxyCustomElement(class InputComp
     }
     render() {
         const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
-        return (h(Host, { key: '0644de5056535a73750461a8169f4ae8a254a205', class: {
+        return (h(Host, { key: '89ddddb905fb2169968a978feb1db2ddaed8fb0c', class: {
                 [`ic-input-component-container-${size}`]: true,
                 [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
                 "ic-input-component-container-disabled": !!disabled,
                 "ic-input-component-container-readonly": !!readonly,
                 "ic-input-component-container-multiline": !!multiLine,
                 "ic-input-component-container-full-width": !!fullWidth,
-            }, "aria-disabled": disabled ? "true" : null }, h("div", { key: 'cb6fe4d8708ecdf019cc873ad0f238ce6c373d01', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (h("div", { key: '8e0646d277adfe54d314b014e8fc10129208d47b', class: "icon-container" }, h("slot", { key: '25e3fcab918dacb0fc1cadc1e6ac3843041b7bd2', name: "left-icon" }))), h("slot", { key: '79660a2a08fec6aae9f6c4dd7f287b237b4c8708' }), validationInline &&
-            validationStatus === IcInformationStatus.Success && (h("span", { key: 'c49ce88df47d2c99f3b76b7823209d73f30184ed', class: "inline-success", innerHTML: successIcon })))));
+            }, "aria-disabled": disabled ? "true" : null }, h("div", { key: 'e26afb0f2d7b78a1ca9b1ec3976b8e8fa3b2f3fe', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (h("div", { key: 'd314cf7303bab259eb78c85f38b943d758e6d874', class: "icon-container" }, h("slot", { key: '128cdd1e6a537838dc490b33e2a657e613d6c969', name: "left-icon" }))), h("slot", { key: '9d5fd3e67c6658f988a335e080b6e7141d1c8712' }), validationInline &&
+            validationStatus === IcInformationStatus.Success && (h("span", { key: '119749d6c32bebe9c8540fa7fadb28e7387428e5', class: "inline-success", innerHTML: successIcon })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ic-input-container2.js

@@ -17,11 +17,11 @@ const InputContainer = /*@__PURE__*/ proxyCustomElement(class InputContainer ext
         this.readonly = false;
     }
     render() {
-        return (h(Host, { key: '617cc3f8d3eb6f800e053ccc99b9375ba9cf5761' }, h("div", { key: '769954cc34c4582dedc014ef47f59429176ac20d', class: {
+        return (h(Host, { key: 'f8a56b6ed7706188078d28f8fd7216c046fe32a2' }, h("div", { key: 'f7d41111869769c9ab8e5ad72ee936827ef36c91', class: {
                 ["component-container"]: true,
                 ["disabled"]: !!this.disabled,
                 ["readonly"]: !!this.readonly,
-            } }, h("slot", { key: 'ad3ce925e8d21cb7f660b03923e82c9af1941202' }))));
+            } }, h("slot", { key: '42fc42d0f226b11b93ab910c00ed25c027ebb549' }))));
     }
     static get style() { return IcInputContainerStyle0; }
 }, [4, "ic-input-container", {

package/dist/components/ic-input-label2.js

@@ -78,11 +78,11 @@ const InputLabel = /*@__PURE__*/ proxyCustomElement(class InputLabel extends HTM
                 "readonly-label": readonly,
                 "error-label": status === "error" && !(readonly || disabled),
             } }, h("label", { htmlFor: this.for }, labelText)));
-        return (h(Host, { key: 'f22dfddc6e1c5dc956e3a2288a168b41ad18b35b', class: {
+        return (h(Host, { key: '22df328142cec5a7a86fcf3e62bc40dcbfe56f97', class: {
                 "ic-input-label-disabled": !!disabled,
                 "ic-input-label-readonly": readonly,
                 "with-helper": this.isSlotUsed(helperTextSlot) || helperText !== "",
-            } }, !hideLabel && h(LabelContent, { key: 'db3607fc40a7752954f3cd7e40bcf969a6941bdb' }), this.isSlotUsed(helperTextSlot) ? (h("span", { id: helperTextId, class: helperTextClass }, h("slot", { name: "helper-text" }))) : (helperText !== "" && (h("ic-typography", { variant: "caption", class: helperTextClass }, h("span", { id: helperTextId }, helperText))))));
+            } }, !hideLabel && h(LabelContent, { key: '4eddf506bc0027ff8470aeaa5f16ec124a81cc0f' }), this.isSlotUsed(helperTextSlot) ? (h("span", { id: helperTextId, class: helperTextClass }, h("slot", { name: "helper-text" }))) : (helperText !== "" && (h("ic-typography", { variant: "caption", class: helperTextClass }, h("span", { id: helperTextId }, helperText))))));
     }
     get el() { return this; }
     static get style() { return IcInputLabelStyle0; }

package/dist/components/ic-input-validation2.js

@@ -43,14 +43,14 @@ const InputValidation = /*@__PURE__*/ proxyCustomElement(class InputValidation e
     render() {
         const { ariaLiveMode, fullWidth, status, message } = this;
         const displayIcon = status !== "" ? ICON[status] : "";
-        return (h(Host, { key: '3b6f6b3e7ad37b899ee8fb71dbf7868a0eb4bd3f', class: {
+        return (h(Host, { key: '6d368ba4b4e79886a2efff97ca3d8d446516cc11', class: {
                 [`ic-input-validation-${status}`]: status !== "",
                 "ic-input-validation-full-width": !!fullWidth,
                 "ic-input-validation-with-status": status !== "",
-            } }, displayIcon !== "" && (h("span", { key: 'f5d6eab684ec1ce116a2bb09e2a91a2d88d1620f', class: {
+            } }, displayIcon !== "" && (h("span", { key: 'ce5fbaa3281136744bc5f77c4ea6570205126285', class: {
                 "status-icon": true,
                 [`icon-${status}`]: true,
-            }, innerHTML: displayIcon })), h("ic-typography", { key: '841d8bfbf9dab21d611325dd3d7148c83ea09f40', variant: "caption", class: "statustext" }, h("span", { key: 'b35e925cc1dfd87cf8b4b2e3a8276492d5f4abda', id: this.for && getInputValidationTextID(this.for) }, isSlotUsed(this.el, "validation-message") ? (h("slot", { name: "validation-message" })) : (message)), h("span", { key: '2945b04c5e9dd1376793efc206a3c61fd96d84f2', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), h("slot", { key: 'fd6c89ce76c2abf86813c2d20aadd2e652e649ca', name: "validation-message-adornment" })));
+            }, innerHTML: displayIcon })), h("ic-typography", { key: '00f35ab82e8fe784ae05fc70d4164c4a804a49e4', variant: "caption", class: "statustext" }, h("span", { key: '1d6d6486d3f885897271a80a3c87077b2bfc39a6', id: this.for && getInputValidationTextID(this.for) }, isSlotUsed(this.el, "validation-message") ? (h("slot", { name: "validation-message" })) : (message)), h("span", { key: 'a37f6a7af4602e08a00b5d980209781c4f4913ac', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), h("slot", { key: '8b5260888b4fff0031fa8917f84e2cc3b7fa97df', name: "validation-message-adornment" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ic-layout-grid-item.js

@@ -49,9 +49,9 @@ const LayoutGridItem = /*@__PURE__*/ proxyCustomElement(class LayoutGridItem ext
     }
     render() {
         const { hideInMobileMode } = this;
-        return (h(Host, { key: '9f576040938030f0d7fc61f5885ca73ab37a508b', class: {
+        return (h(Host, { key: '903a4aaf039efd3eb3f1748829047f02073f4877', class: {
                 "ic-layout-grid-hide-in-mobile": !!hideInMobileMode,
-            } }, h("slot", { key: 'b8f66ba2ef9651e99a0ce3b3caec2f021a55e723' })));
+            } }, h("slot", { key: 'cad27bb4fc8a60f8e579c66776c9277973e14963' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ic-layout-grid.js

@@ -131,10 +131,10 @@ const LayoutGrid = /*@__PURE__*/ proxyCustomElement(class LayoutGrid extends HTM
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (h(Host, { key: 'fb70bb0fe2085ce0eba37572f3a12e6d56c6c195', class: {
+        return (h(Host, { key: '61a7e3f3a8e2156da3cecc47997fc54392d4efc0', class: {
                 [`ic-layout-grid-aligned-${aligned}`]: true,
                 ["ic-layout-grid-no-vertical-padding"]: !!fullHeight,
-            } }, h("slot", { key: '852c50adaf3b8c743353429659198845f363de62' })));
+            } }, h("slot", { key: 'ac804c02e898cd212d5cb48b3b5a7ba18790f186' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ic-link2.js

@@ -94,7 +94,7 @@ const Link = /*@__PURE__*/ proxyCustomElement(class Link extends HTMLElement {
     }
     render() {
         const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
-        return (h(Host, { key: 'b965ed6758a2d2d4f618a965bb27b6b0e7e2fbe6', class: {
+        return (h(Host, { key: 'd62709776b71c1cbb259db22f9d56ae4bdb6d3c3', class: {
                 ["ic-link"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-link-monochrome"]: !!monochrome,

package/dist/components/ic-loading-indicator2.js

@@ -198,24 +198,24 @@ const LoadingIndicator = /*@__PURE__*/ proxyCustomElement(class LoadingIndicator
     }
     render() {
         const { circularDiameter, circularDimensions: { x, y, r, dashArray, dashOffset }, description, fullWidth, indicatorLabel, innerLabel, internalType, label, max, min, monochrome, progress, size, theme, } = this;
-        return (h(Host, { key: '243c07c3e1680457f322a8b6f5885c9d87e76d5d', class: {
+        return (h(Host, { key: 'beb812375fe592948fd08a79719e2929f2465c28', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-loading-indicator-full-width": fullWidth,
                 "ic-loading-indicator-label": !!label,
                 "ic-loading-indicator-monochrome": monochrome,
                 [`ic-loading-indicator-size-${size}`]: true,
-            } }, h("div", { key: '9babb0d72e18da86831c77b3cafe898a07f862bd', class: "ic-loading-container", part: "ic-loading-container" }, h("div", { key: 'fc2acfe835840bcb374bf8d5a018b3e9e16d8998', ref: (el) => (this.outerElement = el), class: {
+            } }, h("div", { key: '8a06331985f07e1abafcd9ecc35aa77301068283', class: "ic-loading-container", part: "ic-loading-container" }, h("div", { key: '4efb469ea95efd064cd1bfa5b4ea7d4adab1783c', ref: (el) => (this.outerElement = el), class: {
                 [`ic-loading-${internalType}-outer`]: true,
                 [progress === undefined ? "indeterminate" : "determinate"]: true,
-            }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, h("div", { key: '953e6e286631e85d75dd2a0fe48fb8b24543d38e', ref: (el) => (this.innerElement = el), class: {
+            }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, h("div", { key: '59de7cfe38c013ea45f73bb3aa700f1faba75244', ref: (el) => (this.innerElement = el), class: {
                 [`ic-loading-${internalType}-inner`]: true,
                 "inner-label": !!innerLabel,
-            } }, innerLabel && size === "small" && (h("ic-typography", { key: 'bd2371f08cba6309c42137ca1a69b76126708414', variant: "subtitle-small", class: "inner-text" }, innerLabel)), internalType === "circular" && (h("svg", { key: 'd8d29654375b72d57906e0875065e04191866685', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, h("circle", { key: '0f244e5c1d2c0154f927c332ed3e215e89c21aee', cx: x, cy: y, r: r }), h("circle", { key: 'f1a18ea21887f9325ebcaee5a727ecb9824a0aab', style: {
+            } }, innerLabel && size === "small" && (h("ic-typography", { key: '0450c339e59da5b47cf73d77b968fb4e34ebe57f', variant: "subtitle-small", class: "inner-text" }, innerLabel)), internalType === "circular" && (h("svg", { key: '4e7a06aad19b58afb8b568ee572863ebf60d1ee3', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, h("circle", { key: '1953d5576a4d86c2c5b18f62fa806a9408566ba3', cx: x, cy: y, r: r }), h("circle", { key: 'f8f6bbfbf38710de4ea96278512d0aca385ae069', style: {
                 "--circular-steps-max": progress ? `${max}` : undefined,
                 "--progress-value": progress !== undefined ? `${progress}` : undefined,
                 "--stroke-dasharray": dashArray,
                 "--stroke-dashoffset": dashOffset,
-            }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (h("ic-typography", { key: '2a69d9c65183971baedab9f9dbe85f51be96db5e', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, h("p", { key: '9b21465fcb1befe73cc481499cb037733ab6c1f2' }, indicatorLabel))))));
+            }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (h("ic-typography", { key: 'c3ceae06e922246f12e188135f30400eb409894a', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, h("p", { key: '6cbf517faab2093db5dc47f8b33c51fdc7af604b' }, indicatorLabel))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ic-menu-group.js

@@ -13,7 +13,7 @@ const MenuGroup = /*@__PURE__*/ proxyCustomElement(class MenuGroup extends HTMLE
     }
     render() {
         const parentMenu = this.el.closest("ic-popover-menu");
-        return (h(Host, { key: 'caa5952e57757f3d735e18750a4db6b0d97e6b8d', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (h("ic-typography", { key: '781d33eb663db81b61137e62bd503844d0c9c236', variant: "subtitle-small" }, this.label)), h("span", { key: 'aa2cdf6d03d17a33d5b617a995fcdde50e34ce57', class: "menu-items-wrapper" }, h("slot", { key: '6300455e991c9c48816090e53b9fe674e23b9ce5' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (h("hr", { key: '63a5e76151fcb76911d064bba26a836ba7979755' }))));
+        return (h(Host, { key: 'b67fb3029530607dcb8b7462eeb56cbd7ef7322e', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (h("ic-typography", { key: 'cd75b3b4ab6862d17c0167a021b223911ff5f128', variant: "subtitle-small" }, this.label)), h("span", { key: '81cb0aafc38655f78a510988720f5831e4a90479', class: "menu-items-wrapper" }, h("slot", { key: '6dad74f6bf17000f8255b4764d70a28edd48cbe8' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (h("hr", { key: '3c766f970b1ee1f2e2427b9afbf798d97bee454a' }))));
     }
     get el() { return this; }
     static get style() { return IcMenuGroupStyle0; }

package/dist/components/ic-menu2.js

@@ -2437,7 +2437,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
         const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
         const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
         const hasNoResults = this.host.classList.contains("no-results");
-        return (h(Host, { key: '8b0e06f14c1979c3658e6e13fca3e4c6828c795d', class: {
+        return (h(Host, { key: 'c8002b0985f20231f9e24b2e446a67cf3230be7e', class: {
                 "ic-menu-full-width": !!fullWidth,
                 "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -2446,7 +2446,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": multiSelect,
-            } }, options.length !== 0 && (h("ul", { key: '5af8ebaf798f09d020cab17adf4ef04e0fe2f9d4', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", "aria-activedescendant": this.optionHighlighted
+            } }, options.length !== 0 && (h("ul", { key: 'c7f0134bd0f14aae16fc4f2f0ba20f72553e4af5', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", "aria-activedescendant": this.optionHighlighted
                 ? this.getOptionId(this.optionHighlighted)
                 : undefined, tabindex: !this.allowMenuFocus
                 ? "-1"
@@ -2478,7 +2478,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
             multiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (h("div", { key: 'f1a670781a41df910d8d55d2a956e062faf5a425', class: "option-bar" }, h("ic-typography", { key: '9687b26a0a275e9a6cff54180f2962d836ef4262' }, h("p", { key: '33e219ebba6ad3eb4ed60d77d9ed86551cb93a48' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h("ic-button", { key: '05e39e54ef176fb303ba59dcc3b91745cf38deef', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
+            !hasNoResults && (h("div", { key: '6dc5d80d88ac368c6274e709ba5a8a1dc79bf9e8', class: "option-bar" }, h("ic-typography", { key: '5a62bb37a7c338c00e296519077a8254c39c1c4a' }, h("p", { key: 'd5209b3fa671a87fc4ad2039732315d51d042c9f' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h("ic-button", { key: '543d14896d83e275257adf6808a4f855b694a5d4', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/ic-navigation-group.js

@@ -271,7 +271,7 @@ const NavigationGroup = /*@__PURE__*/ proxyCustomElement(class NavigationGroup e
         const isTopNav = this.navigationType === "top";
         const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
         const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
-        return (h(Host, { key: '8beae9a83bf5800290e744c9f0ede4b3136d9d44', class: {
+        return (h(Host, { key: 'ab11148a5f98eb6fed6ab2378c016cd76377af3f', class: {
                 "in-side-menu": inTopNavSideMenu,
                 "ic-navigation-group-expandable": expandable,
                 "ic-navigation-group-side-nav": isSideNav,

package/dist/components/ic-navigation-menu2.js

@@ -131,16 +131,16 @@ const NavigationMenu = /*@__PURE__*/ proxyCustomElement(class NavigationMenu ext
         }
     }
     render() {
-        return (h(Host, { key: 'ac63539f6c719e4301e5dc9c5da00e1029686b30', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, h("div", { key: '18265d55b05cc1412fc61b1b2dd1fb0bc90ea260', class: "popout-modal", onClick: this.closeMenu }), h("div", { key: '7b1e84b4f504b6f5430de693e29b8dd573183ebf', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, h("span", { key: '1b2d95e6f90b9c8fd6d108619166830d9139d518', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), h("nav", { key: '4f0400371b0005238851d763e119ca9822f6386c', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, h("div", { key: '55745ebcb8e4f88f3b0b499a36e7a1d8bfaf1598', class: {
+        return (h(Host, { key: '88cc35277a0efd2944900616928bcc208fb89f90', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, h("div", { key: '1b372e20a919c1f3f85f6529c00671e345f5b0e3', class: "popout-modal", onClick: this.closeMenu }), h("div", { key: 'edbd31518897423eeb3c6bd46a981e030bc1818f', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, h("span", { key: '9cba7a72dc1b6910e1be0e416a12bfaf8987f83a', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), h("nav", { key: '86e45794dd6a7279817fffd3258db31bf73d185a', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, h("div", { key: 'ebcd2ba1d90caf089e75049d0b23b6998c6747fd', class: {
                 ["menu-close-button-container"]: true,
                 ["nav-group-first"]: this.navGroupFirst,
-            } }, h("ic-button", { key: '8a40b35da2336562fb0a4bad6d6e40236796aeae', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, h("svg", { key: '789aa723a6fd133f5620649224afab29986f6b18', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '75dd71b1d6656d9f3c1d9bce05eb02a90e8ffda0', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && h("slot", { key: '5722c097933587563a0551ada79b994c413d6f41', name: "navigation" })), this.hasButtons && (h("div", { key: '1cdcb5873efce302d10c922c6826d29c2b43a926', class: {
+            } }, h("ic-button", { key: '7d5788fd10e2347cceb35b043b7d988775ffca71', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, h("svg", { key: 'ac57c2b5bdbbcf6d76aba52914f079e166c68d1e', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9a4f43826d2db708df341e972e6ea3fe4f315542', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && h("slot", { key: 'ad0aad328a21de31219535ded6e19e28cd896258', name: "navigation" })), this.hasButtons && (h("div", { key: '8838500ffe54c265b212bf7f137eb390b92be4d0', class: {
                 ["menu-buttons-container"]: true,
                 ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
-            } }, h("slot", { key: 'b2c9c585c7b0993bee785c1eb1c113d5aabecb92', name: "buttons" }))), (this.status !== "" || this.version !== "") && (h("div", { key: '37042390776accbdcab1fb0df068cca0e199d58a', class: {
+            } }, h("slot", { key: '8e507cf9f00c407fbe7b74863b10a6fd613cfc8f', name: "buttons" }))), (this.status !== "" || this.version !== "") && (h("div", { key: '9ccfb022e3c3e74d88ad241a93d5c98615ba3018', class: {
                 ["menu-status-version-container"]: true,
                 ["status-version-no-buttons"]: !this.hasButtons,
-            } }, this.status !== "" && (h("div", { key: '660fa1e6ddc8c42e75b4abc98950429b25461b1d', class: "menu-status" }, h("ic-typography", { key: '00e6f1a08da2acff8079b52924c4c52fe5a6013a', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (h("div", { key: 'b8643188baaf9d524c1e8c11b144e65f55d178d7', class: "menu-version" }, h("ic-typography", { key: 'bda827b0f1ddcfbb7dbd62378df84f9773039bf1', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
+            } }, this.status !== "" && (h("div", { key: 'c85a43e520d29e854ca874cbd45516e01c59135b', class: "menu-status" }, h("ic-typography", { key: 'da1919a00dc5acb4b6631c434eefe94c6b03a101', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (h("div", { key: '1944cc236ceb8ce956d2b92b4b767e1cdcbfd039', class: "menu-version" }, h("ic-typography", { key: '6f255b313c46458054d0d5a5d60a46431ea496ac', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
     }
     get el() { return this; }
     static get style() { return IcNavigationMenuStyle0; }

package/dist/components/ic-page-header.js

@@ -114,19 +114,19 @@ const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTM
         const navAriaLabel = `${isSlotUsed(this.el, "heading")
             ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
             : heading !== null && heading !== void 0 ? heading : ""} page sections`;
-        return (h(Host, { key: 'ceafa3fbf2b8f895578899be8b6261716d90b547', class: {
+        return (h(Host, { key: '56a0018680921ae6e2a155ed26695b46efaa544b', class: {
                 ["ic-page-header-sticky"]: !!sticky,
                 ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, "aria-label": this.el.ariaLabel || "page header" }, h("header", { key: '74fd64da431d176828c36fce3700f6823099a46f', class: {
+            }, "aria-label": this.el.ariaLabel || "page header" }, h("header", { key: 'e31ac8b3d53332983cb02414ebddd0b8b1a1c2b8', class: {
                 ["border-bottom"]: !!border,
                 ["tabs"]: isSlotUsed(this.el, "tabs"),
-            }, role: "presentation" }, h("ic-section-container", { key: '71b33b7159b25af11e3b2c3d85e3a508f5cd9685', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (h("div", { key: '34ffcb850ffdc99bd22635d9d17d0d1173c7a5ab', class: "breadcrumb-area" }, h("slot", { key: '836354d69859b1e475a835e5f8553e2f58d9a109', name: "breadcrumbs" }))), h("div", { key: '0a00aca54f9bef3158e5309f8e8252fe31885181', class: "main-content" }, h("div", { key: '47e7b5d1848e5068a957e4c57998f4a25c81f0f2', class: "title-area" }, h("div", { key: '1053e02597294a806e0270113214cdccf3ed5c49', class: "header-content" }, h("slot", { key: '678c34e2382d8751f3ca7cfdb6f83122745b36fd', name: "heading" }, h("ic-typography", { key: '36024ad870d7cf7f0be284a461d9b0923f1079bf', variant: size === "small" ? "h4" : "h2", class: "heading" }, h("h2", { key: 'd0e55b2328d2abbd5a1e0ed284a3f140ef8457dd' }, heading))), h("slot", { key: '3a7513ccc6ef78abd15fefbda7ac63b202163441', name: "heading-adornment" })), h("div", { key: 'fdb61ca7d9f05a1dfd258a8f7697258118375888', class: {
+            }, role: "presentation" }, h("ic-section-container", { key: '6b9684893d452c5e487d704d3adabf692c738c72', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (h("div", { key: '7032c24dcb9128b29dcf511a52f3528840719e9d', class: "breadcrumb-area" }, h("slot", { key: '2288318626d12483173966e10f2697a00c2fcac1', name: "breadcrumbs" }))), h("div", { key: '53d63b4b4b65ad8ef894db55d2ac5c9c1141ebe7', class: "main-content" }, h("div", { key: 'dd25121e5c9c62331c78f3a855b63cf6640305f1', class: "title-area" }, h("div", { key: 'aed5b0bb1ea1ce66e39689a976ac548f89c3a9c7', class: "header-content" }, h("slot", { key: '8c70282f646873000fb3c11faf7dd13b958dd160', name: "heading" }, h("ic-typography", { key: '4e121e3b0949503f2a7489b555101bc51d00dadd', variant: size === "small" ? "h4" : "h2", class: "heading" }, h("h2", { key: '09ee94d04aa661a5a08452e45c59b82c1c2843a1' }, heading))), h("slot", { key: '9668baec0690affcc38764335dc1475120d943ca', name: "heading-adornment" })), h("div", { key: 'cac63814c854930fb43d102dfb9c3aba3e7cf6e1', class: {
                 ["subheading-content"]: !!subheading || isSlotUsed(this.el, "subheading"),
                 ["small"]: size === "small",
-            } }, h("slot", { key: 'ebc0a0dd4bd7114bc2c392b51b0d182b7aa6a429', name: "subheading" }, h("ic-typography", { key: '649da015dc08acecdac04e1c6102ce0717dca647', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (h("div", { key: '47d5820db4cfbccad118d3f8a7df876b7ee53b2d', class: "action-area" }, h("slot", { key: 'b19fef794de8ac0024287dc70e4bc1fc548ec970', name: "actions" }))), isSlotUsed(this.el, "input") && (h("div", { key: '8626ca99df441a1e1d0f721994e9212b28aebd8c', class: "input-area" }, h("slot", { key: '6d65e1e7b9fba98cc426e5934e054fa739074abd', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
-            isSlotUsed(this.el, "tabs")) && (h("div", { key: '362e4d4830c6ebb5ebdb588ce308f53c7af2d747', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
-            !isSlotUsed(this.el, "tabs") && h("slot", { key: 'edec3599df03352fb98cfdc550c16eb66520df60', name: "stepper" }), isSlotUsed(this.el, "tabs") && (h("nav", { key: 'a77c78ab6ec529b5ec460882e41c0ca490cf16c4', "aria-label": navAriaLabel }, h("ic-horizontal-scroll", { key: 'dc2baad92838b20c5940cb60e6c7c980e6dea918' }, h("ul", { key: '3d48bcfaaaabbc311b5f51b21cbf490fb2bbe7dd', class: "tabs-slot" }, h("slot", { key: '18534f16226ec1b3e13446a13043e568af9c6227', name: "tabs" })))))))))));
+            } }, h("slot", { key: 'f9d8d1cdad14e0655e332cb1470a26e101061013', name: "subheading" }, h("ic-typography", { key: '6210631fe95d70a1ddc9d04b7ce352bd39368802', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (h("div", { key: 'b7bfeae9b8d45f80690e6e53155fee2e3c3d45c1', class: "action-area" }, h("slot", { key: '92d88765f25bdf4aaa0107fc5de975e09605c0ef', name: "actions" }))), isSlotUsed(this.el, "input") && (h("div", { key: 'bffa6ea72d550696262e32fb3ec48c70723414db', class: "input-area" }, h("slot", { key: '51ccb64bec580e2321d764e8ad88c525e399ff34', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
+            isSlotUsed(this.el, "tabs")) && (h("div", { key: 'c5636159415cfcf52ded2415551518efb11aee76', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
+            !isSlotUsed(this.el, "tabs") && h("slot", { key: '5bfcc8f61a6c3f6c72f727e51e6433f028c69a9a', name: "stepper" }), isSlotUsed(this.el, "tabs") && (h("nav", { key: 'be0b3d4a3b19157dae085060bc8636576551e9cb', "aria-label": navAriaLabel }, h("ic-horizontal-scroll", { key: 'f20077bb7bd258d9cfd7c68ec81557caf622702b' }, h("ul", { key: 'e4cdf692ff8f4dccc2218f49e21323e3cb9766bc', class: "tabs-slot" }, h("slot", { key: '682123b35aaf0bef301e081c62faaf0acf9348fb', name: "tabs" })))))))))));
     }
     get el() { return this; }
     static get style() { return IcPageHeaderStyle0; }