npm - @ukic/web-components - Versions diffs - 3.24.0 → 3.25.0 - Mend

@ukic/web-components 3.24.0 → 3.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (321) hide show

package/dist/collection/components/ic-layout-grid-item/ic-layout-grid-item.js CHANGED Viewed

@@ -42,9 +42,9 @@ export class LayoutGridItem {
     }
     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' })));
     }
     static get is() { return "ic-layout-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-link/ic-link.js CHANGED Viewed

@@ -91,7 +91,7 @@ export class Link {
     }
     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/collection/components/ic-loading-indicator/ic-loading-indicator.js CHANGED Viewed

@@ -190,24 +190,24 @@ export 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))))));
     }
     static get is() { return "ic-loading-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-menu/ic-menu.js CHANGED Viewed

@@ -992,7 +992,7 @@ export class Menu {
         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) ||
@@ -1001,7 +1001,7 @@ export class Menu {
                 [`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"
@@ -1033,7 +1033,7 @@ export class Menu {
             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)))));
     }
     static get is() { return "ic-menu"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/ic-menu-group/ic-menu-group.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { isPropDefined } from "../../utils/helpers";
 export class MenuGroup {
     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' }))));
     }
     static get is() { return "ic-menu-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-navigation-group/ic-navigation-group.js CHANGED Viewed

@@ -261,7 +261,7 @@ export class NavigationGroup {
         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/collection/components/ic-navigation-menu/ic-navigation-menu.js CHANGED Viewed

@@ -123,16 +123,16 @@ export class NavigationMenu {
         }
     }
     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))))))));
     }
     static get is() { return "ic-navigation-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-page-header/ic-page-header.js CHANGED Viewed

@@ -111,19 +111,19 @@ export class PageHeader {
         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" })))))))))));
     }
     static get is() { return "ic-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-pagination/ic-pagination.js CHANGED Viewed

@@ -268,14 +268,14 @@ export class Pagination {
     }
     render() {
         const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
-        return (h(Host, { key: 'cefb3137892be2304c041ca32ca118268f8ccb07', class: {
+        return (h(Host, { key: 'b6438410825fba931acc4eb7282ea11341f4a2ab', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-pagination-monochrome"]: !!monochrome,
-            } }, type === "simple" && (h("nav", { key: '9a1d8230be41cb26b31bb8af066a32e9b64e0d89', class: {
+            } }, type === "simple" && (h("nav", { key: 'c76e2d21aaed0bb12c976778e1e6399157002b4f', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), h("ic-pagination-item", { key: '577b9b9894ce6ddc2cf02381729600e4284e8912', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (h("nav", { key: '317d507ca76549e3c980ced7d01332504738a102', class: {
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), h("ic-pagination-item", { key: 'c5b391e53945f6545e3b2694bcd32a8d9fdab18e', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (h("nav", { key: 'faa2aa8655d7e1de8877efca2d43233ae3de7d49', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (h("span", { key: '6d3a5778f4704dd5ec1e74bf2cf236143c5f7e7c', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (h("span", { key: 'fb40e41bc8e509eb8d3119c40e0b8c2d43b1a19f', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
     }
     static get is() { return "ic-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js CHANGED Viewed

@@ -343,21 +343,21 @@ export class PaginationBar {
     }
     render() {
         const { accessibleLabel, alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, selectItemsPerPageOnEnter, hideCurrentPage, hideFirstAndLastPageButton, } = this;
-        return (h(Host, { key: 'c11938d14250e5435166136014565a78c8fbe1b0', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { key: '14cef9faa92a11d48b0f569524f69a75924fcea5', class: {
+        return (h(Host, { key: 'ed30fb75ae41bf29e5da275bec31017ebce86e97', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { key: '4554a8fc365cb414a0dea76288a9cb34b79a214a', class: {
                 ["pagination-bar"]: true,
                 [`pagination-bar-${alignment}`]: true,
-            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (h("div", { key: 'ce45782788e8a0fa10c1c4be4c88dd66238abc0d', class: "item-controls" }, showItemsPerPageControl && (h("div", { key: '988fd5587d581f707c859b116c0523a09b1fc629', class: "items-per-page-holder" }, h("ic-typography", { key: '78062c53ca82dcc53fa6de6da987284760a75411', class: {
+            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (h("div", { key: 'da16624475d46a037d1252f469a26b2db796a968', class: "item-controls" }, showItemsPerPageControl && (h("div", { key: 'b1d533af5521cf15802f03cc8fb108faa410c8a1', class: "items-per-page-holder" }, h("ic-typography", { key: '11f449f28b0267c48d3176890a9c9743a6fc9be5', class: {
                 ["items-per-page-control-label"]: true,
-            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), h("ic-select", { key: '5f661cc9f2aa0f691d2e099d34531651acfd4623', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
+            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), h("ic-select", { key: '3d90595b2c790b9e013809c65f1e3aef68a22b87', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
             (rangeLabelType === "data" ? (h("ic-typography", { class: {
                     ["item-pagination-label"]: true,
                 }, variant: "label", "aria-live": "polite" }, this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`, this.upperBound > 0 &&
                 `${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${lowerCaseItemLabel}${this.totalItems > 1 ? "s" : ""}`)) : (h("ic-typography", { class: {
                     ["page-pagination-label"]: true,
-                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), h("div", { key: '2fe098d17de85749fb85b9da97e821c1102e30d5', class: {
+                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), h("div", { key: 'dc16dc6a05bcb1319a843ac84dd67616f64cfee8', class: {
                 ["pagination-controls"]: true,
                 ["pagination-controls-wrap"]: this.paginationWrapped,
-            } }, h("div", { key: '2df84c3e3e46f8915c3cc223343af2d628025f9f', class: "pagination-holder" }, h("ic-pagination", { key: 'ad3217739a5828cbd6e438692ca5a987eab25d51', accessibleLabel: accessibleLabel, type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome, hideCurrentPage: hideCurrentPage, hideFirstAndLastPageButton: hideFirstAndLastPageButton })), showGoToPageControl && (h("div", { key: '107a7b12ce7d9dd3f3ea2b62bd43c5556dfc2145', class: "go-to-page-holder" }, h("ic-typography", { key: '6042313933f74fa385a6cd5244eb32f650b3efe6', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), h("ic-tooltip", { key: '2667de79e971e45b48b17f6479f17c34b94b9630', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, h("ic-text-field", { key: 'd0039eb822e6bc06d9e9c35c24c962017fffc818', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), h("ic-button", { key: 'a5159ea7b8994d71d04a13e4e7dd2f778b9e6e63', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
+            } }, h("div", { key: '81415919e995bd446afc9ea8ebbb960c90fa2a88', class: "pagination-holder" }, h("ic-pagination", { key: '41cc4d82e190d83ceff81e9daaf46e53520c47c5', accessibleLabel: accessibleLabel, type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome, hideCurrentPage: hideCurrentPage, hideFirstAndLastPageButton: hideFirstAndLastPageButton })), showGoToPageControl && (h("div", { key: 'bee892f29e85a564ac4a3269f680559d4450bdea', class: "go-to-page-holder" }, h("ic-typography", { key: 'c5fb41a31a7ef6d2ef4559cd0ecf28d4a1fa734d', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), h("ic-tooltip", { key: '2d29e320c4e33e19640d57d75cae7c36cb52bedc', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, h("ic-text-field", { key: '99050ae8eff64226aae32ed1e2b56b5ab300dfb1', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), h("ic-button", { key: '3fa2967f1bd229d6fd1e78f8ac5be99052d9a37a', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
     }
     static get is() { return "ic-pagination-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-pagination-item/ic-pagination-item.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class PaginationItem {
     }
     render() {
         const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
-        return (h("a", { key: '01951a63b9e9877df42a85550402ca5b95db2433', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (h("div", { class: {
+        return (h("a", { key: '1ed788f91d47fcaf163a11cf910c9269ca83466c', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (h("div", { class: {
                 ["item-container"]: true,
                 ["ellipsis"]: true,
                 ["disabled"]: !!disabled,

package/dist/collection/components/ic-popover-menu/ic-popover-menu.js CHANGED Viewed

@@ -273,17 +273,17 @@ export class PopoverMenu {
         this.popperProps = props;
     }
     render() {
-        return (h(Host, { key: '2df7f8dce86b2a069e36c528cde49fab2a59e14d', class: {
+        return (h(Host, { key: '331cedc179eb4d558f29f7704df951210f43fa77', class: {
                 ["ic-popover-menu-open"]: !!this.open,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, h("div", { key: '274adfbbf14f57d3538bd5076d4f3eaba4246b9f', id: this.parentPopover === undefined
+            } }, h("div", { key: '4efbe811a462e960af2d7a5ab63d3df5f69209cb', id: this.parentPopover === undefined
                 ? `ic-popover-submenu-${this.submenuId}`
                 : "", class: {
                 menu: true,
-            } }, h("span", { key: 'dbb75e11d95ab6dd331e8fdde4c698627ebce128', class: {
+            } }, h("span", { key: '25207afa860d6d4b897a8d7b7406d5a450652949', class: {
                 "opening-from-parent": this.openingFromParent,
                 "opening-from-child": this.openingFromChild,
-            } }, isPropDefined(this.submenuId) && (h("span", { key: 'd4f921888dbb9225abcb2470dd28df727f3beee0' }, h("span", { key: '35d3b4ef74cb4d777f50299aa374a9e3cee34889', role: "menu" }, h("ic-menu-item", { key: '1f389ff42de3e6a71f8d119a0d77c303bdd680a8', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, h("svg", { key: '68719e50bc2f6735c0f7dcf6f44c9ff63c5acdea', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, h("path", { key: '2ba5c53d18fb50b729ae2246817f7c9cf30257b0', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), h("ic-typography", { key: '6932f008b6d3444e0c9310c60c3fcbafae48f3ff', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), h("div", { key: '75f0187e8474d97fce7f8436cba7e6168cfd2b63', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, h("slot", { key: 'a547d619787fda1c2f529a0b4ec7fe3745f416ab' }))))));
+            } }, isPropDefined(this.submenuId) && (h("span", { key: '21bebc9796ecd62d6c0a51247f450eb0f61de6fb' }, h("span", { key: 'bf64a9672b93e4831bce7309514121108e79f26c', role: "menu" }, h("ic-menu-item", { key: 'a6bbb41562f8047a34e81f7afb72f6fdf7489b53', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, h("svg", { key: 'a5267871273dfffa86198105d325adf3b62f2728', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, h("path", { key: 'cfba5502e9594fe2dc299d7e8922a39e64e6e282', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), h("ic-typography", { key: '4c718558761258605c42ad71966c54cc09fc7bac', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), h("div", { key: '8c127ed3e934a257795e0b3472c6d901e8e3fb62', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, h("slot", { key: '8f06fc83099461573082afc75d008e37ee84cf65' }))))));
     }
     static get is() { return "ic-popover-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-radio-group/ic-radio-group.js CHANGED Viewed

@@ -230,16 +230,16 @@ export class RadioGroup {
     render() {
         const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationAriaLive, validationStatus, validationText, theme, } = this;
         const showValidation = hasValidationStatus(validationStatus, disabled);
-        return (h(Host, { key: '6fe807f2352d0132a99915546d6da50a822ed17b', onKeyDown: handleKeyDown, class: {
+        return (h(Host, { key: 'df3176ecead3472c9cbc46f20b4398beb1cf0710', onKeyDown: handleKeyDown, class: {
                 [`ic-radio-group-${size}`]: size !== "medium",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("fieldset", { key: 'd98a425c33ac1b2cd6b1c93a93cb586174fa0822', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (h("legend", { key: 'd5f782b3c69c42ee9c3a78a8d049c052c2cbb06f' }, h("ic-input-label", { key: '1d8995b869d1f4a50270d6ebcacbd1620e1def38', class: {
+            } }, h("fieldset", { key: '30b8cb57ab1b69d85fbe4a7e1ec9205561409fd2', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (h("legend", { key: '5b2ecba8b0c1b4af585b8f2ba568d6251541d00f' }, h("ic-input-label", { key: 'ae98da9c60057fa3da425fc7a2d63657f02c2f91', class: {
                 [`${validationStatus}`]: true,
                 ["disabled"]: !!disabled,
-            }, label: label, helperText: helperText, required: required, disabled: disabled }, h("slot", { key: '06af7e836911c4ce15e91734c2e90e9ee8497b2f', name: "helper-text", slot: "helper-text" })))), h("div", { key: '5ec67116be4f6eaa0ad1fa4d8acc0c94449cdeec', class: {
+            }, label: label, helperText: helperText, required: required, disabled: disabled }, h("slot", { key: '2078e0b37824b1e75ac973ac923fd22d16a04e99', name: "helper-text", slot: "helper-text" })))), h("div", { key: '7824dbbccae54f17a9533e4f20489fcb21881209', class: {
                 "radio-buttons-container": true,
                 horizontal: currentOrientation === this.RADIO_HORIZONTAL,
-            }, ref: (el) => (this.radioContainer = el) }, h("slot", { key: 'f63a599753d3e94696ba18f5a4290a8272908eb2' }))), h("ic-input-validation", { key: '4d889e452028b0810f8bb5fd2f277d6736584e36', class: {
+            }, ref: (el) => (this.radioContainer = el) }, h("slot", { key: 'c9a80207676d3ae60c1dfe43016adae0d2b57605' }))), h("ic-input-validation", { key: '34bbce2c663bcb56a1bbfbed44ab12998c197cce', class: {
                 "show-validation": showValidation,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
     }

package/dist/collection/components/ic-radio-option/ic-radio-option.js CHANGED Viewed

@@ -140,19 +140,19 @@ export class RadioOption {
         var _a, _b, _c, _d;
         const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
         const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
-        return (h(Host, { key: '2875d5b5baac5b15e7e73bd7f7526b66acf8508c', onClick: handleClick, onKeyDown: handleKeyDown, class: {
+        return (h(Host, { key: '01e55fbbed424dd593a7d311364434411ccd048b', onClick: handleClick, onKeyDown: handleKeyDown, class: {
                 ["ic-radio-option-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-radio-option-small"]: ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === "IC-RADIO-GROUP" &&
                     ((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.className.includes("ic-radio-group-small")),
                 ["ic-radio-option-large"]: ((_c = this.el.parentElement) === null || _c === void 0 ? void 0 : _c.tagName) === "IC-RADIO-GROUP" &&
                     ((_d = this.el.parentElement) === null || _d === void 0 ? void 0 : _d.className.includes("ic-radio-group-large")),
-            } }, h("div", { key: '6048d4f43064178b107a305f4b0a8a61be620958', class: { "radio-option-container": true, disabled: !!disabled } }, h("div", { key: '5b671acf7d9d076abd1b8711b0f21396f44bb000' }, h("input", { key: '8bb3293082e7eebb0db0bc384912228d080369d4', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), h("span", { key: '84aca01414b88a3eec46d373791fffafed7dc7e1', class: "checkmark" })), h("ic-typography", { key: 'a890e9ef0683a4081165681f6ae9b0ba0ecffa1d', class: "radio-label", variant: "body" }, h("label", { key: '6705bd4bd74c62a03e6a70a191951bbca3b1295c', htmlFor: id }, label))), hasAdditionalField && (h("div", { key: 'b6df8a92a518769fb6cf2b8e92443e8bc8ff88bb', class: {
+            } }, h("div", { key: 'fc0d81615b47d81bc9b95d6863200b07fb52b04b', class: { "radio-option-container": true, disabled: !!disabled } }, h("div", { key: '76e9aaf1c8286eba5d747d3f526005a4e384c5ad' }, h("input", { key: 'c2bdee7b4344ea9009a5523fec827cc71c60a666', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), h("span", { key: 'd4e56853e3b89ec1b02834ac92979a0c7732c8ea', class: "checkmark" })), h("ic-typography", { key: 'b59ad2a116ccc3c4ab4ce7c3f1555862834c219b', class: "radio-label", variant: "body" }, h("label", { key: '98450e5c6ac1857d1aeafbd0ee01204e1bf7b67b', htmlFor: id }, label))), hasAdditionalField && (h("div", { key: '7a003d032a8df33ae8d7e536b310f50627004a7d', class: {
                 "dynamic-container": true,
                 hidden: additionalFieldDisplay === "dynamic" && !selected,
-            } }, additionalFieldDisplay === "dynamic" && (h("div", { key: '9e255b67914bab0f2a7978a19c8c04038a432a6e', class: "branch-corner" })), h("div", { key: '3b3bd8c12f9af1282b912171a32cb2d3a9fdbcbf' }, additionalFieldDisplay === "dynamic" && (h("ic-typography", { key: '794ff2b6151c741db4008248aefd498222598c61', variant: "caption", role: "alert" }, h("p", { key: '569e5e259490941c9790c62d01f130b6ff32b6cf', class: "dynamic-text" }, dynamicText))), h("div", { key: '7b6a37a12a783849bbe9017d7ec10b54b1208470', class: {
+            } }, additionalFieldDisplay === "dynamic" && (h("div", { key: 'e71bef2b3f45dc145bd244b12daa1f934aabd8c9', class: "branch-corner" })), h("div", { key: 'c430c0f8af54686f02cdb4ff648923d1479a1b36' }, additionalFieldDisplay === "dynamic" && (h("ic-typography", { key: '70f2577189910a4b040ac4a24aecd8ae3255b417', variant: "caption", role: "alert" }, h("p", { key: '413223245ee9362fb10f6481e337a087f77f3c58', class: "dynamic-text" }, dynamicText))), h("div", { key: 'cf9ace3d0edcde40f6542af9d2f8644e2d9626e4', class: {
                 [`additional-field-wrapper-${additionalFieldDisplay}`]: true,
-            } }, h("slot", { key: '995bc9f0b8f3f1b9c500b9c4301f7711363a8865', name: ADDITIONAL_FIELD })))))));
+            } }, h("slot", { key: '2c5b92af633dd04592891d9ba10a90c0b9d80e85', name: ADDITIONAL_FIELD })))))));
     }
     static get is() { return "ic-radio-option"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/ic-search-bar/ic-search-bar.js CHANGED Viewed

@@ -527,39 +527,39 @@ export class SearchBar {
         const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
         const labelValue = getLabelFromValue(value, options, valueField, labelField);
         renderHiddenInput(this.el, value, name, disabledMode);
-        return (h(Host, { key: '04e5c15ac492b502e560a905f83f3a250412ca06', class: {
+        return (h(Host, { key: 'f9ec3f2c47607e817cf0352546d0f72653b433ae', class: {
                 "ic-search-bar-search": true,
                 "ic-search-bar-full-width": fullWidth,
                 "ic-search-bar-disabled": disabled,
                 "ic-search-bar-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: '8fef7c014864aef9293542ab21524aa45d9241ac', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '43f1de8b93e14b829f581e0d394a75cb03c9d946', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, h("slot", { key: 'f5f1c33908f9083f84e162e6967e8b40d903f264', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: '9fa5ed5c57101c905259eacdf81a1d7f8189f086', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h("input", { key: '853c5c33a1760d96d447332df4c3bff6e79f91f8', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
+            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: 'fde0dc358fd80f81d23927eb18b6bd73e9694bcc', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '3c2a138a07c5a637842bf0330a857cd8a4c05be5', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, h("slot", { key: '4e5d465c5f4486826f3a634a4dd5ed2ecf01b249', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: '62ad9581a1280af102d990de7fcac4055f800bec', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h("input", { key: '196cad9c551d68276d99af9a60bd07a141130bd9', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
                 "no-left-pad": readonly,
                 readonly,
                 "truncate-value": truncateValue,
-            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '0d72210be324fa78ae66ce350c163e9633917978', class: {
+            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '94889d1ffab13321ea522704aacd7ebf0e0c3d00', class: {
                 "clear-button-container": true,
                 "clear-button-visible": !!value && !disabledMode && showClearButton,
-            } }, h("ic-button", { key: 'be2a08dde69a638dc26f0c479c691e65d80ece9e', id: "clear-button", class: {
+            } }, h("ic-button", { key: 'd0a3c5b6288c249ba8be2a4bcbbd2a33f1a30025', id: "clear-button", class: {
                 "clear-button": true,
                 "clear-button-unfocused": !clearButtonFocused,
-            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), h("div", { key: '5043e6629e6c2c925bc8464a65339bad98e915dc', class: "divider" })), h("div", { key: 'a36f9243178a2dc0da8e45e7dfe649816cf2b978', class: {
+            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), h("div", { key: '3965e828aba0dd8f88051ec717c7fafcb237a271', class: "divider" })), h("div", { key: 'c143dbc227dce558f5f87e1e2f7e3a014b9d250c', class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            } }, h("ic-button", { key: '9bdca735d409bd35d38d586b69172a72673fd275', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
+            } }, h("ic-button", { key: '98e79886a69703ab39c8d6f5f97c147fb406870d', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
                 "search-submit-button": true,
                 "search-submit-button-small": size === "small",
                 "search-submit-button-unfocused": !searchSubmitFocused,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), h("div", { key: '642e60a52c92b6fda82276a827236c4651d0cbf7', class: {
+            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), h("div", { key: '4b0377230ac437eda9f5674876e87a7a72a0779c', class: {
                 "menu-container": true,
                 fullwidth: fullWidth,
-            } }, menuRendered && this.anchorEl && this.inputEl && (h("ic-menu", { key: '025843659ad91751380c71f373c8e8f9fa118eb1', class: {
+            } }, menuRendered && this.anchorEl && this.inputEl && (h("ic-menu", { key: '8be3e2accba616f85a408e8c82304433e98f7715', class: {
                 "no-results": this.hadNoOptions() ||
                     (filteredOptions.length === 1 &&
                         (filteredOptions[0][labelField] === loadingLabel ||
                             filteredOptions[0][labelField] === loadingErrorLabel)),
-            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), h("div", { key: '17f2a14197fa3051a70345fd10e30a5cb98a13de', "aria-live": "polite", role: "status", class: "search-results-status" })));
+            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), h("div", { key: '09953fbff84f3e27a6522da365ef49e96b21fa62', "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get is() { return "ic-search-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -601,7 +601,7 @@ export class SearchBar {
                 "mutable": false,
                 "complexType": {
                     "original": "IcAutocompleteTypes",
-                    "resolved": "\"name\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
+                    "resolved": "\"on\" | \"off\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
                     "references": {
                         "IcAutocompleteTypes": {
                             "location": "import",

package/dist/collection/components/ic-section-container/ic-section-container.js CHANGED Viewed

@@ -12,12 +12,12 @@ export class SectionContainer {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (h(Host, { key: '141dc39bbd1e9fda7617f8bff574f1e25ada9fe8', class: {
+        return (h(Host, { key: 'b72248434ac227221b9854880dd5103733052170', class: {
                 ["aligned-left"]: aligned === "left" || aligned === null,
                 ["aligned-center"]: aligned === "center",
                 ["aligned-full-width"]: aligned === "full-width",
                 ["no-vertical-padding"]: !!fullHeight,
-            } }, h("slot", { key: '8f1f0cdc5a22c0de9e0e3346ba1b7dcc8c3bf295' })));
+            } }, h("slot", { key: '749c9299c6116291ec9555bbd2a9586585e7480d' })));
     }
     static get is() { return "ic-section-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-select/ic-select.js CHANGED Viewed

@@ -607,19 +607,19 @@ export class Select {
                     "loading" in menuOptions[0] ||
                     "timedOut" in menuOptions[0]));
         renderHiddenInput(this.el, value, name || inputId, disabled);
-        const ClearButton = () => (h("ic-button", { key: '8b264f825c15b75c6b4b75659f8fe054425f1d08', ref: (el) => (this.clearButton = el), id: "clear-button", "aria-label": this.searchable ? "Clear input" : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onBlur: this.handleBlur, size: size, variant: "icon-tertiary" }));
-        const NativeSelect = () => (h("select", Object.assign({ key: '75584fed7b1a6ad382ded83c440643657c1e1c7c', ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), h("option", { key: '9cecd0abe9eb2f3df10dcc9cf6f6bd0f866f5e9d', value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => "children" in option && option.children ? (h("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option)))));
-        const SelectButton = () => (h("div", { key: '236970625078488c8fc0b592ffff98fdce92eb59', class: "select-container" }, h("button", { key: '7c57aae2a5ffc206af492ef69afc81ed45f132e4', class: "select-input", role: "combobox", ref: (el) => (this.selectElement = el), id: inputId, "aria-label": `${label}, ${(multiple && value
+        const ClearButton = () => (h("ic-button", { key: '3892a327f660eb5c8add2dad6b0234e98c1763df', ref: (el) => (this.clearButton = el), id: "clear-button", "aria-label": this.searchable ? "Clear input" : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onBlur: this.handleBlur, size: size, variant: "icon-tertiary" }));
+        const NativeSelect = () => (h("select", Object.assign({ key: '9dbff7cad48e70c9ecb5bdaf5188bf76ebb21bc9', ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), h("option", { key: '4899ac51e4735de3a3a6d1674a107d496d136f8d', value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => "children" in option && option.children ? (h("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option)))));
+        const SelectButton = () => (h("div", { key: 'a54b55c792c30da50db55cdf579a7b5112733ab2', class: "select-container" }, h("button", { key: '566288c0b7ba2c08f437d0894f1e7e8d050dbec9', class: "select-input", role: "combobox", ref: (el) => (this.selectElement = el), id: inputId, "aria-label": `${label}, ${(multiple && value
                 ? `${value.length} of ${this.flatOptions.length} selected, ${this.getLabelString()}`
-                : this.getLabelString()) || placeholder}`, onClick: this.handleClick, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", "aria-haspopup": "listbox", "aria-expanded": `${open}`, "aria-controls": menuId, "aria-required": `${required}`, disabled: disabled, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-activedescendant": ariaActiveDescendant }, h("ic-typography", { key: 'e83a141287ad5f72e5760781452a4f191cf04fa8', variant: "body", class: {
+                : this.getLabelString()) || placeholder}`, onClick: this.handleClick, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", "aria-haspopup": "listbox", "aria-expanded": `${open}`, "aria-controls": menuId, "aria-required": `${required}`, disabled: disabled, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-activedescendant": ariaActiveDescendant }, h("ic-typography", { key: 'f5fb6dcd933444aa16b0e481f3cfcd606d266027', variant: "body", class: {
                 "value-text": true,
                 "with-clear-button": !!isClearable,
                 placeholder: !value,
-            } }, this.getLabelString()), h("div", { key: 'd0144dcf41567138a7920ef03e3487e0ec54adaf', class: "select-input-end" }, isClearable && h("div", { key: '7476a99bca242fb377406f059e23445307f8fd47', class: "divider" }), h("span", { key: '9c7bcbd45dd68efa9342fec61ca30e8129cbe3e3', class: {
+            } }, this.getLabelString()), h("div", { key: '2a0f71ba4314bf48c042c08d6542a7e5d290cfa1', class: "select-input-end" }, isClearable && h("div", { key: 'aab9235d7bed234a7faa3b76f946723a6fd733b5', class: "divider" }), h("span", { key: 'bbcb55feda8598bed785a7d97ffbfda9beace9b6', class: {
                 "expand-icon": true,
                 "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && h(ClearButton, { key: '96fe7d88db9ae07066b8975594a9394b51adbead' }), h("div", { key: 'f8aa1da24f4f1b7c6caefd93af5626939a4c30da', "aria-live": "polite", "aria-atomic": "true", class: "aria-live-hidden-text" }, selectButtonAriaLiveText)));
-        const SelectInput = () => (h("div", { key: '0359142f04587d68aad6d55f9a7a64bc3f61943e', class: "searchable-select-container" }, h("input", { key: 'e7c6a921b493e0a8b810e5ea823fe2970313b4f9', class: {
+            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && h(ClearButton, { key: '7be9270208022eec818d3d11e787e97b3e9781a4' }), h("div", { key: '66a002a41aaae04ff167acd5bc41df446d1c7185', "aria-live": "polite", "aria-atomic": "true", class: "aria-live-hidden-text" }, selectButtonAriaLiveText)));
+        const SelectInput = () => (h("div", { key: '8c8bc17e0e8d6b2a19c2b6546a7dc1927003ffe6', class: "searchable-select-container" }, h("input", { key: 'b9f94d2533162b38c766f003a9befcbadff6def8', class: {
                 "value-text": true,
                 "select-input": true,
                 "with-clear-button": !!searchableSelectInputValue,
@@ -627,25 +627,25 @@ export class Select {
                 ? ""
                 : value
                     ? this.getLabelString()
-                    : searchableSelectInputValue || undefined, disabled: disabled, placeholder: placeholder, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, form: form }), isClearable && (h("div", { key: '4c6c663b7f3794a0a3748d6cb61c31372bbad84d', class: "clear-button-container" }, h(ClearButton, { key: '03413d6336fa01461037740a9a73c2acbad9d3c1' }), h("div", { key: 'aad75a81b8a62e8302a83f95d3dae62028d82841', class: "divider" }))), h("span", { key: 'cc9aa62781332afed5a4a00ad687820fd6106a8a', onMouseDown: this.handleExpandIconMouseDown, class: {
+                    : searchableSelectInputValue || undefined, disabled: disabled, placeholder: placeholder, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, form: form }), isClearable && (h("div", { key: '2fa369c2f909206cda3e533fdc1b4f61f49e5367', class: "clear-button-container" }, h(ClearButton, { key: '7c6f3009ca83d1f1ad53bbfe9356663a777b01b8' }), h("div", { key: 'f7928645b4eac91f7a65e88fa493032f9036e520', class: "divider" }))), h("span", { key: '01223cbc2bb20344cc6e18d6d7c899ed9eb73565', onMouseDown: this.handleExpandIconMouseDown, class: {
                 "expand-icon": true,
                 "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }), h("div", { key: 'f689789683bad109768658de55194fd922f6a586', "aria-live": "polite", role: "status", class: "aria-live-hidden-text" }, selectInputAriaLiveText)));
-        const ReadOnly = () => (h("ic-typography", { key: 'f77135f478f4860a473bda5ce2d5ed82adae0b53' }, h("p", { key: 'b98c424e53047b835231479ba3c8e949207b2e60' }, this.getLabelString() === placeholder ? "" : this.getLabelString())));
-        return (h(Host, { key: '126f830a424039ed189c5c0bdb3a5581f4c9fd34', class: {
+            }, innerHTML: Expand, "aria-hidden": "true" }), h("div", { key: '3ad6ae8f699743bdf8277a4b5c50afa4fa0ddc22', "aria-live": "polite", role: "status", class: "aria-live-hidden-text" }, selectInputAriaLiveText)));
+        const ReadOnly = () => (h("ic-typography", { key: 'dac815c30b87420c94c68e65eaa27ec3b0902a12' }, h("p", { key: '828de16f7df4fa23e8387f2ef9cf84b1994a91a3' }, this.getLabelString() === placeholder ? "" : this.getLabelString())));
+        return (h(Host, { key: '91899d31f22ef6d7417710d110499cc72e97f230', class: {
                 "ic-select-disabled": disabled,
                 "ic-select-searchable": searchable,
                 [`ic-select-${size}`]: size !== "medium",
                 "ic-select-full-width": fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("ic-input-container", { key: 'b9dee0df3b7201371974b1384cc773550304574f', readonly: readonly }, !hideLabel && (h("ic-input-label", { key: 'a247b8e90fd62cc805e6e2b921bd598d81023b50', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, h("slot", { key: '022b03330ee4995b282ca486b8b8407458b65242', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: '012bec0098db190860d46d78d0d0eabfea6f349b', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
+            } }, h("ic-input-container", { key: '2c314323d9b410363eefdfb6fbdcb8b4360109d0', readonly: readonly }, !hideLabel && (h("ic-input-label", { key: '28269a9d64624f0c646fa46bf8199716cefdc220', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, h("slot", { key: '235bdb195e5feeae8d82360efa17aa576df9cff4', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: 'a936a39d3dbdf43d406d994594b4dd72f1aa59e2', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
             !disabled &&
-            (!readonly || !!value) && (h("span", { key: 'e510aaf8f1af290adeda47fb69a2b9fe03ba45df', slot: "left-icon", class: {
+            (!readonly || !!value) && (h("span", { key: '67c88b6a8c00524eff7575fc71150ea5aabeb847', slot: "left-icon", class: {
                 readonly,
                 "has-value": !!value,
-            } }, h("slot", { key: '4618acba252d43f20b92430be62ad522296145c9', name: "icon" }))), isMobileOrTablet() && this.useNativeSelectOnMobile && !multiple ? (h(NativeSelect, null)) : readonly ? (h(ReadOnly, null)) : !searchable ? (h(SelectButton, null)) : (h(SelectInput, null))), !(isMobileOrTablet() &&
+            } }, h("slot", { key: '92f2c3c41210287a28e524afa4511a08204a5544', name: "icon" }))), isMobileOrTablet() && this.useNativeSelectOnMobile && !multiple ? (h(NativeSelect, null)) : readonly ? (h(ReadOnly, null)) : !searchable ? (h(SelectButton, null)) : (h(SelectInput, null))), !(isMobileOrTablet() &&
             this.useNativeSelectOnMobile &&
-            !multiple) && (h("ic-menu", { key: '5e014dba6d6c4598aa9c6644aa556fc4e80022cc', ref: (el) => (this.menu = el), class: { "no-results": noOptions }, inputEl: searchable ? this.searchableSelectElement : this.selectElement, allowMenuFocus: false, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: this.getOptions(), value: multiple ? value : value, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onTimeoutBlur: this.handleTimeoutBlur, onMenuOptionId: this.updateAriaActiveDescendant, onClick: this.setFocus, parentEl: this.el, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", onRetryButtonClicked: this.handleRetry, closeOnSelect: !multiple, multiSelect: multiple, searchableSelect: searchable })), h("ic-input-validation", { key: '08feb8f8e219adb8aba58e078a9dc6d0aa8bc006', class: {
+            !multiple) && (h("ic-menu", { key: '644f853a4caad5efbcab0c9228e0bf18595ecb91', ref: (el) => (this.menu = el), class: { "no-results": noOptions }, inputEl: searchable ? this.searchableSelectElement : this.selectElement, allowMenuFocus: false, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: this.getOptions(), value: multiple ? value : value, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onTimeoutBlur: this.handleTimeoutBlur, onMenuOptionId: this.updateAriaActiveDescendant, onClick: this.setFocus, parentEl: this.el, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", onRetryButtonClicked: this.handleRetry, closeOnSelect: !multiple, multiSelect: multiple, searchableSelect: searchable })), h("ic-input-validation", { key: '00ca9a2788bf404fb096c2497e46aa138c32ea76', class: {
                 "menu-open": open,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
     }

package/dist/collection/components/ic-side-navigation/ic-side-navigation.js CHANGED Viewed

@@ -466,7 +466,7 @@ export class SideNavigation {
             isAppNameSubtitleVariant,
             appTitle: appTitle || "",
         };
-        return (h(Host, { key: '886d59eacfc6a79fa8b4caae8a2cdb775dff6067', class: {
+        return (h(Host, { key: '467270372cb15a90984978cb333a6756c7ffcb8d', class: {
                 "xs-menu-open": menuOpen && isSDevice,
                 "xs-menu-close": !menuOpen && isSDevice,
                 "sm-collapsed": !isSDevice && !menuExpanded,
@@ -475,12 +475,12 @@ export class SideNavigation {
                 [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
                 ["ic-side-navigation-inline"]: !!inline,
-            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { key: '92d8098c0824f92ff4f639385d9ef1aae6fda26e', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { key: '5a35143cf052d624a03308c8a727b8714e1896a6', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (h("nav", { key: '4239354cce9eede321351b68744550e0de08c3ae', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, h("span", { key: 'f8a95a420530e9114eb4560a8e77b5be51282906', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), h("ul", { key: 'b660e71252c4c16dda5f3850c2769312b26397ff', class: "navigation-list" }, h("slot", { key: 'b3c7b371935ef0f4b5d604c5ebe1dda873419d75', name: "primary-navigation" }))))), h("div", { key: '2fcca3fc56a443b064541f3c595214693fe76b37', class: {
+            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { key: '51b75422befcc62a8b9a866ab9ab7c58b799db2c', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { key: 'fbcb14963d2ce5567297bdf794d1dd5f7a6209bb', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (h("nav", { key: '24da45c7237f1152c1e93db9b928120bcca1ba14', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, h("span", { key: 'e57f1521e37ecc9b770b35339059564ff23fe945', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), h("ul", { key: '88ffcdc33e0ebb348a3f8851dfb85020625293d7', class: "navigation-list" }, h("slot", { key: '91243f0760b0a67226f4c83a0393f669443ee356', name: "primary-navigation" }))))), h("div", { key: '77eaa1bf6bd8951c5a77902c75b0664aa36f0b44', class: {
                 ["bottom-wrapper"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, isSlotUsed(this.el, "secondary-navigation") && (h("nav", { key: '3b0b5d0d656206768109c4e4065c14d831962cb2', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, h("span", { key: '637fe5abe5383946e97277b089c7dd1d46e703a3', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), h("ul", { key: '78640f1d84d55e53414094fff6abad155b44f35d', class: "navigation-list" }, h("slot", { key: '35d6d19470f2b2694084b55c08905cfc8e3a0a97', name: "secondary-navigation" })))), h("div", { key: '78cd12a09800d0e83634ad7ca75daa2bd1adcd35', class: "bottom-side-nav" }, this.hasSecondaryNavigation && h("ic-divider", { key: 'b600544aa406b829069b6f7cdefeee16e9b4c40f' }), displayExpandBtn && (h("button", { key: 'a48355b059c6e41f141a41ca1aed6bf363be51cc', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), h("div", { key: '6f51db95e92d73c8c59ca5e337e0e6083e0d95b5', class: "app-status-wrapper" }, status && (h("div", { key: 'aea4cbab412fd1a89d65517d355a41538505527c', class: {
+            } }, isSlotUsed(this.el, "secondary-navigation") && (h("nav", { key: 'ad66580f2b2f753f4ce2d1be8128fdcb5fb69c9f', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, h("span", { key: '3f503502795535166e14d6d52ee1b8f72dfe9551', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), h("ul", { key: 'cfd5af2f79b1ca9e309fc160c5b4b00385f017d2', class: "navigation-list" }, h("slot", { key: 'a975b85e39c977ea241a976df63699337f6507d7', name: "secondary-navigation" })))), h("div", { key: 'b0f3f81a20589100389495ded413bf1bfe09e096', class: "bottom-side-nav" }, this.hasSecondaryNavigation && h("ic-divider", { key: '3ee7716a6a6ed2e8f776b9ba376a54274c84f873' }), displayExpandBtn && (h("button", { key: 'c7f04012bfcb7f727431a9d7e6e53d714cc49e5e', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), h("div", { key: 'a3d90469e6d05790dd84a00ea1e4c4c35ecb8955', class: "app-status-wrapper" }, status && (h("div", { key: '6dddec89dbd4e81f2d5b0132c648e53e72092d14', class: {
                 ["app-status"]: true,
-            } }, h("ic-typography", { key: '1a23249530701743408ac1003ce89a0c91f5165c', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (h("ic-typography", { key: '430aa919fdf4eaca59e0fa6523f014a1885de38a', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
+            } }, h("ic-typography", { key: '21635fd5640f74861ede6840073a112753d13a29', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (h("ic-typography", { key: '7a95df03f61c13f2a6ed23e43be42959ae98fd88', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
     }
     static get is() { return "ic-side-navigation"; }
     static get encapsulation() { return "shadow"; }