@ukic/web-components 3.18.0 → 3.20.0

package/dist/esm/ic-select.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-a7a720e7.js';
-import { F as checkSlotInChildMutations, B as getLabelFromValue, A as getFilteredMenuOptions, G as isMacDevice, H as getOptionsWithoutGroupTitlesCount, r as removeDisabledFalse, l as removeFormResetListener, w as inheritAttributes, k as addFormResetListener, o as onComponentRequiredPropUndefined, m as renderHiddenInput, q as getInputDescribedByText, i as isSlotUsed, J as isMobileOrTablet, K as IcInformationStatus, s as hasValidationStatus } from './helpers-dcedb279.js';
-import { I as IC_INHERITED_ARIA } from './constants-7960cba4.js';
+import { K as checkSlotInChildMutations, G as getLabelFromValue, F as getFilteredMenuOptions, L as isMacDevice, M as getOptionsWithoutGroupTitlesCount, r as removeDisabledFalse, l as removeFormResetListener, z as inheritAttributes, k as addFormResetListener, o as onComponentRequiredPropUndefined, m as renderHiddenInput, q as getInputDescribedByText, i as isSlotUsed, N as isMobileOrTablet, O as IcInformationStatus, s as hasValidationStatus } from './helpers-0f85537f.js';
+import { I as IC_INHERITED_ARIA } from './constants-ab12fdcf.js';
 
 const Expand = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor" />
@@ -812,18 +812,18 @@ const Select = class {
             (searchable
                 ? !!searchableSelectInputValue
                 : !!currValue && !loading && showClearButton);
-        return (h(Host, { key: 'beb04e2fdc2db5765b24622f4d31bfdf36c61ba6', class: {
+        return (h(Host, { key: '7fe228e078a155a73e2fc94cc2b118c93b4145fe', class: {
                 "ic-select-disabled": disabled,
                 "ic-select-searchable": searchable,
                 [`ic-select-${size}`]: size !== "medium",
                 "ic-select-full-width": fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onBlur: this.onBlur }, h("ic-input-container", { key: 'e85323a8778251dca9d78ccc76906c7523a8f02a', readonly: readonly }, !hideLabel && (h("ic-input-label", { key: '9bd3a6662c29157c323beee7355ec0983a0a83e9', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, h("slot", { key: 'ba0fc93028a2ff25112730a950381a25bee23b54', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: 'c7d54f4d61bcb41cfbb3c4af1600a783e696121f', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
+            }, onBlur: this.onBlur }, h("ic-input-container", { key: 'f354e43e2138805bfb8e7f47dad8460c54bc4150', readonly: readonly }, !hideLabel && (h("ic-input-label", { key: '5e0a35593115e83abab6de7f4c4c13d0865e4cd0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, h("slot", { key: 'a1bb94c8b02a3b859245e384443395b92a24cc87', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: '0ce9a0afd7163ad10add85df056d8ed5b1e5e856', 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: '891b11b3008d52ac3db2197c372b21a12a9f431e', slot: "left-icon", class: {
+            (!readonly || !!value) && (h("span", { key: '6976af6d54de212225c8187634faceac225d769e', slot: "left-icon", class: {
                 readonly,
                 "has-value": !!value,
-            } }, h("slot", { key: '9fc291a9f0b756bf31331260ea3c313cdecf8fa2', name: "icon" }))), readonly ? (h("ic-typography", null, h("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (h("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), h("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (h("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (h("div", { class: "searchable-select-container" }, h("input", { class: {
+            } }, h("slot", { key: 'f198b118f799e71cc850ff9b4e8f72b2e6bb531c', name: "icon" }))), readonly ? (h("ic-typography", null, h("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (h("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), h("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (h("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (h("div", { class: "searchable-select-container" }, h("input", { class: {
                 "value-text": true,
                 "select-input": true,
                 "with-clear-button": !!searchableSelectInputValue,
@@ -844,7 +844,7 @@ const Select = class {
             } }, valueLabelString || placeholder), h("div", { class: "select-input-end" }, isClearable && h("div", { class: "divider" }), h("span", { class: {
                 "expand-icon": true,
                 "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (h("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (h("ic-menu", { key: 'b56cf5adc26838ad0f873aa16df8da7fd7b83d22', class: {
+            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (h("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (h("ic-menu", { key: '34f6484de01345c4ea6d9fcaa1cdc09c394e6904', class: {
                 "no-results": loading ||
                     hasTimedOut ||
                     (searchable &&
@@ -853,7 +853,7 @@ const Select = class {
                         ((_d = (_c = this.uniqueOptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.label) === emptyOptionListText),
             }, ref: (el) => (this.menu = el), inputEl: searchable
                 ? this.searchableSelectElement
-                : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (h("div", { key: 'c4e7606e119c8658e590716ff02dcaf45f30ae89', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), h("ic-input-validation", { key: 'b74ff136f8b758c400d9c0262a227f2286b301d5', class: {
+                : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (h("div", { key: 'edbcf92bebb2999f1b9dbff3da4299fd3fa21c00', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), h("ic-input-validation", { key: '37d687c64608a1bd70763c2c09351be2d736c624', class: {
                 "menu-open": open,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
     }

package/dist/esm/ic-side-navigation.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7a720e7.js';
 import { c as closeIcon } from './close-icon-539ec8d1.js';
 import { C as Chevron } from './chevron-icon-589e3b46.js';
-import { z as getCssProperty, f as getCurrentDeviceSize, D as DEVICE_SIZES, g as getBrandForegroundAppearance, i as isSlotUsed, L as isEmptyString, h as checkResizeObserver, o as onComponentRequiredPropUndefined, v as hasClassificationBanner, I as IcBrandForegroundEnum, e as isPropDefined } from './helpers-dcedb279.js';
-import './constants-7960cba4.js';
+import { C as getCssProperty, f as getCurrentDeviceSize, D as DEVICE_SIZES, g as getBrandForegroundAppearance, i as isSlotUsed, P as isEmptyString, h as checkResizeObserver, o as onComponentRequiredPropUndefined, y as hasClassificationBanner, I as IcBrandForegroundEnum, e as isPropDefined } from './helpers-0f85537f.js';
+import './constants-ab12fdcf.js';
 
 const menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
   <path d="M0 0h24v24H0V0z" fill="none" />
@@ -457,7 +457,7 @@ const SideNavigation = class {
             isAppNameSubtitleVariant,
             appTitle: appTitle || "",
         };
-        return (h(Host, { key: '2742b166ab7c1b3dadd63ca46597082f57b4a93c', class: {
+        return (h(Host, { key: '2ca241755bb10821d8557f559592d4dd0760b887', class: {
                 "xs-menu-open": menuOpen && isSDevice,
                 "xs-menu-close": !menuOpen && isSDevice,
                 "sm-collapsed": !isSDevice && !menuExpanded,
@@ -466,12 +466,12 @@ const SideNavigation = class {
                 [`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: '9c893c2c7dea96389a45a16f527070d6e3de5368', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { key: 'dbd2108ad31efee6d38a03c3dc6eb09648d19f11', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (h("nav", { key: 'ecd7bb4e1e16ddc4eb7602cdf307e6a28f16e853', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, h("span", { key: '4dcc53007366eddf432ab265e5a246fd94ca5911', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), h("ul", { key: '88796e6410e8359878b43c1f517fbd4cb4513e3f', class: "navigation-list" }, h("slot", { key: '8e83a35ead924765f96919d274b65ed09d5e929f', name: "primary-navigation" }))))), h("div", { key: '5574dd7d0b1f5269fd9db2be0e82eab01189f484', class: {
+            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { key: 'aa5762da7c66f9017e74d98b9d036cb14c69ec19', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { key: 'df39cd75e1e5386c9b199966244b420e0ef0d448', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (h("nav", { key: '8f5a9af9ec882ed1e313ce9273db4d6ab477a990', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, h("span", { key: 'a91c060ed0c0294e6fdc99c995430058b753e4cd', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), h("ul", { key: '060f365653046b8088c9161231c4001d39643e29', class: "navigation-list" }, h("slot", { key: 'b761659a332a7734c798ba61dee24ca7754cf96b', name: "primary-navigation" }))))), h("div", { key: 'a5be3e27f68f9314e107babba3e1b61e3dba27b4', class: {
                 ["bottom-wrapper"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, isSlotUsed(this.el, "secondary-navigation") && (h("nav", { key: '2f53e21f14b1b2bac7984a39a372004eae05532d', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, h("span", { key: '892d0c1292c15c558ade91896d610ed75714d3f4', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), h("ul", { key: '795f0ba505bb550fe9b61a39e2f7020d03d9dbba', class: "navigation-list" }, h("slot", { key: 'ebdd3da64163638ddf46509f56627de51ac17825', name: "secondary-navigation" })))), h("div", { key: '50ea370bfce079ca1073f8ef676879141a4dc00c', class: "bottom-side-nav" }, this.hasSecondaryNavigation && h("ic-divider", { key: '3897e3e6deac28eb1656a753b438def9e3d6ee75' }), displayExpandBtn && (h("button", { key: '8ccbcb422d4c753b5490d6ef83798540626936da', class: "menu-expand-button", innerHTML: Chevron, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), h("div", { key: '200fc21381180858eab9e3d7ead4b426c9ae4b6d', class: "app-status-wrapper" }, status && (h("div", { key: '2642ffbf3a021736cacfb9653a265e003a6cc7f9', class: {
+            } }, isSlotUsed(this.el, "secondary-navigation") && (h("nav", { key: 'eb981c93add2bce4f244cef2072ddbe9004920da', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, h("span", { key: '14093650feb9f7836d21e5e9c23025f161aa0a03', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), h("ul", { key: '2fc5d7119e42ad1a699c19f401542441f3c38101', class: "navigation-list" }, h("slot", { key: 'de673e94462c14ea82eef271b1094d53b60fb3c0', name: "secondary-navigation" })))), h("div", { key: '8c187281a890650aa75aba49154e1bd64e37df00', class: "bottom-side-nav" }, this.hasSecondaryNavigation && h("ic-divider", { key: 'ec8d437485b0554ceaeaee4fd6eb7f8215c1f2c4' }), displayExpandBtn && (h("button", { key: '44733bc053b72179fe49c1a3156ed1a6d389ea35', class: "menu-expand-button", innerHTML: Chevron, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), h("div", { key: '0c46f90bab1c162677caf7f3a1e2e97b83f4b21f', class: "app-status-wrapper" }, status && (h("div", { key: '0ff477aa184a44aacf5c04d4a6a635ec133722be', class: {
                 ["app-status"]: true,
-            } }, h("ic-typography", { key: 'aaa321854c75f56d1d606d4d43f320fa6f9569a4', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (h("ic-typography", { key: '1b53325edb44a3d0466f6fe74d76720b47af6ad6', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
+            } }, h("ic-typography", { key: '5fe36c925f766f7db841f70ed9bcefeea1b7346e', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (h("ic-typography", { key: '01e44f6858a26def4f6ae9996990e5d8f4d584b6', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ic-skeleton.entry.js

@@ -43,11 +43,11 @@ const Skeleton = class {
                 width: el.style.width || width || DEFAULT_WIDTHS[variant],
             }
             : undefined;
-        return (h(Host, { key: '3cb324b15256dfa0f641621061b5c9a0a102da61', class: {
+        return (h(Host, { key: 'b4a3ebe92aabc313aeb97e95ba87c6c12c59d2c6', class: {
                 skeleton: true,
                 "ic-skeleton-circle": variant === "circle",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style, "aria-disabled": "true" }, h("slot", { key: '93a1efa371acaf2aaff6674198e4083a4cf21862' })));
+            }, style: style, "aria-disabled": "true" }, h("slot", { key: 'be6ae12693bcfe04b70bf3dfee0e1096d194b9c9' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ic-skip-link.entry.js

@@ -40,9 +40,9 @@ const SkipLink = class {
     }
     render() {
         const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
-        return (h(Host, { key: '354579354254bfa9b0a1c314dd57226f2e1e4208', class: {
+        return (h(Host, { key: '4db32bbfdf500c9f7f39329124081e7e0d297678', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("ic-link", { key: '22276d114cc1d15a68eb675f6680b7388a76974a', class: {
+            } }, h("ic-link", { key: '4311c903f118bab9fedbdc7bfbb8ab912a25a22a', class: {
                 "display-top": !inline,
                 "full-width": !!fullWidth,
                 "show-background": !transparentBackground,

package/dist/esm/ic-status-tag.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-a7a720e7.js';
-import { o as onComponentRequiredPropUndefined } from './helpers-dcedb279.js';
-import './constants-7960cba4.js';
+import { o as onComponentRequiredPropUndefined } from './helpers-0f85537f.js';
+import './constants-ab12fdcf.js';
 
 const icStatusTagCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){:host{-ms-high-contrast-adjust:none;forced-color-adjust:none}}";
 const IcStatusTagStyle0 = icStatusTagCss;
@@ -39,12 +39,12 @@ const StatusTag = class {
     }
     render() {
         const { label, status, variant, size, announced, theme, uppercase } = this;
-        return (h(Host, { key: '2bbbf4341010538d3ce41795e2fdd7db95c6f403', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, h("strong", { key: 'd603275aeec1bbe93bf1273b460ee655f45263d0', class: {
+        return (h(Host, { key: 'd0d10c46cc967c5448afb1c10ad1211916602678', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, h("strong", { key: 'df86eb3a1d27444b991f2bbca96c80c1ee8213a5', class: {
                 ["tag"]: true,
                 [`${variant}-${status}`]: true,
                 ["outlined"]: variant === "outlined",
                 [`${size}`]: true,
-            } }, h("ic-typography", { key: 'b7e19ed18a1cced7c36e380df711599a17048736', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, h("span", { key: '5dd5bf12423220d8c453fa32413e5910b578d4c9' }, label)))));
+            } }, h("ic-typography", { key: '466f53b65c33bb62a60b50507b08fee5bd13d108', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, h("span", { key: 'a0082731e24b6d9bae6ef5c6f4641c325fbcc5fb' }, label)))));
     }
 };
 StatusTag.style = IcStatusTagStyle0;

package/dist/esm/ic-step.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a7a720e7.js';
 import { C as Check } from './check-icon-4a9f8371.js';
-import { e as isPropDefined, i as isSlotUsed } from './helpers-dcedb279.js';
-import './constants-7960cba4.js';
+import { e as isPropDefined, i as isSlotUsed } from './helpers-0f85537f.js';
+import './constants-ab12fdcf.js';
 
 const warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>
@@ -83,27 +83,27 @@ const Step = class {
         // STATUS ICON FOR COMPACT STEP
         let statusIcon;
         if (type === "completed" || compactStepStyling === "completed") {
-            statusIcon = (h("span", { key: 'ba84e43d6b6febb1b465c7d0a5a5bd76e6645c01', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: Check }));
+            statusIcon = (h("span", { key: '74b23c6076ab6aac072fc21e24ef5b13479699fc', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: Check }));
         }
         else if (type === "disabled" || compactStepStyling === "disabled") {
-            statusIcon = (h("span", { key: '43b597121b17fa8aef98f41792b9e75e5da95d73', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
+            statusIcon = (h("span", { key: '0494daaaee14c3f2d3bd424fc5fd194c7ff2b62b', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
         }
         // COMPACT STEP COMPONENT
-        const compactStep = (h("div", { key: 'cac4daaa6da8904d2e69ec16346262d18281819d', class: {
+        const compactStep = (h("div", { key: 'c3098f790836c299becd073793de042c70687b00', class: {
                 ["step"]: true,
                 ["current"]: !!current,
                 [`compact-step-${compactStepStyling}`]: !!compactStepStyling,
                 ["disabled"]: type === "disabled" || compactStepStyling === "disabled",
-            } }, h("ic-loading-indicator", { key: 'aef65f9660c2bd2fe46dc205afbf582c16d6b6a0', class: {
+            } }, h("ic-loading-indicator", { key: 'a192685be47c4df0b5420d03099e046d2c86d92f', class: {
                 "compact-step-progress-indicator": true,
                 "not-required": type === "disabled" || compactStepStyling === "disabled",
-            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), h("div", { key: 'ddb67de08977f0f460d72493d9049d332296aeaa', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (h("slot", { name: "heading" })) : (h("ic-typography", { variant: "h4", class: "heading" }, heading)), h("div", { key: 'f6b657968d62be2010ee736bbccbcf3484f56196', class: "info-line" }, h("ic-typography", { key: 'c632f49ad68d701a398e3cfb7a60bf08ceb00b98', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, h("span", { key: '6fa841aa5da07894c41076b60ffc7846ceee6595', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
+            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), h("div", { key: '031a4827300fe997173f0a92e7f184cdd2481a54', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (h("slot", { name: "heading" })) : (h("ic-typography", { variant: "h4", class: "heading" }, heading)), h("div", { key: '1f7909a0de56a3cc2fc8e498c9d027bb5faeedb1', class: "info-line" }, h("ic-typography", { key: '8afdaa87473127f7e154c353fe13671ee6295e64', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, h("span", { key: '9ce1f2f33a521ad17e6c16ff13c57b7418c50863', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
             type === "completed" ||
             type === "disabled" ||
             (this.variant === "compact" &&
                 !!compactStepStyling &&
                 compactStepStyling !== "active") ||
-            !!status) && (h("div", { key: '7a309e8ff089ca29c132aec776ee076bc107b46a', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (h("ic-typography", { key: '9aeddf74fce64cfb90861b7e0ca88ac7c206c0ad', variant: "caption" }, subheading !== null && isPropDefined(subheading)
+            !!status) && (h("div", { key: 'f759a3ea746749a2e32a1f7fe242f81d415936ea', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (h("ic-typography", { key: '2218c08fae3e99a77276ac5be770d83227d9436b', variant: "caption" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : type === "disabled" ||
                 (variant === "compact" &&
@@ -116,26 +116,26 @@ const Step = class {
         // ICON FOR DEFAULT STEP
         let icon;
         if (type !== "completed") {
-            icon = (h("ic-typography", { key: 'b2bd2aec5f28419635b1d0c2983c1d131fa0cf93', variant: "subtitle-small" }, h("span", { key: '26ad3501e4f159aac36162064f712c404b896017', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
+            icon = (h("ic-typography", { key: 'bf9290b58e81fbd33b6fec33c1f8c2daf772e3d0', variant: "subtitle-small" }, h("span", { key: 'a7892500ccecb39d9ef030b1c265df95497dce73', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
         }
         else {
-            icon = (h("div", { key: '6b34304442c6b4eb8b106a0ff2ad5c231bf205bf', class: "step-icon-inner", "aria-hidden": "true" }, h("span", { key: 'd62fc155679ce30e9fbf87e2a26d47a7f4b546ed', class: "check-icon", innerHTML: Check })));
+            icon = (h("div", { key: 'cb195656bb75703ea8cdefdd2595984d7f134b68', class: "step-icon-inner", "aria-hidden": "true" }, h("span", { key: 'd83ddc1fe07d6f7e904b757e172541a6a614aa30', class: "check-icon", innerHTML: Check })));
         }
         // STEP CONNECT FOR DEFAULT STEP
-        const partialBar = type === "current" && (h("div", { key: '9aca98b76e886d9d11cedba769002d757c85f6f0', class: "step-connect-inner" }));
-        const finalStep = !lastStep && (h("div", { key: '494c8fb9fe72ce7ba37a52b56edcd00460248cca', class: {
+        const partialBar = type === "current" && (h("div", { key: 'bbff974e95f002d093040010add1700c99e07613', class: "step-connect-inner" }));
+        const finalStep = !lastStep && (h("div", { key: 'c53c5a27a5601021a3474920ff4724c93d3ea1af', class: {
                 ["step-connect"]: true,
                 ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
             } }, partialBar));
         // DEFAULT STEP COMPONENT
-        const defaultStep = (h("div", { key: '00c780fca9cab9cf01f5662d10fed10474d84045', class: {
+        const defaultStep = (h("div", { key: '42b8f42430b8a455d1954141279c967b641fedf1', class: {
                 ["step"]: true,
                 [`${type}`]: true,
-            } }, h("div", { key: 'd727e05be7c6179c65fafc7eb6508b871ff5e30c', class: "step-top" }, h("div", { key: 'e03d6f2665ef97f1d6f2d38e86cf1461d515cd7a', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (h("div", { key: '04d1c9ac6ee4df8e5d4394a1d1f6fe073d8ee307', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (h("slot", { name: "heading" })) : (h("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (h("ic-typography", { key: '16fc9c541e21d0be0d8f0f7566ed8ac8e5c333cd', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
+            } }, h("div", { key: 'f82f5598ba7bd24ee738263d1f7ff9230f2527ce', class: "step-top" }, h("div", { key: '86b4cfae9c5c411803556f6028776aef731e9701', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (h("div", { key: '3cd81c453558c3ea8a42360bb02fc66e7354fcc1', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (h("slot", { name: "heading" })) : (h("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (h("ic-typography", { key: 'ff802a77f070a2eef0ee69c537f8b92d2d614488', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : stepStatus))))));
-        return (h(Host, { key: 'b0ae592b4c3148fe977efc52cd17f88c2a01da2c', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
+        return (h(Host, { key: '05f6c45fb88ca8576133885301077d9a5432580a', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
                 ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
                 [`ic-step-${variant}`]: true,

package/dist/esm/ic-stepper.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a7a720e7.js';
-import { p as pxToRem, h as checkResizeObserver } from './helpers-dcedb279.js';
-import './constants-7960cba4.js';
+import { p as pxToRem, h as checkResizeObserver } from './helpers-0f85537f.js';
+import './constants-ab12fdcf.js';
 
 const icStepperCss = ":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";
 const IcStepperStyle0 = icStepperCss;
@@ -285,11 +285,11 @@ const Stepper = class {
         checkResizeObserver(this.runResizeObserver);
     }
     render() {
-        return (h(Host, { key: '2ec1fcb09c175807a7d6c4f56748378363073f1e', class: {
+        return (h(Host, { key: 'b7f2dcc641420517df19d3dd811bfeab6c924793', class: {
                 [`ic-stepper-${this.variant}`]: true,
                 ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, h("ul", { key: 'a83274c2c50ef587165b467a169f0f252e5540c7', class: "step-item-list" }, h("slot", { key: '0143ddf0255e345ded3a8d741797c0d0ce1da4ca' }))));
+            } }, h("ul", { key: '9eadbde4ea2027d4c2f9f6ae3bcb67c0d8d91cc7', class: "step-item-list" }, h("slot", { key: '6567b75279bb52414e60d97eab675b2269851a93' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ic-switch.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7a720e7.js';
-import { r as removeDisabledFalse, l as removeFormResetListener, k as addFormResetListener, o as onComponentRequiredPropUndefined, m as renderHiddenInput, q as getInputDescribedByText } from './helpers-dcedb279.js';
-import './constants-7960cba4.js';
+import { r as removeDisabledFalse, l as removeFormResetListener, k as addFormResetListener, o as onComponentRequiredPropUndefined, m as renderHiddenInput, q as getInputDescribedByText } from './helpers-0f85537f.js';
+import './constants-ab12fdcf.js';
 
 const icSwitchCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;--ic-input-label-text-color:var(--ic-switch-label);--ic-input-label-helper-text-color:var(--ic-switch-help-text);--ic-input-label-helpertext-padding:var(--ic-space-xs)}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-xs)}.ic-switch-label-small{margin-bottom:var(--ic-space-xs)}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast);margin-left:var(--ic-space-xxs)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-toggle::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off)}.ic-switch-icon-line{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off-disabled)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-switch-indicator-on-disabled)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-switch-unchecked-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n    var(--ic-switch-checked-outline-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-switch-checked)}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted([slot=\"right-adornment\"]){margin-left:var(--ic-space-sm);fill:var(--ic-switch-icon)}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-border-hc)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}";
 const IcSwitchStyle0 = icSwitchCss;
@@ -96,16 +96,16 @@ const Switch = class {
         const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
         const isSmall = size === "small";
         renderHiddenInput(this.el, checkedState ? value : "", name, disabled);
-        return (h(Host, { key: 'e11db5d9ef7157f5b496107646dd45989b3fd2cf', class: {
+        return (h(Host, { key: '1e956030826e52752e8c7653b8da25af46f52426', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("label", { key: '3f0b6684b623d60898f68ae91914696ed1856907', class: {
+            } }, h("label", { key: '91501b821fe6124254ee768b372e064cd081fb16', class: {
                 "ic-switch-container": true,
                 "ic-switch-disabled": !!disabled,
                 "ic-switch-small": isSmall,
-            }, htmlFor: inputId }, !hideLabel && (h("ic-input-label", { key: 'd170da813d11e7842c7b52ad33a0e003326c91b2', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
+            }, htmlFor: inputId }, !hideLabel && (h("ic-input-label", { key: 'f9f89f3e0a580fd136efb7b7f896c74020a22b08', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
                 "ic-switch-label": true,
                 "ic-switch-label-small": isSmall,
-            } }, h("slot", { key: '86b0675dc2701c7eae251047fd8cc4177d3ec3a5', name: "helper-text", slot: "helper-text" }))), !hideLabel && h("span", { key: '10a20bc44042273b6dda222f4c0547279b89844f', class: "ic-switch-line-break" }), h("input", { key: '6edd5108b2f94b6fb0766b142980e1c7d5ef2209', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h("span", { key: 'f8fe1fa3345d804d3df07284bc66d8f54127833a', class: "ic-switch-toggle" }, h("svg", { key: 'bbd2c67828e7931dc5618be39e454075352ba321', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("line", { key: '430057b77a9506f2eeb2338ab9db8917234d1f93', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), h("svg", { key: 'f3a8b817039210b892faee6ca5a115d4fdb07286', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'f7d2d56b743834016888f477892202e17b2b3fef', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), h("slot", { key: 'fec7bad487e3f3c4e3223b713b74653c155114ae', name: "right-adornment" }))));
+            } }, h("slot", { key: 'ba6d621b604fb414e32b3610730faece841d30e6', name: "helper-text", slot: "helper-text" }))), !hideLabel && h("span", { key: 'd2a675ea63e51c6f3a2c9e22494a4d04ea7d6376', class: "ic-switch-line-break" }), h("input", { key: 'd0ebcc9c3119699b54ed088a511e050229e57b05', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h("span", { key: '7f5c08f419bda58267c3664dc6d63ed5218310b6', class: "ic-switch-toggle" }, h("svg", { key: '72c0c627015a5d4928b5b1301498b3b35bc07a9e', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("line", { key: '82aa70d102ff0444cf751b2d180a9407cfa6f3fb', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), h("svg", { key: '2234f9200dd364dcb995e6f12d380ae141e6320a', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '60c2fbd7fc71a7e310d42b8b20c5c4483aa743a7', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), h("slot", { key: 'eb81e7b8b1c6037e23074d407174060811af077e', name: "right-adornment" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/ic-tab-context.entry.js

@@ -231,7 +231,7 @@ const TabContext = class {
         }
     }
     render() {
-        return h("slot", { key: 'f5ec87ebfe042f0ebc06c809601b7040c0979dc3' });
+        return h("slot", { key: 'ddf3e45c3bd98315d6d49e35e3b309acfefc0782' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ic-tab-group.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-a7a720e7.js';
-import { o as onComponentRequiredPropUndefined } from './helpers-dcedb279.js';
-import './constants-7960cba4.js';
+import { o as onComponentRequiredPropUndefined } from './helpers-0f85537f.js';
+import './constants-ab12fdcf.js';
 
 const icTabGroupCss = ":host{display:block;margin-bottom:var(--ic-space-md);border-bottom:var(--ic-space-1px) solid var(--ic-tab-bottom-border)}:host(.ic-tab-group-monochrome){border-bottom:var(--ic-space-1px) solid\n    var(--ic-tab-bottom-border-monochrome)}:host(.ic-tab-group-inline){margin-bottom:0;border-bottom:none}.tabs-container{display:flex;flex-direction:row}.tabs-container::-webkit-scrollbar{display:none}:host ic-horizontal-scroll{--splitter-color:var(--ic-tab-divider)}:host(.ic-tab-group-monochrome) ic-horizontal-scroll{--splitter-color:var(--ic-tab-divider-monochrome)}";
 const IcTabGroupStyle0 = icTabGroupCss;
@@ -22,11 +22,11 @@ const TabGroup = class {
     }
     render() {
         const { inline, theme, label, monochrome } = this;
-        return (h(Host, { key: 'd4354a73edcfe5ed044e2acf6d04256eddcb7f40', role: "tablist", "aria-label": label, class: {
+        return (h(Host, { key: 'e6eda4f0fddf03fa0e666070e9fe4a01ed6c244c', role: "tablist", "aria-label": label, class: {
                 ["ic-tab-group-inline"]: !!inline,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-group-monochrome"]: !!monochrome,
-            } }, h("ic-horizontal-scroll", { key: '42cf7391e17b38a3489e77bc3d882aa31902c14a', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, h("div", { key: '81270d7ad5567b23ab8098679705c3818b3bfd35', class: "tabs-container" }, h("slot", { key: 'ee7b2ece3edc06146170b759f2c08e22bca9fc7f' })))));
+            } }, h("ic-horizontal-scroll", { key: 'b2387259eee6357ea9d90560aef246a035158e01', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, h("div", { key: 'a8351a7ab0e0a9ac824f5a4be46af8a97c6cb8dd', class: "tabs-container" }, h("slot", { key: '5008e5e509035d59bbf397a986af8d390ecacf1e' })))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/ic-tab-panel.entry.js

@@ -24,10 +24,10 @@ const TabPanel = class {
     }
     render() {
         const { active, theme } = this;
-        return (h(Host, { key: '5da4dba2bf404436c8b49173f9056d56912e9049', class: {
+        return (h(Host, { key: '33c2600681317fb27e801153496452582e5862a8', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tab-panel-hidden": !active,
-            }, role: "tabpanel", "aria-hidden": `${!active}` }, h("div", { key: '9f7b4cbaa9a2c5a72307ca07097cdb50fd93adb2' }, h("slot", { key: 'f97121f2a2d3092c18bd15c82743ba2a988a1134' }))));
+            }, role: "tabpanel", "aria-hidden": `${!active}` }, h("div", { key: '722ead8cc9ed26d0815781211bb5e657aa65f8ba' }, h("slot", { key: '78dad6e7c3d0ba3c684d586c0a16d2d1e7de32f7' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ic-tab.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7a720e7.js';
-import { r as removeDisabledFalse, i as isSlotUsed } from './helpers-dcedb279.js';
-import './constants-7960cba4.js';
+import { r as removeDisabledFalse, i as isSlotUsed } from './helpers-0f85537f.js';
+import './constants-ab12fdcf.js';
 
 const icTabCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon)}:host(.ic-tab-disabled) ::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon-disabled)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{--ic-typography-color:var(--ic-tab-label-disabled)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography{color:var(--ic-tab-label-monochrome-disabled)}:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon-monochrome-disabled)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}";
 const IcTabStyle0 = icTabCss;
@@ -89,13 +89,13 @@ const Tab = class {
     }
     render() {
         const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
-        return (h(Host, { key: '954c5dd86688230d4ebb36c8a98b9c30c1524fc9', class: {
+        return (h(Host, { key: '3bf21c3c40b3d05205e9f78ab27886fc6eaa57e7', class: {
                 ["with-transition"]: !this.isInitialRender,
                 ["ic-tab-selected"]: !!selected,
                 ["ic-tab-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-monochrome"]: !!monochrome,
-            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && h("slot", { key: '11506c4354b5dc44310df86479b02ed0638bbe32', name: "icon" }), h("ic-typography", { key: 'd466ad914e607cabb9ff47dc31b6428a081b08a7', class: "ic-tab-label", variant: "label" }, h("span", { key: '8cc33760084b7735ed7db8b222a2b0374c936f3f' }, h("slot", { key: '04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc' }))), isSlotUsed(this.el, "badge") && h("slot", { key: 'a29692b7826b09874aba3ec5579dbca979cd791a', name: "badge" })));
+            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && h("slot", { key: 'd3638e97b02e0938fc25ef9fe8fd74eca1ff235b', name: "icon" }), h("ic-typography", { key: '35c6f3a78c18b43716e3ceb26736b8e2f3e64d3f', class: "ic-tab-label", variant: "label" }, h("span", { key: '2d64798a00f945d9fcf830c4e5c6b4abf1fcf45c' }, h("slot", { key: 'd2c099b23e226d66c754fdd16bcc7b62ffea2ad0' }))), isSlotUsed(this.el, "badge") && h("slot", { key: '9072229033bfc5e11c3e9ee048d5a578ebfd8a78', name: "badge" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ic-text-field.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-a7a720e7.js';
-import { L as isEmptyString, F as checkSlotInChildMutations, r as removeDisabledFalse, E as debounceEvent, l as removeFormResetListener, w as inheritAttributes, k as addFormResetListener, o as onComponentRequiredPropUndefined, K as IcInformationStatus, q as getInputDescribedByText, m as renderHiddenInput, n as removeHiddenInput, i as isSlotUsed } from './helpers-dcedb279.js';
-import { e as IGNORED_KEYBOARD_CHARACTERS, I as IC_INHERITED_ARIA } from './constants-7960cba4.js';
+import { P as isEmptyString, K as checkSlotInChildMutations, r as removeDisabledFalse, J as debounceEvent, l as removeFormResetListener, z as inheritAttributes, k as addFormResetListener, o as onComponentRequiredPropUndefined, O as IcInformationStatus, q as getInputDescribedByText, m as renderHiddenInput, n as removeHiddenInput, i as isSlotUsed } from './helpers-0f85537f.js';
+import { e as IGNORED_KEYBOARD_CHARACTERS, I as IC_INHERITED_ARIA } from './constants-ab12fdcf.js';
 
 const icTextFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-helpertext-padding:var(--ic-space-xs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n    --ic-text-field-state-icon-warning\n  );--ic-input-validation-success-icon-color:var(\n    --ic-text-field-state-icon-success\n  );--ic-input-component-container-success-icon-inline-color:var(\n    --ic-text-field-state-icon-success\n  )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}::placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal);background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=\"number\"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot=\"icon\"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}.show-validation{margin-top:var(--ic-space-xs)}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none}input[type=\"search\"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}";
 const IcTextFieldStyle0 = icTextFieldCss;
@@ -393,14 +393,14 @@ const TextField = class {
         hiddenInput
             ? renderHiddenInput(this.el, value, name, disabledMode)
             : removeHiddenInput(this.el);
-        return (h(Host, { key: '4a38a5d8bd42f37b2ab1e9f3af485695b6185a8a', class: {
+        return (h(Host, { key: 'c94560bea90464d881f323a308aa17926a2ff1e6', class: {
                 "ic-text-field-full-width": fullWidth,
                 "ic-text-field-disabled": disabledMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("ic-input-container", { key: 'a7da6f94bac334322b00b223cfb3462d026fbba1', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '97a5cc41a79cfc56c3e8e309154cbcc015bbadad', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, h("slot", { key: 'd9994cb1bb7218712bbed976057a3ca8d9ad3c2b', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: '0d3a988b563b2f9f2033b52a75f4fd5e27056ba8', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h("span", { key: '319fa22903ab0b2c2315377abb9f9e7bad15f221', class: {
+            } }, h("ic-input-container", { key: 'cf76ec0c26f5003f66707b697df8c6e065872a66', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '0e8b2170e02cafadcda1cd7c73b1fe0d17695247', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, h("slot", { key: 'fb77e901d7b762bcdbe4b5aa1c448602617d1951', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: '51aff4fba6d8c8e474ebfc27f77c560cce1125f8', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (h("span", { key: '85df3728d49c37c33e1fe792973c527137431a78', class: {
                 readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, h("slot", { key: '1224a807133d300df0a6070c998260ece29e8c80', name: "icon" }))), !multiline ? (h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
+            }, slot: "left-icon" }, h("slot", { key: 'dc4cbe888dbe0e864102f60496be589951c4e610', name: "icon" }))), !multiline ? (h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
                 "no-left-pad": !showLeftIcon && readonly,
                 readonly,
                 "truncate-value": truncateValue,
@@ -408,12 +408,12 @@ const TextField = class {
                 "no-resize": resize === false || !!readonly,
                 "no-left-pad": !showLeftIcon && !!readonly,
                 readonly: !!readonly,
-            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (h("slot", { key: 'e50c8194546e08898e7ef0ed4dd940a881ffd5c4', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (h("slot", { key: 'e2ba7a0f555593f767ff1c93c4c58b71967da1a7', name: "search-submit-button" }))), isSlotUsed(el, "menu") && h("slot", { key: '7b22fe423951f0f38c5419ff3c35e9f32a72735d', name: "menu" }), h("ic-input-validation", { key: '85aec8ebd4633fa36585e3253e1cc8107c374495', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
+            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (h("slot", { key: '6faa3c12856f4f6c10158af49f14b51d5dac92e8', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (h("slot", { key: 'c18e08b7ae93e3f65e0410af0b6d64eb418e3940', name: "search-submit-button" }))), isSlotUsed(el, "menu") && h("slot", { key: 'e1a46ef6a4d97c4910df75941d6608a7765d127a', name: "menu" }), h("ic-input-validation", { key: 'e963d95a1e5bfc767c35b798c61bcf958dbcdfa6', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === IcInformationStatus.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (h("div", { key: 'f857927758c96f735592e7af679dba91c333fbf1', slot: "validation-message-adornment" }, !hideCharCount && (h("ic-typography", { key: 'eed01e87433155c8311c5ef958145d484c65264a', variant: "caption", class: "char-count-text" }, h("span", { key: '1752a0a453ed7dd28b909029f847330ffbff406c', class: "char-count" }, numChars, "/", maxNumChars))), h("span", { key: 'cd708a611a6133a7cf3b892d8f83cbf592791907', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), h("span", { key: 'ebe5600dece8662d9966667308e79872793b098c', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
+                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, isSlotUsed(el, "validation-text") && (h("slot", { key: '4b5817e1c52b9af6511e07c202e5eb0e8457689d', name: "validation-text", slot: "validation-message" })), !readonly && maxNumChars > 0 && (h("div", { key: '059e8dc7ffbb0225d0c901821ff53d5b90ddf9f1', slot: "validation-message-adornment" }, !hideCharCount && (h("ic-typography", { key: 'afe9cb357584f91fd2762d2c9f87d68eb7e25e68', variant: "caption", class: "char-count-text" }, h("span", { key: '583f62c58407615b2ce37edb17eed4928952e6ee', class: "char-count" }, numChars, "/", maxNumChars))), h("span", { key: '953722d8ddd1d3c4e187308944fdd0723e8e8e70', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), h("span", { key: '973adba9f9c7dca2409423f36af8dc4a9a3a7192', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {