@ukic/web-components 3.24.0 → 3.25.0

package/dist/cjs/ic-card-horizontal.cjs.entry.js

@@ -142,7 +142,7 @@ const CardHorizontal = class {
         };
         const hasLeftImage = helpers.isSlotUsed(this.el, this.IMAGE_LEFT);
         const hasRightImage = helpers.isSlotUsed(this.el, this.IMAGE_RIGHT);
-        return (index.h(index.Host, { key: 'e94948456777f8a03f776cbc7bf10d0f31e407b5', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h(Component, Object.assign({ key: 'c4cd208f2a916362cbc76ae53a2b89d6289d73d4', class: {
+        return (index.h(index.Host, { key: '993936c23981131f47a6a861fa5a674f7ac719a6', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h(Component, Object.assign({ key: 'a2db6c5abb6998c35f151d99dddb2735413f3bc1', class: {
                 card: true,
                 clickable: clickable && !disabled,
                 disabled,
@@ -152,15 +152,15 @@ const CardHorizontal = class {
                 "with-icon": helpers.isSlotUsed(this.el, "icon"),
                 "with-image": hasLeftImage || hasRightImage,
                 spacious: density === "spacious",
-            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : undefined, disabled: disabled ? true : undefined }, attrs), hasLeftImage && (index.h("div", { key: '7fca22940ce374fd2526cf87c2406307af60d2a8', class: "image" }, index.h("slot", { key: 'd2d8f0bbff64728214f3d9b34d9cd12787117b1e', name: "image-left" }))), index.h("div", { key: 'fd8c49666e85b378689115f192d1fd1b1c208660', class: {
+            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : undefined, disabled: disabled ? true : undefined }, attrs), hasLeftImage && (index.h("div", { key: '656083f09459cc16f8447b91eebb3c659b85da5c', class: "image" }, index.h("slot", { key: '1b840cba21192c53adf23100a9098caeeec437e1', name: "image-left" }))), index.h("div", { key: '2e2d7beac8517384366bcf8d06bac8287b87c891', class: {
                 "card-content": true,
                 "left-image": hasLeftImage,
                 "right-image": hasRightImage,
-            } }, index.h("div", { key: 'd957ecf099197dce4cf1c7a1d0b49b8b18c43381', class: "card-header" }, helpers.isSlotUsed(this.el, "icon") && (index.h("div", { key: '9a1e9b16b3c05e3f7debe096f7d361f74c9f3773', class: "icon" }, index.h("slot", { key: 'f4f748f6c16e64c9f7dc6a9f12a3cdf6a13df5f3', name: "icon" }))), index.h("div", { key: 'd51c77d55483b238520213b215c0f148f358a3fe', class: {
+            } }, index.h("div", { key: 'e3c9df4624522f1e06010b7dbee8117e32e9776c', class: "card-header" }, helpers.isSlotUsed(this.el, "icon") && (index.h("div", { key: '4e76a0b208d5ded1b78eb2b5a767cda857a37209', class: "icon" }, index.h("slot", { key: 'ca49f56e2c2ee3597cd6a617e9e0c87023398f6f', name: "icon" }))), index.h("div", { key: 'ce88138ce249e4f72eb84c5094f13823b191d623', class: {
                 "card-title": true,
                 "with-interaction-button": helpers.isSlotUsed(this.el, this.INTERACTION_BUTTON),
-            } }, index.h("slot", { key: '92286e31f16026ab813a693c8129c2375bcd0a6e', name: "heading" }, index.h("ic-typography", { key: '9ccea0ecffa2491d7f06a6508f6ce5f1c875388e', variant: "h4" }, index.h("p", { key: 'ab04f830aead42a625f4941f6a5f80ae5b6b51e4' }, heading)))), helpers.isSlotUsed(this.el, this.INTERACTION_BUTTON) && (index.h("div", { key: '28e9e15caf4e9da2e09e4d306b24ab578341cc4e', class: "interaction-button" }, index.h("slot", { key: 'f6bf46a34bf59e78515e7873ec7941e24a37194d', name: "interaction-button" })))), density === "spacious" &&
-            (subheading || helpers.isSlotUsed(this.el, "subheading")) && (index.h("div", { key: '320f6a9482bb438227df3a72300d346a1c9aff5d', class: "subheading" }, index.h("slot", { key: 'b84748dfe900f2ddd7abb4db04b36977c6611ce1', name: "subheading" }, index.h("ic-typography", { key: '6e880f31a9043fd346e494a2863a2a9f60ae0701', variant: "subtitle-small" }, subheading)))), density === "spacious" && helpers.isSlotUsed(this.el, "adornment") && (index.h("div", { key: 'f51f5bfec9ba2435cb1f9118ffc8b4eb2d2ce832', class: "adornment" }, index.h("slot", { key: 'c3fca6a207920e257e739cff8fced1df201b86ee', name: "adornment" }))), (message || helpers.isSlotUsed(this.el, "message")) && (index.h("div", { key: '55ba08a6ce0a802eac833d571f1eda05d85b3582', class: "card-message" }, message && (index.h("ic-typography", { key: '937da914727038fbc4ddf393beee5cd4a705f93a', variant: "body" }, message)), helpers.isSlotUsed(this.el, "message") && index.h("slot", { key: 'f544acd3bc7e80048d12738eae33affc088395b6', name: "message" })))), helpers.isSlotUsed(this.el, "badge") && index.h("slot", { key: '51d1a77e01fd8feb72822bdc9666a6a9990bc9fe', name: "badge" }), hasRightImage && (index.h("div", { key: '67d2d67a22ad2a7a67ec2080d87187cc9f149f1a', class: "image" }, index.h("slot", { key: 'd52fbbdf07e3ae17e5396b58b39c09d8c5072e65', name: "image-right" }))))));
+            } }, index.h("slot", { key: 'cf3047258572bb2df6a880dbe78cdfb997138e52', name: "heading" }, index.h("ic-typography", { key: '2a953b2db51d4d5ad87cd951f71be15e8b6a9123', variant: "h4" }, index.h("p", { key: '778d1c565dda268e52e30e435593f1205ab4c8f6' }, heading)))), helpers.isSlotUsed(this.el, this.INTERACTION_BUTTON) && (index.h("div", { key: '9c13abe27f6ccf4a5d33505dacdf3a3da63fcc61', class: "interaction-button" }, index.h("slot", { key: '72180f00ff5a341450e0cc58fdd4e4e674446dca', name: "interaction-button" })))), density === "spacious" &&
+            (subheading || helpers.isSlotUsed(this.el, "subheading")) && (index.h("div", { key: '84de830afde5f4b9c05d8699c5ea72fb995c68dc', class: "subheading" }, index.h("slot", { key: '343d4addd3a8e6b175bb8cd4c6f30143d89655e9', name: "subheading" }, index.h("ic-typography", { key: '7dc39433145b52a210cac6963b46ceeab46214e0', variant: "subtitle-small" }, subheading)))), density === "spacious" && helpers.isSlotUsed(this.el, "adornment") && (index.h("div", { key: 'eba46f8b6532f8a54a893baded9ea2ec19e5db2f', class: "adornment" }, index.h("slot", { key: 'b200296d06d2decfeeef24c80b7c7a651b9ce9bb', name: "adornment" }))), (message || helpers.isSlotUsed(this.el, "message")) && (index.h("div", { key: 'af361ff1a144a2fa7d6fdccd881e93c244824587', class: "card-message" }, message && (index.h("ic-typography", { key: '49567589e624e4b971e798233fdf31c7be932374', variant: "body" }, message)), helpers.isSlotUsed(this.el, "message") && index.h("slot", { key: '84726023327a15b33785348f7aeb19ab93bded55', name: "message" })))), helpers.isSlotUsed(this.el, "badge") && index.h("slot", { key: 'ee75df75084b53a768c83cf2f11471f846030549', name: "badge" }), hasRightImage && (index.h("div", { key: '47b257898c62169e72626d990f762b361bea35b6', class: "image" }, index.h("slot", { key: '31af6d4ee374ac40c2ee3903ac94c75a409fb46a', name: "image-right" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ic-checkbox-group.cjs.entry.js

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

package/dist/cjs/ic-checkbox.cjs.entry.js

@@ -136,17 +136,17 @@ const Checkbox = class {
             ? helpers.renderHiddenInput(el, value, name, disabled)
             : helpers.removeHiddenInput(el);
         const LabelContent = () => this.hasLabelSlot() ? (index.h("slot", { name: "label" })) : (index.h("ic-typography", { class: "checkbox-label", variant: "body" }, index.h("label", { htmlFor: inputId }, label)));
-        return (index.h(index.Host, { key: 'cbbef34df584e10e50b731c4ea44b4c5a5f29917', class: {
+        return (index.h(index.Host, { key: 'b0354f672348084da74301a8d95ec590affc6f1b', class: {
                 "ic-checkbox-disabled": disabled,
                 [`ic-checkbox-${size}`]: !!size,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, index.h("div", { key: 'b15e0cc68627b692ea251994d13c707a71935332', class: "container" }, displayIndeterminate ? (index.h("div", { class: "indeterminate-symbol" })) : (checked && (index.h("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, index.h("title", null, "checkmark icon"), index.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" })))), index.h("input", { key: '8443271bb0f24104dadfc95c0f0e97551f8f32fb', role: "checkbox", class: {
+            } }, index.h("div", { key: '4f1a7f7f2c44edc8bb4b113abb1e82421f150ec1', class: "container" }, displayIndeterminate ? (index.h("div", { class: "indeterminate-symbol" })) : (checked && (index.h("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, index.h("title", null, "checkmark icon"), index.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" })))), index.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 && index.h(LabelContent, { key: '29c975e697e9b5e8f32c845111686e23ee4de32f' })), index.h("span", { key: '3901c6b2f84633d2cb0bf6602e1644760dfa78dd', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), helpers.isSlotUsed(el, "additional-field") && (index.h("div", { key: '68b7bbd59a084ff452924d0fb82446c0a5b46900', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && index.h("div", { key: '2095e98f6a8ae633892a83f8a8a9a37941186802', class: "branch-corner" }), index.h("div", { key: 'f92c2ff935d5d72a70bba8479bc7a2b27705da1d', class: "dynamic-field-container" }, isDynamicAdditionalField && (index.h("ic-typography", { key: '1e69f0fb80ad6f047bd2943b5b348bd539b567ce', variant: "caption" }, index.h("p", { key: '27f350e13e088275e340332570e3eee32c7ad1be', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), index.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 && index.h(LabelContent, { key: '0b2e1ba8150dada1ed202f82b87e5090475e4538' })), index.h("span", { key: 'ac7a0b65fe263404799947a9e38e56d571a4d15b', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), helpers.isSlotUsed(el, "additional-field") && (index.h("div", { key: '7c3324bdbe5f4002e68a3cab9452ece5a4a0ec47', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && index.h("div", { key: '3e8f8a84490a9b395625db6e5d3ab41dcfd3f52b', class: "branch-corner" }), index.h("div", { key: '7a13bef6e34f74553f621d8dced7f0d7c2ad9ff9', class: "dynamic-field-container" }, isDynamicAdditionalField && (index.h("ic-typography", { key: '97d5099d39ed0a796fb21cc6e39768ad464ae13d', variant: "caption" }, index.h("p", { key: '565b6fecc59ec1a8786d6a956ef15389f79b1b5d', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), index.h("div", { key: 'f1f45ea17205c5314c7d0cdb9bc59afc791aa6e9', class: {
                 "additional-field-wrapper": !isDynamicAdditionalField,
-            } }, index.h("slot", { key: '36a8e7ffaa67981e3054240dda02b04936280f91', name: "additional-field" })))))));
+            } }, index.h("slot", { key: 'f302388352b40f0d63a8b425aae215af22615570', name: "additional-field" })))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/ic-data-list.cjs.entry.js

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

package/dist/cjs/ic-data-row.cjs.entry.js

@@ -73,12 +73,12 @@ const DataRow = class {
     }
     render() {
         const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
-        return (index.h(index.Host, { key: 'd5c6ff5a373e32e4e310dd0ddb6bbcfea0f2704a', class: {
+        return (index.h(index.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" }, index.h("div", { key: 'b2867cd3b8a493ec7e4f4cff48849d94560c1fdc', class: "data" }, index.h("div", { key: 'd3fd667e4612907b81081ddae99c3228e2dbb954', class: "text-cells" }, (helpers.isSlotUsed(el, "label") || label) && renderCellContent("label"), (helpers.isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (index.h("div", { key: 'dbbb33f8a2726f801dc72ca1f11544073ba8bc69', class: "end-component" }, index.h("slot", { key: 'fd4b247214447bac2a7a5bc9385a8f91cb44436f', name: "end-component" })))), index.h("div", { key: '8e19fde06b9fa34a3295e37fe726f163593f6674', class: "divider" })));
+            }, role: "listitem" }, index.h("div", { key: 'eea3a2d30e7efbc0482011ed340da0469b461d5a', class: "data" }, index.h("div", { key: '3d8c6c8b8011048312c997831395b18a361b27e8', class: "text-cells" }, (helpers.isSlotUsed(el, "label") || label) && renderCellContent("label"), (helpers.isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (index.h("div", { key: '8c2521ab22be9a57658a0a60b9180d0273ef60f1', class: "end-component" }, index.h("slot", { key: '8df22512fbbb6e5d7991e1d9bd217bda5fa563ac', name: "end-component" })))), index.h("div", { key: '6369f6266898ffffe9317c3bb3d4dd483d612f94', class: "divider" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ic-dialog.cjs.entry.js

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

package/dist/cjs/ic-empty-state.cjs.entry.js

@@ -40,11 +40,11 @@ const EmptyState = class {
     }
     render() {
         const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
-        return (index.h(index.Host, { key: '60295d4ae9099c9e9adf17a6d1b1cb94a061ce1f', class: {
+        return (index.h(index.Host, { key: '0d3bc48ea4f0188251b3fc3a6c720f06173b587a', class: {
                 [`ic-empty-state-${aligned}`]: true,
                 [`image-${imageSize}`]: helpers.isSlotUsed(this.el, "image"),
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, helpers.isSlotUsed(this.el, "image") && index.h("slot", { key: 'a0ccf1c16408f306d5a1abc34a8b5540be75b986', name: "image" }), index.h("div", { key: 'd1f6a21c75513a3a2f8fdcba4f0a671013709651' }, index.h("slot", { key: '60cc4c4434d29d12f771e65bba5ff09918c904d3', name: "heading" }, index.h("ic-typography", { key: '6ef2441bed80f38f27b8005c89eeec7de0691587', variant: "h4", class: "empty-state-heading" }, heading)), index.h("slot", { key: 'dae616cdcebd5dacee04547d42b2f77203d5c48a', name: "subheading" }, index.h("ic-typography", { key: '6946d005ecc441b3fee96309fb1c479470c192de', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), index.h("slot", { key: '0ab7b57d4f33e7aad6fca48c8036846e7360aad8', name: "body" }, index.h("ic-typography", { key: 'ea367e9f5b6d353714d8d05576abffecc63bea2d', maxLines: maxLines, class: "empty-state-body" }, body))), helpers.isSlotUsed(this.el, "actions") && (index.h("div", { key: '997a125c580c0dfa6e2191df40745145168ce705', class: "action-area" }, index.h("slot", { key: '34c38c474a502720b659f4b2775869773cfe1f10', name: "actions" })))));
+            } }, helpers.isSlotUsed(this.el, "image") && index.h("slot", { key: 'fdc11c4e5e04a6042f3114325066d3775a24451e', name: "image" }), index.h("div", { key: '46e1df54a68e5728738c7c0aeb27e62919b583d5' }, index.h("slot", { key: 'acf5cf5cca7b227befc908e3a606f38855f200ef', name: "heading" }, index.h("ic-typography", { key: '10a627304367e6643bbf0197172655135156fba9', variant: "h4", class: "empty-state-heading" }, heading)), index.h("slot", { key: 'a35e301f516eaef4a1fd7d7b7222c0111869c71a', name: "subheading" }, index.h("ic-typography", { key: 'a93898edcb0998f2bbfd089f459d1268af69265c', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), index.h("slot", { key: '89386937b3eb05475eef76d742d384c38b10bc1b', name: "body" }, index.h("ic-typography", { key: '914ebaa368de220a3607a743ef1dd40fea9e3c79', maxLines: maxLines, class: "empty-state-body" }, body))), helpers.isSlotUsed(this.el, "actions") && (index.h("div", { key: 'a1884397ea2ea1de771c11e35b5bc8efefa63b06', class: "action-area" }, index.h("slot", { key: 'fa34f99bf5d5935ac5942b321ed56f97317bdb5b', name: "actions" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ic-footer-link.cjs.entry.js

@@ -49,12 +49,12 @@ const FooterLink = class {
         const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
         const { small, grouped } = footerConfig;
         const isLogoLink = !!this.el.closest("div[slot='logo']");
-        return (index.h(index.Host, { key: '7488851004e3af24c0b0e1d9f9ccaf0d55ae5990', class: {
+        return (index.h(index.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" }, index.h("ic-link", { key: 'e388559e01bc73c013b7493dd2c315f730beb4b8', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, index.h("slot", { key: '013a86414ccca833cd52a4164c93bdf9ef040a4f' }))));
+            }, role: "listitem" }, index.h("ic-link", { key: 'e4e3d3b716923eb8f9df66d058ac07fbadbc7982', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, index.h("slot", { key: 'b8e662b7b67daa4cc8329fd4404d354013dfec7f' }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/ic-hero.cjs.entry.js

@@ -81,7 +81,7 @@ const Hero = class {
                 "background-position": scrollFactor,
             };
         }
-        return (index.h(index.Host, { key: 'd7b8be369996272dd365fb416a1134e288dfe6cd', class: {
+        return (index.h(index.Host, { key: '80e57ae6db4a37e6bd7dbf43e174710c043f3dfe', class: {
                 [`ic-hero-${helpers.IcBrandForegroundEnum.Dark}`]: foregroundColor === helpers.IcBrandForegroundEnum.Dark,
                 ["has-background-image"]: backgroundImage !== undefined,
                 ["has-right-content"]: this.rightContent,
@@ -89,12 +89,12 @@ const Hero = class {
                 ["secondary-heading"]: !!secondaryHeading,
                 [`ic-hero-content-aligned-${contentAligned}`]: contentAligned !== undefined,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style }, index.h("ic-section-container", { key: 'a5a8585b31aba9f1434ffaf6aa1145d7853ea4b6', aligned: aligned, fullHeight: true, class: "section-container" }, index.h("div", { key: '1830e42eb85d545b947dfe6ebc6b0d462e48397e', class: {
+            }, style: style }, index.h("ic-section-container", { key: 'f8aa12b2e228bda409d0d5acfba9854c274da27b', aligned: aligned, fullHeight: true, class: "section-container" }, index.h("div", { key: 'ded24c5a89fc3af527310702c5d0aa08177f1628', class: {
                 ["left-container"]: true,
                 ["left-container-full-width"]: this.leftContentFullWidth,
-            } }, index.h("div", { key: '4e2d3d2c1c694f6b330f2555388e9ed4abf4a907', class: "heading" }, index.h("slot", { key: 'ec340ba480f0fd881279225b160a8e6de2a4184a', name: "heading" }, index.h("ic-typography", { key: 'fb49e9dd42f753dc4c4e610da1e0fa76df9cf055', variant: size === "small" ? "h2" : "h1", class: {
+            } }, index.h("div", { key: '57a9c51353b30931cd94bd949b5a96e8c1185fb1', class: "heading" }, index.h("slot", { key: 'af625456f6c9efc26e2f6b7d118a7e22b474d48a', name: "heading" }, index.h("ic-typography", { key: '6383d4916844a260c2ac8966bebc5d0042667dc4', variant: size === "small" ? "h2" : "h1", class: {
                 ["heading-bottom-spacing"]: size !== "small",
-            } }, index.h("h2", { key: '822a6963c3c2aab17d3a42ff2257e4635414f5d8' }, heading)))), index.h("div", { key: '5e3fa3963bd1a2b18c929e897832968810b25b63', class: "subheading" }, index.h("slot", { key: '04071839319227b3c6e726562f08a2b860c31f4a', name: "subheading" }, index.h("ic-typography", { key: '096dd77e50768edee7017d79b620773a7260643c', variant: "body" }, subheading))), index.h("div", { key: '3e4a3f2afe811228a507dd3edd64f0f7f14c9c44', class: "interaction-container" }, index.h("slot", { key: 'ce0694893cd12d0da5a4db36cca1e8c4ffadd6b2', name: "interaction" }))), (helpers.isPropDefined(secondaryHeading) || this.rightContent) && (index.h("div", { key: '23a775df706d7464e40d86c3f79564b2cf4c8028', class: "right-container" }, index.h("slot", { key: 'f331ac3773afff23990f257c4999cb23957f0a95', name: "secondary" }, secondaryHeading && (index.h("div", { key: '12c5630d51d9f16ec5bd0b03f0de821ce8648e26', class: "secondary-container" }, index.h("div", { key: '0dff38bdf87ccd660f5292b41b29f2b0c681b39d', class: "secondary-heading" }, index.h("ic-typography", { key: '035a480675ce2779e4c4d5a97cfeace5de1b132a', variant: "h4" }, index.h("h3", { key: '0bb8cfd2b3c27206ec7e866b02018ec0c2810386' }, secondaryHeading))), index.h("div", { key: 'c55e6e2669c922a7c5a45d0c5fc225dbcade1e77', class: "secondary-subheading" }, index.h("ic-typography", { key: '52a346be44dec236bd0dcf815ccb41212684fb49', variant: "subtitle-small" }, secondarySubheading))))))))));
+            } }, index.h("h2", { key: '575a5929c50ff7661c856f7cda77b3a1acdddd03' }, heading)))), index.h("div", { key: 'c10dabd945bfcb3362c5fa5b3e8eec17ffc82fd1', class: "subheading" }, index.h("slot", { key: 'b50831b542a1ed7abb4d9ba9c06421e0f87dbb08', name: "subheading" }, index.h("ic-typography", { key: '69f1420e36d15129f34c499c9f0eacee6a33e1cc', variant: "body" }, subheading))), index.h("div", { key: '68f012d311258597a759f020faece5003ebc59c8', class: "interaction-container" }, index.h("slot", { key: '79691480f48726c1df218c2322396b253b389bec', name: "interaction" }))), (helpers.isPropDefined(secondaryHeading) || this.rightContent) && (index.h("div", { key: 'b80d0b64484c613d5e992bd940028e34734ae14a', class: "right-container" }, index.h("slot", { key: 'd2291ea19039231b5cad28307ba3b8e0c8b654bb', name: "secondary" }, secondaryHeading && (index.h("div", { key: '2f71e08c41b560aa727f60fed23521ab8fb4741d', class: "secondary-container" }, index.h("div", { key: '6b5a2c1f34878f30b0d51d68066815c927060d2c', class: "secondary-heading" }, index.h("ic-typography", { key: '64709a648468bbbb80599485041b37d9bcff777a', variant: "h4" }, index.h("h3", { key: '7bc5aba841edce92e3189cf4d5f9e4fccf38ef4e' }, secondaryHeading))), index.h("div", { key: '2a2fbf605afc2023595300d064111a4fa471bfdc', class: "secondary-subheading" }, index.h("ic-typography", { key: '5b87284ace2401f60d4f208fa06cb85b367ed244', variant: "subtitle-small" }, secondarySubheading))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ic-horizontal-scroll.cjs.entry.js

@@ -169,22 +169,22 @@ const HorizontalScroll = class {
     }
     render() {
         const { firstItemVisible, lastItemVisible, itemOverflow } = this;
-        return (index.h(index.Host, { key: 'be750f303ae10eced67f4683d262c765a2317bb2', class: {
+        return (index.h(index.Host, { key: 'e62a9673acd5416d956f0f293682a45d8caad08f', class: {
                 ["ic-horizontal-scroll-visible"]: itemOverflow,
                 ["ic-horizontal-scroll-dark"]: this.appearance === helpers.IcBrandForegroundEnum.Dark,
                 ["ic-horizontal-scroll-light"]: this.appearance === helpers.IcBrandForegroundEnum.Light,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, index.h("div", { key: '666121449513dc99dc038c434ab259bb891351da', "aria-hidden": "true", class: {
+            } }, index.h("div", { key: 'e3c2707ab25d06342f46237efe0d28479ab042cf', "aria-hidden": "true", class: {
                 ["scroll-container-left"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: firstItemVisible,
-            }, role: "tab" }, index.h("ic-button", { key: '09646f50ff3f0ef162a85b8a5899338c70cf12f0', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, index.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 }), index.h("span", { key: 'b046b20bca53065b37ed041d5b3e5f318219f4e3', class: "scroll-splitter-left" })), index.h("slot", { key: '446617c76787df8a0721f99f50f603705ebca615' }), index.h("div", { key: '495869a8eaaaedd153fdd65f09bdf4f6dba1648d', "aria-hidden": "true", class: {
+                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), index.h("span", { key: '96f80e692d71cf3d9903f60aa1c6322e68cddfe6', class: "scroll-splitter-left" })), index.h("slot", { key: '7b33db784648922f25369dc24beb3d50562d1090' }), index.h("div", { key: 'b9645cd33d53e6eafe01444236543fb503a75e1e', "aria-hidden": "true", class: {
                 ["scroll-container-right"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: lastItemVisible,
-            }, role: "tab" }, index.h("span", { key: '7983e2a0990b8882417e3cfa29852ae0e1c7bf97', class: "scroll-splitter-right" }), index.h("ic-button", { key: '2c8391e482559ae4de573f73cb0147c9f27e4f2f', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, index.h("span", { key: '1e1e2c4992938e38068602d65db3f980308b0db6', class: "scroll-splitter-right" }), index.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/cjs/ic-input-component-container_3.cjs.entry.js

@@ -55,15 +55,15 @@ const InputComponentContainer = class {
     }
     render() {
         const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
-        return (index.h(index.Host, { key: '0644de5056535a73750461a8169f4ae8a254a205', class: {
+        return (index.h(index.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 }, index.h("div", { key: 'cb6fe4d8708ecdf019cc873ad0f238ce6c373d01', class: "focus-indicator" }, helpers.slotHasContent(this.el, "left-icon") && (index.h("div", { key: '8e0646d277adfe54d314b014e8fc10129208d47b', class: "icon-container" }, index.h("slot", { key: '25e3fcab918dacb0fc1cadc1e6ac3843041b7bd2', name: "left-icon" }))), index.h("slot", { key: '79660a2a08fec6aae9f6c4dd7f287b237b4c8708' }), validationInline &&
-            validationStatus === helpers.IcInformationStatus.Success && (index.h("span", { key: 'c49ce88df47d2c99f3b76b7823209d73f30184ed', class: "inline-success", innerHTML: constants.successIcon })))));
+            }, "aria-disabled": disabled ? "true" : null }, index.h("div", { key: 'e26afb0f2d7b78a1ca9b1ec3976b8e8fa3b2f3fe', class: "focus-indicator" }, helpers.slotHasContent(this.el, "left-icon") && (index.h("div", { key: 'd314cf7303bab259eb78c85f38b943d758e6d874', class: "icon-container" }, index.h("slot", { key: '128cdd1e6a537838dc490b33e2a657e613d6c969', name: "left-icon" }))), index.h("slot", { key: '9d5fd3e67c6658f988a335e080b6e7141d1c8712' }), validationInline &&
+            validationStatus === helpers.IcInformationStatus.Success && (index.h("span", { key: '119749d6c32bebe9c8540fa7fadb28e7387428e5', class: "inline-success", innerHTML: constants.successIcon })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -88,11 +88,11 @@ const InputContainer = class {
         this.readonly = false;
     }
     render() {
-        return (index.h(index.Host, { key: '617cc3f8d3eb6f800e053ccc99b9375ba9cf5761' }, index.h("div", { key: '769954cc34c4582dedc014ef47f59429176ac20d', class: {
+        return (index.h(index.Host, { key: 'f8a56b6ed7706188078d28f8fd7216c046fe32a2' }, index.h("div", { key: 'f7d41111869769c9ab8e5ad72ee936827ef36c91', class: {
                 ["component-container"]: true,
                 ["disabled"]: !!this.disabled,
                 ["readonly"]: !!this.readonly,
-            } }, index.h("slot", { key: 'ad3ce925e8d21cb7f660b03923e82c9af1941202' }))));
+            } }, index.h("slot", { key: '42fc42d0f226b11b93ab910c00ed25c027ebb549' }))));
     }
 };
 InputContainer.style = IcInputContainerStyle0;
@@ -2526,7 +2526,7 @@ const Menu = class {
         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 (index.h(index.Host, { key: '8b0e06f14c1979c3658e6e13fca3e4c6828c795d', class: {
+        return (index.h(index.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) ||
@@ -2535,7 +2535,7 @@ const Menu = class {
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": multiSelect,
-            } }, options.length !== 0 && (index.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 && (index.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"
@@ -2567,7 +2567,7 @@ const Menu = class {
             multiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (index.h("div", { key: 'f1a670781a41df910d8d55d2a956e062faf5a425', class: "option-bar" }, index.h("ic-typography", { key: '9687b26a0a275e9a6cff54180f2962d836ef4262' }, index.h("p", { key: '33e219ebba6ad3eb4ed60d77d9ed86551cb93a48' }, `${value ? value.length : 0}/${helpers.getOptionsWithoutGroupTitlesCount(this.options)} selected`)), index.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 && (index.h("div", { key: '6dc5d80d88ac368c6274e709ba5a8a1dc79bf9e8', class: "option-bar" }, index.h("ic-typography", { key: '5a62bb37a7c338c00e296519077a8254c39c1c4a' }, index.h("p", { key: 'd5209b3fa671a87fc4ad2039732315d51d042c9f' }, `${value ? value.length : 0}/${helpers.getOptionsWithoutGroupTitlesCount(this.options)} selected`)), index.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 index.getElement(this); }
     static get watchers() { return {