@uh-design-system/component-library 1.6.0 → 1.7.0

package/dist/cjs/ds-steps.cjs.entry.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var index = require('./index-DNG8iA6h.js');
+var index$1 = require('./index-Bp6Dd2i1.js');
+var cx = require('./cx-B24n8vFf.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var stepsContext = require('./stepsContext-Bb6AZWJx.js');
+require('./utils-DWrHry7C.js');
+require('./store-BDEqiIFl.js');
+
+const dsStepsCss = () => `.ds-no-style-leak.sc-ds-steps *.sc-ds-steps{all:unset;box-sizing:border-box;display:block}.sc-ds-steps-h{display:contents}.ds-steps__pA2cRq.sc-ds-steps{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;list-style:none;flex-direction:row}.ds-steps__pA2cRq--vertical.sc-ds-steps{flex-direction:column}`;
+
+const DsSteps = class extends index.Mixin(componentFactory.componentFactory('ds-steps')) {
+    constructor(hostRef) {
+        super();
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    dsOrientation = 'vertical';
+    createContext = () => {
+        return {
+            orientation: this.dsOrientation,
+        };
+    };
+    storeContext = () => {
+        stepsContext.storeStepsContext(this.el, this.createContext());
+    };
+    updateContext = () => {
+        stepsContext.provideStepsContext(this.el, this.createContext());
+    };
+    componentWillLoad() {
+        this.storeContext();
+    }
+    componentDidUpdate() {
+        this.updateContext();
+    }
+    render() {
+        const baseClass = cx.cx('ds-steps');
+        const classes = index$1.classNames(baseClass, {
+            [`${baseClass}--vertical`]: this.dsOrientation === 'vertical',
+        });
+        return (index.h(index.Host, { key: 'e4a50c4727554978e3b57247fe885ff938633926', role: "list", class: classes }, index.h("slot", { key: '6e21c38a3f5425cb5635c677a52ad12e71121ea2' })));
+    }
+};
+DsSteps.style = dsStepsCss();
+
+exports.ds_steps = DsSteps;

package/dist/cjs/ds-store.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
-var store = require('./store-CeLiPTgq.js');
+var index = require('./index-DNG8iA6h.js');
+var store = require('./store-BDEqiIFl.js');
 
 const DsStore = class {
     constructor(hostRef) {

package/dist/cjs/ds-tab.cjs.entry.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
-var cx = require('./cx-7p_ZhZ56.js');
+var index = require('./index-DNG8iA6h.js');
+var cx = require('./cx-B24n8vFf.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-D94MuKO1.js');
-var tabsFactory = require('./tabsFactory-CKZdIr9t.js');
+var utils = require('./utils-DWrHry7C.js');
+var tabsFactory = require('./tabsFactory-DbRTTGCp.js');
 var iconList = require('./iconList-BpRt1sl8.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./tabsContext-DWxNG5rh.js');
-require('./store-CeLiPTgq.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./tabsContext-BAtGmJfm.js');
+require('./store-BDEqiIFl.js');
 
-const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__WN0Emr.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__WN0Emr.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__WN0Emr--selected.sc-ds-tab,.ds-tab__WN0Emr.sc-ds-tab:hover:not(.ds-tab__WN0Emr--selected),.ds-tab__WN0Emr.sc-ds-tab:active:not(.ds-tab__WN0Emr--selected){color:var(--ds-textColor-default)}.ds-tab__WN0Emr--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__WN0Emr--container.ds-tab__WN0Emr--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__WN0Emr--container.ds-tab__WN0Emr--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__WN0Emr--container.ds-tab__WN0Emr--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__WN0Emr--container.sc-ds-tab:hover:not(.ds-tab__WN0Emr--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__WN0Emr--container.sc-ds-tab:active:not(.ds-tab__WN0Emr--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__WN0Emr--line.sc-ds-tab:focus-visible .ds-tab__WN0Emr__content.sc-ds-tab{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-tab__WN0Emr--line.ds-tab__WN0Emr--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__WN0Emr--line.sc-ds-tab:hover:not(.ds-tab__WN0Emr--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__WN0Emr--line.sc-ds-tab:active:not(.ds-tab__WN0Emr--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__WN0Emr.sc-ds-tab .ds-tab__WN0Emr__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
+const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__pA2cRq.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__pA2cRq.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__pA2cRq--selected.sc-ds-tab,.ds-tab__pA2cRq.sc-ds-tab:hover:not(.ds-tab__pA2cRq--selected),.ds-tab__pA2cRq.sc-ds-tab:active:not(.ds-tab__pA2cRq--selected){color:var(--ds-textColor-default)}.ds-tab__pA2cRq--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__pA2cRq--container.ds-tab__pA2cRq--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__pA2cRq--container.ds-tab__pA2cRq--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__pA2cRq--container.ds-tab__pA2cRq--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__pA2cRq--container.sc-ds-tab:hover:not(.ds-tab__pA2cRq--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__pA2cRq--container.sc-ds-tab:active:not(.ds-tab__pA2cRq--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__pA2cRq--line.sc-ds-tab:focus-visible .ds-tab__pA2cRq__content.sc-ds-tab{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-tab__pA2cRq--line.ds-tab__pA2cRq--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__pA2cRq--line.sc-ds-tab:hover:not(.ds-tab__pA2cRq--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__pA2cRq--line.sc-ds-tab:active:not(.ds-tab__pA2cRq--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__pA2cRq.sc-ds-tab .ds-tab__pA2cRq__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
 
 const DsTab = class extends index.Mixin(componentFactory.componentFactory('ds-tab'), tabsFactory.tabsFactory) {
     constructor(hostRef) {
@@ -28,7 +28,9 @@ const DsTab = class extends index.Mixin(componentFactory.componentFactory('ds-ta
     dsTabPanelId;
     dsText;
     dsIconStart;
+    dsIconStartAriaLabel;
     dsIconEnd;
+    dsIconEndAriaLabel;
     dsIconEndColour;
     hasPrefixSlot = false;
     hasContentSlot = false;
@@ -108,7 +110,12 @@ const DsTab = class extends index.Mixin(componentFactory.componentFactory('ds-ta
             [`${baseClass}--line`]: this.context?.variant === 'line',
             [`${baseClass}--selected`]: isSelected,
         });
-        return (index.h("div", { key: '0a6c6d728f3cd2a94607841b48bbe3175ce8eb9c', ref: el => (this.tabElement = el), class: classes, role: "tab", "aria-controls": this.dsTabPanelId, "aria-selected": String(isSelected), tabIndex: isSelected ? 0 : -1 }, index.h("div", { key: '74dda6d84b96ba52bd27d7d26981dd0ac6aefa8d', class: `${baseClass}__content` }, index.h("slot", { key: 'd86cfa386a03900c9fc4ef8d8742b06ddbe1b894', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && index.h(this.DsIcon, { key: '8fefb92b506fdb891d0ae2e0b09e9e88ca3c3781', dsName: this.dsIconStart })), index.h("slot", { key: 'bfac3a742edef0839bfc7e4d172fc4c494ead1f2', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && index.h("span", { key: '59accad649404c11f74b4883e3296286871cb323' }, this.dsText)), index.h("slot", { key: 'b3816680181748f8a3726066657ae832eb2698e4', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && index.h(this.DsIcon, { key: '4a1c073f90003442bd88aaa1ec4bb77925ea5aed', dsName: this.dsIconEnd, dsColour: this.iconColour })))));
+        const iconProps = (ariaLabel, colour) => ({
+            dsAriaHidden: !ariaLabel,
+            ...(ariaLabel ? { dsAriaLabel: ariaLabel } : {}),
+            ...(colour ? { dsColour: colour } : {}),
+        });
+        return (index.h("div", { key: '43df10cb24a93e854ab7e8c3bb0b88c97f23cb50', ref: el => (this.tabElement = el), class: classes, role: "tab", "aria-controls": this.dsTabPanelId, "aria-selected": String(isSelected), tabIndex: isSelected ? 0 : -1 }, index.h("div", { key: '05657093b4ccd9efe7ca6b17d47828c6f90024e9', class: `${baseClass}__content` }, index.h("slot", { key: '21525ce4cad8bd98cf51e3c2127f3b3377ec17ea', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && index.h(this.DsIcon, { key: 'ee5fba35d72533bd51ca49d145282e50e2578244', dsName: this.dsIconStart, ...iconProps(this.dsIconStartAriaLabel) })), index.h("slot", { key: '2a48ec40d1ead08e5e2123e794a57efa9162110d', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && index.h("span", { key: 'd11f324967e0d912a860ace3583bf94b70a61106' }, this.dsText)), index.h("slot", { key: '12ddec31a796d198199fb295984b431b194d8210', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && index.h(this.DsIcon, { key: '83df1f640e3373de23d979380a7a1e3f6757688d', dsName: this.dsIconEnd, ...iconProps(this.dsIconEndAriaLabel, this.iconColour) })))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-7p_ZhZ56.js');
-var utils = require('./utils-D94MuKO1.js');
-var tabsFactory = require('./tabsFactory-CKZdIr9t.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./tabsContext-DWxNG5rh.js');
-require('./store-CeLiPTgq.js');
+var cx = require('./cx-B24n8vFf.js');
+var utils = require('./utils-DWrHry7C.js');
+var tabsFactory = require('./tabsFactory-DbRTTGCp.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./tabsContext-BAtGmJfm.js');
+require('./store-BDEqiIFl.js');
 
-const dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__WN0Emr.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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__scrollable.sc-ds-tablist:focus,.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--backward.sc-ds-tablist{left:0}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--forward.sc-ds-tablist{right:0}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--container.ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--container.ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button[hidden].sc-ds-tablist{display:none}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__pA2cRq.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__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__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__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:focus,.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__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__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__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__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--backward.sc-ds-tablist{left:0}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--forward.sc-ds-tablist{right:0}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__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__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.ds-tablist__pA2cRq__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__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.ds-tablist__pA2cRq__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__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button[hidden].sc-ds-tablist{display:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
 
 const DsTablist = class extends index.Mixin(componentFactory.componentFactory('ds-tablist'), tabsFactory.tabsFactory) {
     constructor(hostRef) {
@@ -153,13 +153,13 @@ const DsTablist = class extends index.Mixin(componentFactory.componentFactory('d
         const baseClass = cx.cx('ds-tablist');
         const scrollableClass = `${baseClass}__scrollable`;
         const buttonClass = `${baseClass}__button`;
-        return (index.h("div", { key: '60e6cb85c51ff3d3c228c0b5bdd9d6ed643fa386', class: baseClass }, index.h("div", { key: 'e7cc8adee51bb770139dfde2576ee34c334f2166', ref: el => (this.scrollableElement = el), class: index$1.classNames(scrollableClass, {
+        return (index.h("div", { key: 'fa8bc3aee9cca02d68056496218ebeea494df020', class: baseClass }, index.h("div", { key: 'dd98a5ef23e27a4bd9210e2413babee68b6e5227', ref: el => (this.scrollableElement = el), class: index$1.classNames(scrollableClass, {
                 [`${scrollableClass}--container`]: this.context?.variant === 'container',
                 [`${scrollableClass}--line`]: this.context?.variant === 'line',
-            }), role: "tablist", ...utils.ifDefined('aria-label', this.dsAriaLabel), ...utils.ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, index.h("slot", { key: '0308d59773042cd2af9287f564a3bc1529222d62' })), index.h("div", { key: '7351051ed214b0b79087c16be908a26c5ff6263d', ref: el => (this.backwardButtonElement = el), class: index$1.classNames(buttonClass, `${buttonClass}--backward`, {
+            }), role: "tablist", ...utils.ifDefined('aria-label', this.dsAriaLabel), ...utils.ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, index.h("slot", { key: 'd06da5b234efb4d7fdea8dcbbd21ee9938574ef3' })), index.h("div", { key: 'e239e750fe0a74d0cbd973d9823eef402afd8d24', ref: el => (this.backwardButtonElement = el), class: index$1.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')), index.h("div", { key: '203b45f676a3ee6fbac0251ae02cb8ea23418fb2', ref: el => (this.forwardButtonElement = el), class: index$1.classNames(buttonClass, `${buttonClass}--forward`, {
+            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), index.h("div", { key: '129783525b89bfbe4526c104ef461708fd6fa9e7', ref: el => (this.forwardButtonElement = el), class: index$1.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/cjs/ds-tabpanel.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-7p_ZhZ56.js');
-var tabsFactory = require('./tabsFactory-CKZdIr9t.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./tabsContext-DWxNG5rh.js');
-require('./utils-D94MuKO1.js');
-require('./store-CeLiPTgq.js');
+var cx = require('./cx-B24n8vFf.js');
+var tabsFactory = require('./tabsFactory-DbRTTGCp.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./tabsContext-BAtGmJfm.js');
+require('./utils-DWrHry7C.js');
+require('./store-BDEqiIFl.js');
 
-const dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__WN0Emr.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__WN0Emr--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__WN0Emr--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__WN0Emr--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__WN0Emr--container.ds-tabpanel__WN0Emr--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__WN0Emr--container.ds-tabpanel__WN0Emr--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__WN0Emr[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__pA2cRq.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__pA2cRq--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__pA2cRq--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__pA2cRq--container.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__pA2cRq--container.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__pA2cRq[hidden].sc-ds-tabpanel{display:none}`;
 
 const DsTabpanel = class extends index.Mixin(componentFactory.componentFactory('ds-tabpanel'), tabsFactory.tabsFactory) {
     constructor(hostRef) {
@@ -22,10 +22,10 @@ const DsTabpanel = class extends index.Mixin(componentFactory.componentFactory('
     dsPadded = true;
     render() {
         const baseClass = cx.cx('ds-tabpanel');
-        return (index.h("div", { key: 'c69bf6f708992fe08bebd4ad8535bc6f48d46166', id: this.dsId, class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: 'cadc1dcef399b0d9cbcb0029cb1b340a7423745a', id: this.dsId, class: index$1.classNames(baseClass, {
                 [`${baseClass}--container`]: this.context?.variant === 'container',
                 [`${baseClass}--padded`]: this.dsPadded,
-            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, index.h("slot", { key: '091708ead106bcfb48cfeeac6f4162608b48e325' })));
+            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, index.h("slot", { key: 'bb4f82e83b842bf9d5379aa60a830c4e9addf2d1' })));
     }
 };
 DsTabpanel.style = dsTabpanelCss();

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
-var cx = require('./cx-7p_ZhZ56.js');
-var tabsContext = require('./tabsContext-DWxNG5rh.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./utils-D94MuKO1.js');
-require('./store-CeLiPTgq.js');
+var index = require('./index-DNG8iA6h.js');
+var cx = require('./cx-B24n8vFf.js');
+var tabsContext = require('./tabsContext-BAtGmJfm.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./utils-DWrHry7C.js');
+require('./store-BDEqiIFl.js');
 
-const dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__WN0Emr.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__pA2cRq.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 index.Mixin(componentFactory.componentFactory('ds-tabs', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -47,7 +47,7 @@ const DsTabs = class extends index.Mixin(componentFactory.componentFactory('ds-t
     }
     render() {
         const baseClass = cx.cx('ds-tabs');
-        return (index.h("div", { key: '9ac888e3f6040c0f96795aa315848345b44338b0', class: baseClass }, index.h("slot", { key: '6a920af35a3df205d0e9aef5f843eca4e0ddb716' })));
+        return (index.h("div", { key: '559aff8fb3022192542ca848b25f0091e7b9152b', class: baseClass }, index.h("slot", { key: '8c483be2dd7ed6ecd0ac84ea00827272a9fd4c9f' })));
     }
 };
 DsTabs.style = dsTabsCss();

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
-var utils = require('./utils-D94MuKO1.js');
-var cx = require('./cx-7p_ZhZ56.js');
+var index = require('./index-DNG8iA6h.js');
+var utils = require('./utils-DWrHry7C.js');
+var cx = require('./cx-B24n8vFf.js');
 var attributes = require('./attributes-DbNfxmvc.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./store-CeLiPTgq.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./store-BDEqiIFl.js');
 
-const dsTagGroupCss = () => `.ds-tag-group__WN0Emr__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__pA2cRq__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 index.Mixin(componentFactory.componentFactory('ds-tag-group', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -36,7 +36,7 @@ const DsTagGroup = class extends index.Mixin(componentFactory.componentFactory('
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
-        return (index.h("div", { key: '10a9f91d8129b8f46d636d3283890afc24e91401', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, index.h(DsGroupLabel, { key: 'c040bfa3abd76bcfaa5994ff7b1c57d36e2b5ef7', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, index.h("slot", { key: '8311510a194bb1c833e5ca9c5554f5ce92794d2b', name: "label" }), index.h("slot", { key: '9a3184d168ba1c0708276e25eab91c4cf84c40f9', name: "assistiveText" })), index.h("div", { key: '3127eee23cbbee234ab952de0bf7dfbe5f512290', role: "list", class: `${baseClass}__tags` }, index.h("slot", { key: '250ac2c8e31205bb22f92640d1b0ab51689dd081' }))));
+        return (index.h("div", { key: '22f0cf9fec72ad9226961b87763ab1d2e2573c3b', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, index.h(DsGroupLabel, { key: '2cfb0354fe21fe86fe13700998d7785b42858e33', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, index.h("slot", { key: '93d1ea469ce4e7e82b98478e208c6c6ddc1ba365', name: "label" }), index.h("slot", { key: '5a627221e89fcd7f710bd12c21531c2aa642d5a1', name: "assistiveText" })), index.h("div", { key: '0d25a9ca95a856291fa2f07c9c910e7a2e6b8304', role: "list", class: `${baseClass}__tags` }, index.h("slot", { key: 'f9153fe2f2caf620bd3c5beee17f79667646eae6' }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-group-label", null)]);

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var controlUtils = require('./controlUtils-Q50a1gdR.js');
-var utils = require('./utils-D94MuKO1.js');
+var controlUtils = require('./controlUtils-CuHQwicz.js');
+var utils = require('./utils-DWrHry7C.js');
 var attributes = require('./attributes-DbNfxmvc.js');
-var cx = require('./cx-7p_ZhZ56.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./store-CeLiPTgq.js');
+var cx = require('./cx-B24n8vFf.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./store-BDEqiIFl.js');
 
-const dsTextAreaCss = () => `.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.ds-text-area__WN0Emr__host.sc-ds-text-area-h{display:inline-block}.ds-text-area__WN0Emr__host--full-width.sc-ds-text-area-h{width:100%}.ds-text-area__WN0Emr.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__WN0Emr__field-wrapper.sc-ds-text-area{display:inline-grid;grid-template-columns:min-content}.ds-text-area__WN0Emr__field-wrapper--full-width.sc-ds-text-area{display:grid;width:100%;grid-template-columns:1fr}.ds-text-area__WN0Emr__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__WN0Emr__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__WN0Emr__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__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.ds-text-area__WN0Emr__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__WN0Emr__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__WN0Emr__container--valid.sc-ds-text-area:hover:not(.ds-text-area__WN0Emr__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__WN0Emr__container--valid.ds-text-area__WN0Emr__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__WN0Emr__container--readonly.sc-ds-text-area,.ds-text-area__WN0Emr__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__WN0Emr__container.sc-ds-text-area:focus-within:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__WN0Emr__container.sc-ds-text-area:hover:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--disabled,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--active.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid.sc-ds-text-area,.ds-text-area__WN0Emr__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__WN0Emr__container.active.sc-ds-text-area:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--disabled,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__WN0Emr__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__WN0Emr__external-button.sc-ds-text-area{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__WN0Emr .ds-text-area__WN0Emr.sc-ds-text-area-s>[slot=suffix],.ds-text-area__WN0Emr .ds-text-area__WN0Emr .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__WN0Emr__validity-container.sc-ds-text-area{align-items:center;font-size:var(--ds-fontSize-14)}.ds-text-area__WN0Emr__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__WN0Emr__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__WN0Emr__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__WN0Emr.sc-ds-text-area .ds-text-area__WN0Emr__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__WN0Emr__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__WN0Emr__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__WN0Emr__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-text-area__WN0Emr__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__WN0Emr__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__WN0Emr__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__WN0Emr__textarea--resize-auto.sc-ds-text-area,.ds-text-area__WN0Emr__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__WN0Emr__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__WN0Emr__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__WN0Emr__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__WN0Emr__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}.ds-text-area__pA2cRq__host.sc-ds-text-area-h{display:inline-block}.ds-text-area__pA2cRq__host--full-width.sc-ds-text-area-h{width:100%}.ds-text-area__pA2cRq.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__pA2cRq__field-wrapper.sc-ds-text-area{display:inline-grid;grid-template-columns:min-content}.ds-text-area__pA2cRq__field-wrapper--full-width.sc-ds-text-area{display:grid;width:100%;grid-template-columns:1fr}.ds-text-area__pA2cRq__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__pA2cRq__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__pA2cRq__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__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.ds-text-area__pA2cRq__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__pA2cRq__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__pA2cRq__container--valid.sc-ds-text-area:hover:not(.ds-text-area__pA2cRq__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__pA2cRq__container--valid.ds-text-area__pA2cRq__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__pA2cRq__container--readonly.sc-ds-text-area,.ds-text-area__pA2cRq__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__pA2cRq__container.sc-ds-text-area:focus-within:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--valid.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__pA2cRq__container.sc-ds-text-area:hover:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--disabled,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--readonly.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--active.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--valid.sc-ds-text-area,.ds-text-area__pA2cRq__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__pA2cRq__container.active.sc-ds-text-area:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--disabled,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--readonly.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__pA2cRq__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__pA2cRq__external-button.sc-ds-text-area{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__pA2cRq .ds-text-area__pA2cRq.sc-ds-text-area-s>[slot=suffix],.ds-text-area__pA2cRq .ds-text-area__pA2cRq .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__pA2cRq__validity-container.sc-ds-text-area{align-items:center;font-size:var(--ds-fontSize-14)}.ds-text-area__pA2cRq__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__pA2cRq__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__pA2cRq__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__pA2cRq.sc-ds-text-area .ds-text-area__pA2cRq__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__pA2cRq__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__pA2cRq__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__pA2cRq__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-text-area__pA2cRq__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__pA2cRq__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__pA2cRq__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__pA2cRq__textarea--resize-auto.sc-ds-text-area,.ds-text-area__pA2cRq__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__pA2cRq__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__pA2cRq__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__pA2cRq__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__pA2cRq__textarea--full-width.sc-ds-text-area{width:100%}`;
 
 const DsTextArea = class extends index.Mixin(componentFactory.componentFactory('ds-text-area', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -217,11 +217,11 @@ const DsTextArea = class extends index.Mixin(componentFactory.componentFactory('
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (index.h(index.Host, { key: '8379acbe317cbc6dbcf396c61d652e79ce76baac', class: index$1.classNames(hostClass, {
+        return (index.h(index.Host, { key: '45c21e510d04de2d1c87793d4516361c72798bb4', class: index$1.classNames(hostClass, {
                 [`${hostClass}--full-width`]: this.dsFullWidth,
-            }) }, index.h(DsControlLabel, { key: '7056dd1140e130f5e58cb3247fbf7f1e1071b927', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, index.h("slot", { key: 'bc99bfe69236ebb51a2d2513e0b4b25ce1758d99', name: "label" }), index.h("slot", { key: '21b433e11665789c03762665c947a2f61bee9f27', name: "assistiveText" })), index.h("div", { key: '161a1ddfbee320bb6364d7dbf2180f4ed4414573', class: index$1.classNames(`${baseClass}__field-wrapper`, {
+            }) }, index.h(DsControlLabel, { key: '1f8eb6ee91c6f7e87f39ea110abf3b955cbc726c', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, index.h("slot", { key: '859e8771cd1582c718a158fb6cc25f9268b5f933', name: "label" }), index.h("slot", { key: '522fb7f92be122c3f1fa68266195c6a86245362f', name: "assistiveText" })), index.h("div", { key: 'ae1e638ebbff54726ad9832233d7e8349b98142e', class: index$1.classNames(`${baseClass}__field-wrapper`, {
                 [`${baseClass}__field-wrapper--full-width`]: this.dsFullWidth,
-            }) }, index.h("div", { key: '469b03e54904727d4eca40a96565121f309d5848', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: index$1.classNames(containerClass, {
+            }) }, index.h("div", { key: 'a5f21b6970446ec291cbca4658fd0b6fd239b146', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: index$1.classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -229,7 +229,7 @@ const DsTextArea = class extends index.Mixin(componentFactory.componentFactory('
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.textareaActive,
                 [`${containerClass}--full-width`]: this.dsFullWidth,
-            }) }, index.h("textarea", { key: 'fc7ef04350e0ed52387ace9b89c83743b9b0b8d3', ref: el => (this.textareaElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue ?? this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: index$1.classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
+            }) }, index.h("textarea", { key: '2918e870ead453bad4094594e55cd8cef2384cac', ref: el => (this.textareaElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue ?? this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: index$1.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, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedby ||
                 index$1.classNames({
@@ -237,11 +237,11 @@ const DsTextArea = class extends index.Mixin(componentFactory.componentFactory('
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.errorTextId]: !!this.dsErrorText,
                     [this.successTextId]: !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), index.h("div", { key: '1240d2f821b7138c1aedff907a44e547995596df', class: index$1.classNames(`${baseClass}__validity-container`, {
+                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), index.h("div", { key: 'ebc1d5588e156691c4ac0c2f14a51e069b2ca611', class: index$1.classNames(`${baseClass}__validity-container`, {
                 [`${baseClass}__validity-container--has-character-limit`]: !!this.dsCharacterLimit,
-            }) }, index.h("slot", { key: '59f38b187e813f4744aa9a40040d77baa7263c6d', name: "validity" }, index.h(DsInputValidity, { key: 'c68a14d9b3398e7bc7fcf7c7208347eb8c865142', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }, !!this.dsCharacterLimit && index.h(DsVisuallyHidden, { key: '3204b7cda1a04c4d980f27037e9036d9f18808f7', dsTag: "span" }, this.hiddenCharacterCountText)), index.h(DsInputValidity, { key: 'b1b3b261382f33f3b7e8d4d2915ce31c2c877d3e', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success", dsAriaLive: "polite" })), this.dsCharacterLimit && (index.h("div", { key: '7d6f6100b90aab2976f47168cb71033a26e9b834', class: index$1.classNames(`${baseClass}__character-count`, {
+            }) }, index.h("slot", { key: 'b27fdd6891935996b630b6cd1737f4ec67d3d1c1', name: "validity" }, index.h(DsInputValidity, { key: 'e261e5bbcf1c60b6026b3167bf0460b67b09ab73', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }, !!this.dsCharacterLimit && index.h(DsVisuallyHidden, { key: '37e272f62e2bb40291bc777b3769cb3ee10526c1', dsTag: "span" }, this.hiddenCharacterCountText)), index.h(DsInputValidity, { key: '9bdc7fe6a535f76ab230c6d4bc297b0ff2c4ebdf', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success", dsAriaLive: "polite" })), this.dsCharacterLimit && (index.h("div", { key: 'a03eca5800c8f8cb56c5e75a3e262b95c3d7bb0c', class: index$1.classNames(`${baseClass}__character-count`, {
                 [`${baseClass}__character-count--over-limit`]: this.characterCount > this.dsCharacterLimit,
-            }) }, index.h("small", { key: '56763f551f9566d42bd4e04b6cece86c3c72507d' }, this.characterCount, "/", this.dsCharacterLimit)))))));
+            }) }, index.h("small", { key: '86a4a969d94fce92297e29d124f98d57eb081339' }, this.characterCount, "/", this.dsCharacterLimit)))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var controlUtils = require('./controlUtils-Q50a1gdR.js');
-var utils = require('./utils-D94MuKO1.js');
-var disableEventsFactory = require('./disableEventsFactory-DexPL7LM.js');
+var controlUtils = require('./controlUtils-CuHQwicz.js');
+var utils = require('./utils-DWrHry7C.js');
+var disableEventsFactory = require('./disableEventsFactory-B7ENc8ob.js');
 var attributes = require('./attributes-DbNfxmvc.js');
-var cx = require('./cx-7p_ZhZ56.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./store-CeLiPTgq.js');
+var cx = require('./cx-B24n8vFf.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./store-BDEqiIFl.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}.ds-text-input__WN0Emr__host.sc-ds-text-input-h{width:288px}@media (min-width: 75rem){.ds-text-input__WN0Emr__host.sc-ds-text-input-h{width:320px}}.ds-text-input__WN0Emr__host--full-width.sc-ds-text-input-h{width:100%}.ds-text-input__WN0Emr.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__WN0Emr__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__WN0Emr__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__WN0Emr__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__WN0Emr__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__WN0Emr__container.ds-text-input__WN0Emr__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid.ds-text-input__WN0Emr__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid.sc-ds-text-input:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid.sc-ds-text-input .ds-text-input__WN0Emr__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly.sc-ds-text-input,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__WN0Emr__container.sc-ds-text-input:has(span.ds-text-input__WN0Emr__prefix,.ds-text-input__WN0Emr__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__WN0Emr__container.sc-ds-text-input:has(.ds-text-input__WN0Emr__button){padding-inline-end:unset}.ds-text-input__WN0Emr__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__WN0Emr__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__WN0Emr__container.active.sc-ds-text-input:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly.sc-ds-text-input,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid.sc-ds-text-input,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__WN0Emr__container.sc-ds-text-input:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly.sc-ds-text-input,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--active.sc-ds-text-input,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid.sc-ds-text-input,.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid.sc-ds-text-input,.ds-text-input__WN0Emr__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__WN0Emr__container.sc-ds-text-input:has(>input:focus){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__WN0Emr__container.sc-ds-text-input:has(>input:focus):not(.ds-text-input__WN0Emr__container:has(>input:focus).ds-text-input__WN0Emr__container--invalid,.ds-text-input__WN0Emr__container.sc-ds-text-input:has(>input:focus).ds-text-input__WN0Emr__container--valid,.ds-text-input__WN0Emr__container.sc-ds-text-input:has(>input:focus).ds-text-input__WN0Emr__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__WN0Emr__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__WN0Emr__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__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__WN0Emr__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__WN0Emr__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__WN0Emr__container.sc-ds-text-input:has(span.ds-text-input__WN0Emr__prefix,.ds-text-input__WN0Emr__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__WN0Emr__container.sc-ds-text-input span.ds-text-input__WN0Emr__prefix.sc-ds-text-input,.ds-text-input__WN0Emr__container.sc-ds-text-input span.ds-text-input__WN0Emr__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__WN0Emr__container.sc-ds-text-input .ds-text-input__WN0Emr__icon.sc-ds-text-input,.ds-text-input__WN0Emr__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__WN0Emr__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__WN0Emr__container.sc-ds-text-input .ds-text-input__WN0Emr__button.sc-ds-text-input{max-height:40px}.ds-text-input__WN0Emr__container.sc-ds-text-input .ds-text-input__WN0Emr__button.sc-ds-text-input:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}`;
+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}.ds-text-input__pA2cRq__host.sc-ds-text-input-h{width:288px}@media (min-width: 75rem){.ds-text-input__pA2cRq__host.sc-ds-text-input-h{width:320px}}.ds-text-input__pA2cRq__host--full-width.sc-ds-text-input-h{width:100%}.ds-text-input__pA2cRq.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__pA2cRq__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__pA2cRq__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__pA2cRq__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__pA2cRq__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__pA2cRq__container.ds-text-input__pA2cRq__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--invalid.ds-text-input__pA2cRq__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--valid.sc-ds-text-input:hover:not(.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--valid.sc-ds-text-input .ds-text-input__pA2cRq__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--readonly.sc-ds-text-input,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__pA2cRq__container.sc-ds-text-input:has(span.ds-text-input__pA2cRq__prefix,.ds-text-input__pA2cRq__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__pA2cRq__container.sc-ds-text-input:has(.ds-text-input__pA2cRq__button){padding-inline-end:unset}.ds-text-input__pA2cRq__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__pA2cRq__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__pA2cRq__container.active.sc-ds-text-input:not(.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--disabled,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--readonly.sc-ds-text-input,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--invalid.sc-ds-text-input,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__pA2cRq__container.sc-ds-text-input:hover:not(.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--disabled,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--readonly.sc-ds-text-input,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--active.sc-ds-text-input,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--invalid.sc-ds-text-input,.ds-text-input__pA2cRq__container.ds-text-input__pA2cRq__container--valid.sc-ds-text-input,.ds-text-input__pA2cRq__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__pA2cRq__container.sc-ds-text-input:has(>input:focus){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__pA2cRq__container.sc-ds-text-input:has(>input:focus):not(.ds-text-input__pA2cRq__container:has(>input:focus).ds-text-input__pA2cRq__container--invalid,.ds-text-input__pA2cRq__container.sc-ds-text-input:has(>input:focus).ds-text-input__pA2cRq__container--valid,.ds-text-input__pA2cRq__container.sc-ds-text-input:has(>input:focus).ds-text-input__pA2cRq__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__pA2cRq__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__pA2cRq__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__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__pA2cRq__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__pA2cRq__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__pA2cRq__container.sc-ds-text-input:has(span.ds-text-input__pA2cRq__prefix,.ds-text-input__pA2cRq__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__pA2cRq__container.sc-ds-text-input span.ds-text-input__pA2cRq__prefix.sc-ds-text-input,.ds-text-input__pA2cRq__container.sc-ds-text-input span.ds-text-input__pA2cRq__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__pA2cRq__container.sc-ds-text-input .ds-text-input__pA2cRq__icon.sc-ds-text-input,.ds-text-input__pA2cRq__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__pA2cRq__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__pA2cRq__container.sc-ds-text-input .ds-text-input__pA2cRq__button.sc-ds-text-input{max-height:40px}.ds-text-input__pA2cRq__container.sc-ds-text-input .ds-text-input__pA2cRq__button.sc-ds-text-input:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}`;
 
 const INPUT_TYPE_ICONS_MAP = {
     search: 'search',
@@ -275,21 +275,21 @@ const DsTextInput = class extends index.Mixin(componentFactory.componentFactory(
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (index.h(index.Host, { key: 'e3580fbf5fd988bcb5956a40c6fb82d23519ee71', class: index$1.classNames(hostClass, {
+        return (index.h(index.Host, { key: 'a57c0b3f5c7919c79afd9cf14d1494be1c2d32f2', class: index$1.classNames(hostClass, {
                 [`${hostClass}--full-width`]: this.dsFullWidth,
-            }) }, index.h(DsControlLabel, { key: '8c7a959efe42ec4272fdfa6bec975ef9249ea25a', 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 }, index.h("slot", { key: 'ad834b7c6d823f328fb9c315e61d674d33edf8c2', name: "label" }), index.h("slot", { key: '5a7786b8cd144463a9a22b6656026acc09c2dfb9', name: "assistiveText" })), index.h("div", { key: '8bf02b6d0abe10288a4239d5f5428f5830482ac6', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: index$1.classNames(containerClass, {
+            }) }, index.h(DsControlLabel, { key: '06ce11d6eb02872e196665dbb55691271a508847', 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 }, index.h("slot", { key: '64b19c5c4eaaac435a39b471d37eb31980b67742', name: "label" }), index.h("slot", { key: '7b0e980c460bacaaab4b3c71ce87366e84dea8e3', name: "assistiveText" })), index.h("div", { key: '24a20f1cf42c6a56e182ea4c40a8b7e130dd4a33', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: index$1.classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
                 [`${containerClass}--invalid`]: this.dsInvalid || !!this.dsErrorText,
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
-            }) }, this.renderPrefixContent(baseClass), index.h("input", { key: '4d0c675cc45816817cdbe7f412a4734d10f80515', 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, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedby ||
+            }) }, this.renderPrefixContent(baseClass), index.h("input", { key: 'e6287be0f9850eaae6bf5ccc2b421e2a908ed103', 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, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedby ||
                 index$1.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)), index.h("slot", { key: '5a1b6dd7e3e88f4798368e5176d9b5f7046845c3', name: "validity" }, index.h(DsInputValidity, { key: 'a3dc1ebe3a44b4bd0fb7d25dbffb837bcb7d3dfe', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
+                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), index.h("slot", { key: '959aaa7103376c1924e421cd388a41ca3ed0e507', name: "validity" }, index.h(DsInputValidity, { key: '97570fe442637e29a5254ac55d36e2961f5d34b5', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
-var componentFactory = require('./componentFactory-DsQXLBPf.js');
-require('./utils-D94MuKO1.js');
-require('./store-CeLiPTgq.js');
+var index = require('./index-DNG8iA6h.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./utils-DWrHry7C.js');
+require('./store-BDEqiIFl.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;--ds-paragraphWidth-optimal:65ch}@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;--ds-paragraphWidth-optimal:65ch;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}}`;
 
@@ -17,7 +17,7 @@ const DsVersionedCssVariables = class extends index.Mixin(componentFactory.compo
         this.componentMounted();
     }
     render() {
-        return (index.h(index.Host, { key: '01a17de5ff97c88c7372b001d209257b41bad085' }, index.h("slot", { key: 'cf67702fa89cc7ad4e850c02a0526918a7b976cd' })));
+        return (index.h(index.Host, { key: 'e124ef616e0db03e48034a6522990ee4ceebb217' }, index.h("slot", { key: 'af444ac054e905ed687362a4665c2a5d684da8dd' })));
     }
 };
 DsVersionedCssVariables.style = dsVersionedCssVariablesCss();

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-C6e6b_ut.js');
-var cx = require('./cx-7p_ZhZ56.js');
+var index = require('./index-DNG8iA6h.js');
+var cx = require('./cx-B24n8vFf.js');
 
-const dsVisuallyHiddenCss = () => `.sc-ds-visually-hidden-h{position:absolute}.ds-visually-hidden__WN0Emr.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__pA2cRq.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) {
@@ -12,7 +12,7 @@ const DsVisuallyHidden = class {
     dsTag = 'div';
     render() {
         const baseClass = cx.cx('ds-visually-hidden');
-        return (index.h(this.dsTag, { key: '4f1770dcf92d279d6e03ea7c2a24a5330dea6113', class: baseClass }, index.h("slot", { key: '35346060486147047b562a7f72bc9bb30e98b473' })));
+        return (index.h(this.dsTag, { key: 'a4c985dcc1f9fef52fe29335a4a97a279936e7ca', class: baseClass }, index.h("slot", { key: '22b3e53c7ea5ef2700c065bfd11af5e2f27d13cf' })));
     }
 };
 DsVisuallyHidden.style = dsVisuallyHiddenCss();