@uh-design-system/component-library 1.5.0 → 1.5.1

package/dist/esm/ds-tablist.entry.js

@@ -1,13 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CekDlrI5.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CwRLLmVv.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-_iBy9YIS.js';
+import { c as cx } from './cx-BqupTqI0.js';
 import { t as transformTagName, e as throttle, i as ifDefined, d as declareComponentDependencies } from './utils-BR594Mvg.js';
-import { t as tabsFactory } from './tabsFactory-B3p3tjOn.js';
+import { t as tabsFactory } from './tabsFactory-DOMEcCEK.js';
+import { c as componentFactory } from './componentFactory-DSKAA4ol.js';
 import './tabsContext-CmV_PzxK.js';
+import './store-DsOtMwiU.js';
 
-const dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__GqWYnG.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:focus,.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--backward.sc-ds-tablist{left:0}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--forward.sc-ds-tablist{right:0}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.ds-tablist__GqWYnG__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.ds-tablist__GqWYnG__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button[hidden].sc-ds-tablist{display:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
+const dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__bQiYWO.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist:focus,.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--backward.sc-ds-tablist{left:0}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--forward.sc-ds-tablist{right:0}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--container.ds-tablist__bQiYWO__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--container.ds-tablist__bQiYWO__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button[hidden].sc-ds-tablist{display:none}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
 
-const DsTablist = class extends Mixin(tabsFactory) {
+const DsTablist = class extends Mixin(componentFactory('ds-tablist'), tabsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -43,10 +45,10 @@ const DsTablist = class extends Mixin(tabsFactory) {
     async tabDisconnected() {
         this.setButtonsVisibility(this.scrollableElement);
     }
-    handleResize() {
+    handleWindowResize() {
         this.throttledSetButtonsVisibility(this.scrollableElement);
     }
-    handleTabClick(event) {
+    handleDsTabClick(event) {
         event.stopPropagation();
         if (event.detail.tabId === this.context?.currentTab)
             return;
@@ -73,7 +75,7 @@ const DsTablist = class extends Mixin(tabsFactory) {
         const max = this.scrollableElement.scrollWidth - this.scrollableElement.clientWidth;
         this.scrollableElement.scrollTo({ left: Math.max(0, Math.min(next, max)), behavior: 'auto' });
     };
-    handleTabFocus(event) {
+    handleDsTabFocus(event) {
         event.stopPropagation();
         this.scrollTabIntoView(event.target);
     }
@@ -81,7 +83,7 @@ const DsTablist = class extends Mixin(tabsFactory) {
         event.stopPropagation();
         const activeTab = event.target.closest(this.DsTab);
         const tabs = Array.from(this.el.querySelectorAll(this.DsTab));
-        const activeTabIndex = tabs.indexOf(activeTab);
+        const activeTabIndex = activeTab ? tabs.indexOf(activeTab) : -1;
         if (activeTabIndex === -1)
             return;
         let nextIndex = 0;
@@ -146,13 +148,13 @@ const DsTablist = class extends Mixin(tabsFactory) {
         const baseClass = cx('ds-tablist');
         const scrollableClass = `${baseClass}__scrollable`;
         const buttonClass = `${baseClass}__button`;
-        return (h("div", { key: '0b8939092cebd964f1d059c39e96356c9667b30b', class: baseClass }, h("div", { key: '95df4f0c08c9d7683b7ad33c619f6316a01645bd', ref: el => (this.scrollableElement = el), class: classNames(scrollableClass, {
+        return (h("div", { key: 'facb4e5c32ae467b6a5696fdfcb32ace65174167', class: baseClass }, h("div", { key: 'e16066822780aa24e748ec7086b3aac920efd364', ref: el => (this.scrollableElement = el), class: classNames(scrollableClass, {
                 [`${scrollableClass}--container`]: this.context?.variant === 'container',
                 [`${scrollableClass}--line`]: this.context?.variant === 'line',
-            }), role: "tablist", ...ifDefined('aria-label', this.dsAriaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, h("slot", { key: '4f8a069e168c9de0387347d08c618abd0b6167a6' })), h("div", { key: '53fb3cbeca8828a5e8cb29252b62458902b2d292', ref: el => (this.backwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--backward`, {
+            }), role: "tablist", ...ifDefined('aria-label', this.dsAriaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, h("slot", { key: '460bd1c6016cdf0e6580d5982e9f4fd9137bd259' })), h("div", { key: '53c5fe325aacf605633dbe24ce86b43f779c8606', ref: el => (this.backwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--backward`, {
                 [`${buttonClass}--container`]: this.context?.variant === 'container',
                 [`${buttonClass}--line`]: this.context?.variant === 'line',
-            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), h("div", { key: '4a4b57eb33f521de240bb884252b0c557c03e7be', ref: el => (this.forwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--forward`, {
+            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), h("div", { key: 'fab24ecfa00273931d5623479ac2bc7a45777e1c', ref: el => (this.forwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--forward`, {
                 [`${buttonClass}--container`]: this.context?.variant === 'container',
                 [`${buttonClass}--line`]: this.context?.variant === 'line',
             }), "aria-hidden": "true", hidden: !this.showForwardButton }, this.renderButton('forward'))));

package/dist/esm/ds-tabpanel.entry.js

@@ -1,13 +1,15 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CekDlrI5.js';
-import { c as cx } from './cx-_iBy9YIS.js';
-import { t as tabsFactory } from './tabsFactory-B3p3tjOn.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CwRLLmVv.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
+import { c as cx } from './cx-BqupTqI0.js';
+import { t as tabsFactory } from './tabsFactory-DOMEcCEK.js';
+import { c as componentFactory } from './componentFactory-DSKAA4ol.js';
 import './tabsContext-CmV_PzxK.js';
 import './utils-BR594Mvg.js';
+import './store-DsOtMwiU.js';
 
-const dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__GqWYnG.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__GqWYnG--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__GqWYnG--container.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__GqWYnG--container.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__GqWYnG[hidden].sc-ds-tabpanel{display:none}`;
+const dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__bQiYWO.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__bQiYWO--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__bQiYWO--container.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__bQiYWO--container.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__bQiYWO[hidden].sc-ds-tabpanel{display:none}`;
 
-const DsTabpanel = class extends Mixin(tabsFactory) {
+const DsTabpanel = class extends Mixin(componentFactory('ds-tabpanel'), tabsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -18,10 +20,10 @@ const DsTabpanel = class extends Mixin(tabsFactory) {
     dsPadded = true;
     render() {
         const baseClass = cx('ds-tabpanel');
-        return (h("div", { key: '4cc70db3ba4838fa67c1986e43ad49e08826ae64', id: this.dsId, class: classNames(baseClass, {
+        return (h("div", { key: '0381cf5fbffeaa9715ded94760d23a38af385edf', id: this.dsId, class: classNames(baseClass, {
                 [`${baseClass}--container`]: this.context?.variant === 'container',
                 [`${baseClass}--padded`]: this.dsPadded,
-            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, h("slot", { key: '57d406d1c0311824c2ea622009dfc937e1da39da' })));
+            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, h("slot", { key: '7973c2edf975b23ac583c5fa16682e428ff2f0aa' })));
     }
 };
 DsTabpanel.style = dsTabpanelCss();

package/dist/esm/ds-tabs.entry.js

@@ -1,12 +1,13 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CekDlrI5.js';
-import { c as cx } from './cx-_iBy9YIS.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CwRLLmVv.js';
+import { c as cx } from './cx-BqupTqI0.js';
 import { s as storeTabsContext, p as provideTabsContext } from './tabsContext-CmV_PzxK.js';
-import { c as componentFactory } from './componentFactory-DsTGhar0.js';
+import { c as componentFactory } from './componentFactory-DSKAA4ol.js';
 import './utils-BR594Mvg.js';
+import './store-DsOtMwiU.js';
 
-const dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__GqWYnG.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}`;
+const dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__bQiYWO.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}`;
 
-const DsTabs = class extends Mixin(componentFactory('ds-tabs')) {
+const DsTabs = class extends Mixin(componentFactory('ds-tabs', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -15,7 +16,7 @@ const DsTabs = class extends Mixin(componentFactory('ds-tabs')) {
     dsCurrentTab;
     dsCurrentTabPanel;
     dsVariant = 'container';
-    handleTabChange(event) {
+    handleDsTabChange(event) {
         event.stopPropagation();
     }
     createContext = () => {
@@ -44,7 +45,7 @@ const DsTabs = class extends Mixin(componentFactory('ds-tabs')) {
     }
     render() {
         const baseClass = cx('ds-tabs');
-        return (h("div", { key: 'a6821a48fca0e99284e97cadaa5def29dc0d4c08', class: baseClass }, h("slot", { key: '2261f98a9d22f2e75de26831da740c3834bf0e60' })));
+        return (h("div", { key: 'd052d2965d38dbfa76d202898b11acd55d45d16a', class: baseClass }, h("slot", { key: '2c87cb659baf883da5525579609aeb2a4b76949e' })));
     }
 };
 DsTabs.style = dsTabsCss();

package/dist/esm/ds-tag-group.entry.js

@@ -1,12 +1,13 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CekDlrI5.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CwRLLmVv.js';
 import { t as transformTagName, i as ifDefined, d as declareComponentDependencies } from './utils-BR594Mvg.js';
-import { c as cx } from './cx-_iBy9YIS.js';
+import { c as cx } from './cx-BqupTqI0.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { c as componentFactory } from './componentFactory-DsTGhar0.js';
+import { c as componentFactory } from './componentFactory-DSKAA4ol.js';
+import './store-DsOtMwiU.js';
 
-const dsTagGroupCss = () => `.ds-tag-group__GqWYnG__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
+const dsTagGroupCss = () => `.ds-tag-group__bQiYWO__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
 
-const DsTagGroup = class extends Mixin(componentFactory('ds-tag-group')) {
+const DsTagGroup = class extends Mixin(componentFactory('ds-tag-group', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -33,7 +34,7 @@ const DsTagGroup = class extends Mixin(componentFactory('ds-tag-group')) {
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
-        return (h("div", { key: '129731b5b4b29b94575ae740aba998a78a622f00', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, h(DsGroupLabel, { key: '436a24aec6cdf8db27f06d4b20efa37a2c9d2378', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, h("slot", { key: '3bea651b7810c3c2cf75fc3b276cd172d976d692', name: "label" }), h("slot", { key: 'c4fb8aaa76ec0a7d5ae88d4d6ddb65f473792a28', name: "assistiveText" })), h("div", { key: 'c6850ce8f6f4acd1fdd9c8c53b65e0c7e7161b6d', role: "list", class: `${baseClass}__tags` }, h("slot", { key: '28413e1d102f55cd14685a678761b3088d98faeb' }))));
+        return (h("div", { key: '93e69af7a60b81016c7a69997777cff253a986de', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, h(DsGroupLabel, { key: '2ce0e160e00038d78b77695c933ebefea51173dd', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, h("slot", { key: '31f098eadee64a4cd8c0b0fff57bed507db44b57', name: "label" }), h("slot", { key: '9d8c753ffacf5a37b479ca0b5a573de7a98de121', name: "assistiveText" })), h("div", { key: '86d5172ba9cf167dde3619158906d66e0cf8fdda', role: "list", class: `${baseClass}__tags` }, h("slot", { key: '9caebfd8027b4683b59ced20e7f0cd297934bf52' }))));
     }
 };
 declareComponentDependencies([h("ds-group-label", null)]);

package/dist/esm/ds-text-area.entry.js

@@ -1,16 +1,16 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-CekDlrI5.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-CwRLLmVv.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { q as characterOverage, u as tooLong, x as charactersRemaining, g as getRequiredText, a as getOptionalText, v as validityMessage } from './controlUtils-B3bjtllb.js';
+import { q as characterOverage, u as tooLong, x as charactersRemaining, g as getRequiredText, a as getOptionalText, v as validityMessage } from './controlUtils-DITylLAG.js';
 import { a as debounce, t as transformTagName, i as ifDefined, d as declareComponentDependencies } from './utils-BR594Mvg.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { c as cx } from './cx-_iBy9YIS.js';
+import { c as cx } from './cx-BqupTqI0.js';
 import { a as FEEDBACK_SET_TIMEOUT } from './constants-CLNvzo86.js';
-import { c as componentFactory } from './componentFactory-DsTGhar0.js';
-import './store-zG2lF8d6.js';
+import { c as componentFactory } from './componentFactory-DSKAA4ol.js';
+import './store-DsOtMwiU.js';
 
-const dsTextAreaCss = () => `.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__GqWYnG__container--full-width){width:100%}.ds-text-area__GqWYnG.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__GqWYnG__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__GqWYnG__container.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--active.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__GqWYnG__container.active.sc-ds-text-area:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__GqWYnG__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__GqWYnG__external-button.sc-ds-text-area,.ds-text-area__GqWYnG.sc-ds-text-area-s>[slot=suffix],.ds-text-area__GqWYnG .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__GqWYnG__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__GqWYnG__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__GqWYnG__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__GqWYnG__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__GqWYnG__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__GqWYnG__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__GqWYnG__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area,.ds-text-area__GqWYnG__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__GqWYnG__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__GqWYnG__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__GqWYnG__textarea--full-width.sc-ds-text-area{width:100%}`;
+const dsTextAreaCss = () => `.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__bQiYWO__container--full-width){width:100%}.ds-text-area__bQiYWO.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__bQiYWO__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.ds-text-area__bQiYWO__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__bQiYWO__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__bQiYWO__container--valid.sc-ds-text-area:hover:not(.ds-text-area__bQiYWO__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__bQiYWO__container--valid.ds-text-area__bQiYWO__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__bQiYWO__container--readonly.sc-ds-text-area,.ds-text-area__bQiYWO__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-within:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--valid.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__bQiYWO__container.sc-ds-text-area:hover:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--disabled,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--readonly.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--active.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--valid.sc-ds-text-area,.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__bQiYWO__container.active.sc-ds-text-area:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--disabled,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--readonly.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__bQiYWO__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__bQiYWO__external-button.sc-ds-text-area,.ds-text-area__bQiYWO.sc-ds-text-area-s>[slot=suffix],.ds-text-area__bQiYWO .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__bQiYWO__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__bQiYWO__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__bQiYWO__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__bQiYWO__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__bQiYWO__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__bQiYWO__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__bQiYWO__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__bQiYWO__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__bQiYWO__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__bQiYWO__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__bQiYWO__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__bQiYWO__textarea--resize-auto.sc-ds-text-area,.ds-text-area__bQiYWO__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__bQiYWO__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__bQiYWO__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__bQiYWO__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__bQiYWO__textarea--full-width.sc-ds-text-area{width:100%}`;
 
-const DsTextArea = class extends Mixin(componentFactory('ds-text-area')) {
+const DsTextArea = class extends Mixin(componentFactory('ds-text-area', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -215,7 +215,7 @@ const DsTextArea = class extends Mixin(componentFactory('ds-text-area')) {
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: 'e591094b6775f22391f60ddf12c6205e3c76149d' }, h(DsControlLabel, { key: 'f5199602d1981896a54d8f29e916c39f286a29f7', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, h("slot", { key: '270ac42a2309dce6fe8cd8dbbe1350a5e50d9f56', name: "label" }), h("slot", { key: '25f5f6cedda6f3e2568822769ba05cefde0d9253', name: "assistiveText" })), h("div", { key: '91a7f0cbe65d434890c7c9d20c585b0d7dbe551f', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
+        return (h(Fragment, { key: 'b612b6fe3103f53e0b64d915805f75e9796ac8fb' }, h(DsControlLabel, { key: '02bd38ed0325a311736df8cb30470a197acb5a22', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, h("slot", { key: '46190e215c00cfeff75b7322d308cca9999cbe13', name: "label" }), h("slot", { key: 'f796438f25c4dc05ad15239f1c5fa023db382088', name: "assistiveText" })), h("div", { key: '5fca9a68236653b672417beaa5d0d8602a3da5b1', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -223,7 +223,7 @@ const DsTextArea = class extends Mixin(componentFactory('ds-text-area')) {
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.textareaActive,
                 [`${containerClass}--full-width`]: this.dsFullWidth,
-            }) }, h("textarea", { key: '7e7b129e4cb8e7b5bdb69776ca5c353c5339fa58', ref: el => (this.textareaElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
+            }) }, h("textarea", { key: 'b253e00fba6be195003abe91fb25953a7c211d35', ref: el => (this.textareaElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
                 [`${baseClass}__textarea--full-width`]: this.dsFullWidth,
             }), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
@@ -231,11 +231,11 @@ const DsTextArea = class extends Mixin(componentFactory('ds-text-area')) {
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.errorTextId]: !!this.dsErrorText,
                     [this.successTextId]: !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), h("div", { key: 'a7359297033e98437ca5e9595e933052ceda6403', class: classNames(`${baseClass}__validity-container`, {
+                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), h("div", { key: 'c3e2ddb162f2b08f5ef36362af7c178515172a80', class: classNames(`${baseClass}__validity-container`, {
                 [`${baseClass}__validity-container--has-character-limit`]: !!this.dsCharacterLimit,
-            }) }, h("slot", { key: '822b85ca8bc02e48181d2dd4bbf1ac254e0ac9ef', name: "validity" }, h(DsInputValidity, { key: '80a7b31ae4e5178a93ac3ab07b9b9ecff98b8bbf', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }, this.dsCharacterLimit && h(DsVisuallyHidden, { key: '4ddd88740cc9a6e11d7eeacd6298bf5984792c7f', dsTag: "span" }, this.hiddenCharacterCountText)), h(DsInputValidity, { key: '3918a844e278289d8de831e38948af93a3153bcb', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success", dsAriaLive: "polite" })), this.dsCharacterLimit && (h("div", { key: '29f1beb8414bd40d47333806038d6e4ce050f8e2', class: classNames(`${baseClass}__character-count`, {
+            }) }, h("slot", { key: '03881d01b433caade0562f09639f17a3c06b1d59', name: "validity" }, h(DsInputValidity, { key: '8b3198a9b6803341fe297374baa9ff0d3d4b3a9b', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }, this.dsCharacterLimit && h(DsVisuallyHidden, { key: '436b39e47d7a10b99b72226571f5a51940088a59', dsTag: "span" }, this.hiddenCharacterCountText)), h(DsInputValidity, { key: '3976c6acf0ba732fa5486e6d164172370b03735c', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success", dsAriaLive: "polite" })), this.dsCharacterLimit && (h("div", { key: 'b728310d7e83472bbbac2c949e353720bcbd9eac', class: classNames(`${baseClass}__character-count`, {
                 [`${baseClass}__character-count--over-limit`]: this.characterCount > this.dsCharacterLimit,
-            }) }, h("small", { key: '7119a45fb774e72e4fd40c7e36273c4407db40bc' }, this.characterCount, "/", this.dsCharacterLimit))))));
+            }) }, h("small", { key: '04355fc32cfe659475b58a24d16aa66ed1f7132d' }, this.characterCount, "/", this.dsCharacterLimit))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/ds-text-input.entry.js

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-CekDlrI5.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-CwRLLmVv.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { j as hidePassword, k as showPassword, o as clearField, v as validityMessage } from './controlUtils-B3bjtllb.js';
+import { j as hidePassword, k as showPassword, o as clearField, v as validityMessage } from './controlUtils-DITylLAG.js';
 import { t as transformTagName, i as ifDefined, d as declareComponentDependencies } from './utils-BR594Mvg.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { c as cx } from './cx-_iBy9YIS.js';
-import { c as componentFactory } from './componentFactory-DsTGhar0.js';
-import './store-zG2lF8d6.js';
+import { c as cx } from './cx-BqupTqI0.js';
+import { c as componentFactory } from './componentFactory-DSKAA4ol.js';
+import './store-DsOtMwiU.js';
 
-const dsTextInputCss = () => `.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.sc-ds-text-input-h:has(.ds-text-input__GqWYnG--full-width){width:100%}.ds-text-input__GqWYnG.sc-ds-text-input{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-input__GqWYnG__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__GqWYnG__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-text-input__GqWYnG__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__GqWYnG__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.ds-text-input__GqWYnG__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input:hover:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input .ds-text-input__GqWYnG__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--readonly.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(span.ds-text-input__GqWYnG__prefix,.ds-text-input__GqWYnG__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(.ds-text-input__GqWYnG__button){padding-inline-end:unset}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__GqWYnG__container.active.sc-ds-text-input:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--disabled,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--readonly.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__GqWYnG__container.sc-ds-text-input:hover:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--disabled,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--readonly.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--active.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input,.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within:not(.ds-text-input__GqWYnG__container:focus-within.ds-text-input__GqWYnG__container--invalid,.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within.ds-text-input__GqWYnG__container--valid,.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within.ds-text-input__GqWYnG__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__GqWYnG__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall);padding-inline:0}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__GqWYnG__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(span.ds-text-input__GqWYnG__prefix,.ds-text-input__GqWYnG__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__GqWYnG__container.sc-ds-text-input span.ds-text-input__GqWYnG__prefix.sc-ds-text-input,.ds-text-input__GqWYnG__container.sc-ds-text-input span.ds-text-input__GqWYnG__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__GqWYnG__container.sc-ds-text-input .ds-text-input__GqWYnG__icon.sc-ds-text-input,.ds-text-input__GqWYnG__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__GqWYnG__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__GqWYnG__container.sc-ds-text-input .ds-text-input__GqWYnG__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}`;
+const dsTextInputCss = () => `.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.sc-ds-text-input-h:has(.ds-text-input__bQiYWO--full-width){width:100%}.ds-text-input__bQiYWO.sc-ds-text-input{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-input__bQiYWO__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__bQiYWO__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-text-input__bQiYWO__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__bQiYWO__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.ds-text-input__bQiYWO__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input:hover:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input .ds-text-input__bQiYWO__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--readonly.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(span.ds-text-input__bQiYWO__prefix,.ds-text-input__bQiYWO__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(.ds-text-input__bQiYWO__button){padding-inline-end:unset}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__bQiYWO__container.active.sc-ds-text-input:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--disabled,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--readonly.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__bQiYWO__container.sc-ds-text-input:hover:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--disabled,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--readonly.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--active.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input,.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within:not(.ds-text-input__bQiYWO__container:focus-within.ds-text-input__bQiYWO__container--invalid,.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within.ds-text-input__bQiYWO__container--valid,.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within.ds-text-input__bQiYWO__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__bQiYWO__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall);padding-inline:0}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__bQiYWO__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(span.ds-text-input__bQiYWO__prefix,.ds-text-input__bQiYWO__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__bQiYWO__container.sc-ds-text-input span.ds-text-input__bQiYWO__prefix.sc-ds-text-input,.ds-text-input__bQiYWO__container.sc-ds-text-input span.ds-text-input__bQiYWO__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__bQiYWO__container.sc-ds-text-input .ds-text-input__bQiYWO__icon.sc-ds-text-input,.ds-text-input__bQiYWO__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__bQiYWO__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__bQiYWO__container.sc-ds-text-input .ds-text-input__bQiYWO__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}`;
 
 const INPUT_TYPE_ICONS_MAP = {
     search: 'search',
@@ -17,7 +17,7 @@ const INPUT_TYPE_ACTION_BUTTON_ICON_MAP = {
     search: ({ clearButtonVisible }) => (clearButtonVisible ? 'cancel_fill' : ''),
     password: ({ passwordInputVisible }) => (passwordInputVisible ? 'visibility_off_fill' : 'visibility_fill'),
 };
-const DsTextInput = class extends Mixin(componentFactory('ds-text-input'), disableEventsFactory) {
+const DsTextInput = class extends Mixin(componentFactory('ds-text-input', { stopRootTracking: true, stopRootTrackingExcept: ['ds-datepicker'] }), disableEventsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -271,7 +271,7 @@ const DsTextInput = class extends Mixin(componentFactory('ds-text-input'), disab
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: '2eb773854726b60fcb3b0f9a9a06daee18b35d32' }, h(DsControlLabel, { key: '0cdf049b12816129875a7627f3da99219e7f5414', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: 'a24c6329f07ac0635040c5feab817668c4846faa', name: "label" }), h("slot", { key: '0e5d404eb9bea67b304cbc86e2d6a38de5f2df38', name: "assistiveText" })), h("div", { key: 'c4809794f735743d0ad6e67bfa741d64880e1e6d', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
+        return (h(Fragment, { key: 'fccd8aa55db309c162cc26d991eff81c21581129' }, h(DsControlLabel, { key: '7138322a1f4a103954b09ae50ff67f9e3cd10754', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: 'af89c9cd17d05b66ee050b30240988fcfcd3286c', name: "label" }), h("slot", { key: '77af55ac539fb8b8d95ec024f542f6a2ce24b5dd', name: "assistiveText" })), h("div", { key: '4e036a7c8c51d4eacfd616dbaf514261ed794619', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -279,12 +279,12 @@ const DsTextInput = class extends Mixin(componentFactory('ds-text-input'), disab
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
                 [`${baseClass}--full-width`]: this.dsFullWidth,
-            }) }, this.renderPrefixContent(baseClass), h("input", { key: '450c58f177064bd5bb82d7eafb96087cc2f11b70', ref: el => (this.inputElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
+            }) }, this.renderPrefixContent(baseClass), h("input", { key: 'dac488025dd29d22bed34be5e3f3e7cefc5cee58', ref: el => (this.inputElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
                     [this.assistiveTextId]: !!this.dsAssistiveText,
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.validityId]: !!this.dsErrorText || !!this.dsSuccessText,
-                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: '0e3c10f303d035322338304d1b5a4e87f5edbc2d', name: "validity" }, h(DsInputValidity, { key: '2005469a89a45ed64d4274ec042a274f62123026', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
+                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: 'fc1bdeef99168ac8bdff630f32597f99d1e2d35d', name: "validity" }, h(DsInputValidity, { key: '01a48bda0561e8e14c7148c1e8c7cb0f0c127b3e', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/ds-versioned-css-variables.entry.js

@@ -1,6 +1,7 @@
-import { M as Mixin, r as registerInstance, h, H as Host } from './index-CekDlrI5.js';
-import { c as componentFactory } from './componentFactory-DsTGhar0.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CwRLLmVv.js';
+import { c as componentFactory } from './componentFactory-DSKAA4ol.js';
 import './utils-BR594Mvg.js';
+import './store-DsOtMwiU.js';
 
 const dsVersionedCssVariablesCss = () => `.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;display:contents}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}`;
 
@@ -9,11 +10,12 @@ const DsVersionedCssVariables = class extends Mixin(componentFactory('ds-version
         super();
         registerInstance(this, hostRef);
     }
+    get el() { return getElement(this); }
     componentDidLoad() {
         this.componentMounted();
     }
     render() {
-        return (h(Host, { key: 'ef3cd2a4438ea0dc63be82f78420888b84009085' }, h("slot", { key: '7bcb80476873517e955e73f7a7d9cf1a72e3086a' })));
+        return (h(Host, { key: '234946e0823167987ec67ab4ead2dc4e3a895c3b' }, h("slot", { key: '8dfa46aee5728895ed2de8ddeb9f9fdcc7eeafbc' })));
     }
 };
 DsVersionedCssVariables.style = dsVersionedCssVariablesCss();

package/dist/esm/ds-visually-hidden.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-CekDlrI5.js';
-import { c as cx } from './cx-_iBy9YIS.js';
+import { r as registerInstance, h } from './index-CwRLLmVv.js';
+import { c as cx } from './cx-BqupTqI0.js';
 
-const dsVisuallyHiddenCss = () => `.sc-ds-visually-hidden-h{position:absolute}.ds-visually-hidden__GqWYnG.sc-ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}`;
+const dsVisuallyHiddenCss = () => `.sc-ds-visually-hidden-h{position:absolute}.ds-visually-hidden__bQiYWO.sc-ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}`;
 
 const DsVisuallyHidden = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsVisuallyHidden = class {
     dsTag = 'div';
     render() {
         const baseClass = cx('ds-visually-hidden');
-        return (h(this.dsTag, { key: 'fd41ae341098a35db3c4f30c1ae2720937a82a56', class: baseClass }, h("slot", { key: '43f6e10af6b55cfe08ab0e14482128ad0af50e50' })));
+        return (h(this.dsTag, { key: '8d98eed2e5abe80102e59ad8e1a4e9f5d6169ea1', class: baseClass }, h("slot", { key: '06bc60ab50213322e16820eeb2c1de7527736de0' })));
     }
 };
 DsVisuallyHidden.style = dsVisuallyHiddenCss();