@uh-design-system/component-library 1.4.0-rc.0 → 1.4.0-rc.2

package/dist/components/ds-tabs.js

@@ -0,0 +1,69 @@
+import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
+import { c as cx } from './p-C34PGDVY.js';
+import { s as storeTabsContext, p as provideTabsContext } from './p-C9U2JkHS.js';
+
+const dsTabsCss = ".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__oSBnIJ.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$1 = proxyCustomElement(class DsTabs extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return this; }
+    dsCurrentTab;
+    dsCurrentTabPanel;
+    dsVariant = 'container';
+    handleTabChange(event) {
+        event.stopPropagation();
+    }
+    createContext = () => {
+        return {
+            currentTab: this.dsCurrentTab,
+            currentTabPanel: this.dsCurrentTabPanel,
+            variant: this.dsVariant,
+        };
+    };
+    storeContext = () => {
+        const context = this.createContext();
+        storeTabsContext(this.el, context);
+    };
+    updateContext = () => {
+        const context = this.createContext();
+        provideTabsContext(this.el, context);
+    };
+    componentWillLoad() {
+        this.storeContext();
+    }
+    componentDidUpdate() {
+        this.updateContext();
+    }
+    render() {
+        const baseClass = cx('ds-tabs');
+        return (h("div", { key: '38636c60ba2cd1122bbe70b1b25e99af2122b2d9', class: baseClass }, h("slot", { key: '252cc12020e9777cd61f72db136c25d932f176e8' })));
+    }
+    static get style() { return dsTabsCss; }
+}, [262, "ds-tabs", {
+        "dsCurrentTab": [1, "ds-current-tab"],
+        "dsCurrentTabPanel": [1, "ds-current-tab-panel"],
+        "dsVariant": [1, "ds-variant"]
+    }, [[0, "dsTabChange", "handleTabChange"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ds-tabs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-tabs":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsTabs$1);
+            }
+            break;
+    } });
+}
+
+const DsTabs = DsTabs$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsTabs, defineCustomElement };

package/dist/components/ds-tag-group.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { d as defineCustomElement$3 } from './p-CXJcYkex.js';
-import { d as defineCustomElement$2 } from './p-A7rC0sD2.js';
+import { d as defineCustomElement$3 } from './p-BtwuVYMk.js';
+import { d as defineCustomElement$2 } from './p-1tClFY_L.js';
 
-const dsTagGroupCss = ".ds-tag-group__1Vp5mb__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__oSBnIJ__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 tagGroupIdGenerator = idGenerator('ds-tag-group');
 const DsTagGroup$1 = proxyCustomElement(class DsTagGroup extends H {
@@ -34,7 +34,7 @@ const DsTagGroup$1 = proxyCustomElement(class DsTagGroup extends H {
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
-        return (h("div", { key: 'ee16fff7ff64a4875ab3498b62b6931e9da237d2', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, h(DsGroupLabel, { key: 'd1b371536759a7dbfc875c50044b9ea73057ae6f', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, h("slot", { key: 'a44a327d8b6b0b82a6ae9e82d0f0d9b31b263ede', name: "label" }), h("slot", { key: '644f840a3910ca10ac6a105d6c821c9b825fe8c2', name: "assistiveText" })), h("div", { key: '78624b38d7b19433ef54b120a3c3590db538ccec', role: "list", class: `${baseClass}__tags` }, h("slot", { key: '725fc438b3050a584cbb0c6c6fa2a353568c3647' }))));
+        return (h("div", { key: '84a23f69a82a6e636ecdb9344383708f367f1290', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, h(DsGroupLabel, { key: 'a34005c9c50bc0dd9419857297ffe0bf0964f34d', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, h("slot", { key: '64e6e95287c2b56e339c658bd280dac82b57b587', name: "label" }), h("slot", { key: 'd87ebcb6cbe9c1bc5a0807f3c041fcacbb79d693', name: "assistiveText" })), h("div", { key: '72350ed04210fdc3e47b190bd6700a029980fbab', role: "list", class: `${baseClass}__tags` }, h("slot", { key: 'c70dea6040754dfa32465cecbd8d2e8e828b35ac' }))));
     }
     static get style() { return dsTagGroupCss; }
 }, [262, "ds-tag-group", {

package/dist/components/ds-tag.js

@@ -1,4 +1,4 @@
-import { D as DsTag$1, d as defineCustomElement$1 } from './p-_XebThxM.js';
+import { D as DsTag$1, d as defineCustomElement$1 } from './p-DcrTglyg.js';
 
 const DsTag = DsTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ds-text-area.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { p as characterOverage, q as tooLong, u as charactersRemaining, g as getRequiredText, a as getOptionalText, v as validityMessage } from './p-CZAVwgZd.js';
+import { p as characterOverage, q as tooLong, u as charactersRemaining, g as getRequiredText, a as getOptionalText, v as validityMessage } from './p-BGV-ubOj.js';
 import { i as idGenerator, b as debounce, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { b as FEEDBACK_SET_TIMEOUT } from './p-BT1Kxodd.js';
-import { d as defineCustomElement$7 } from './p-CXJcYkex.js';
-import { d as defineCustomElement$6 } from './p-BeeF6M9Y.js';
-import { d as defineCustomElement$5 } from './p-CxNw2srM.js';
-import { d as defineCustomElement$4 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$3 } from './p-CfbZKrcI.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { d as defineCustomElement$7 } from './p-BtwuVYMk.js';
+import { d as defineCustomElement$6 } from './p-cVo5wigC.js';
+import { d as defineCustomElement$5 } from './p-3TYR8XT2.js';
+import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$3 } from './p-BVcTj6fF.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsTextAreaCss = ".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area,.ds-text-area__1Vp5mb.sc-ds-text-area,.ds-text-area__1Vp5mb.sc-ds-text-area .sc-ds-text-area:where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__1Vp5mb__container--full-width){width:100%}.ds-text-area__1Vp5mb.sc-ds-text-area{display:block}.ds-text-area__1Vp5mb__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__1Vp5mb__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__1Vp5mb__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__1Vp5mb__container.ds-text-area__1Vp5mb__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--invalid.ds-text-area__1Vp5mb__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__1Vp5mb__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__1Vp5mb__container--valid.sc-ds-text-area:hover:not(.ds-text-area__1Vp5mb__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__1Vp5mb__container--valid.ds-text-area__1Vp5mb__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__1Vp5mb__container--readonly.sc-ds-text-area,.ds-text-area__1Vp5mb__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__1Vp5mb__container.sc-ds-text-area:focus-within:not(.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--invalid,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--valid.sc-ds-text-area,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__1Vp5mb__container.sc-ds-text-area:hover:not(.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--disabled,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--readonly.sc-ds-text-area,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--active.sc-ds-text-area,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--invalid.sc-ds-text-area,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--valid.sc-ds-text-area,.ds-text-area__1Vp5mb__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__1Vp5mb__container.active.sc-ds-text-area:not(.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--disabled,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--readonly.sc-ds-text-area,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--invalid.sc-ds-text-area,.ds-text-area__1Vp5mb__container.ds-text-area__1Vp5mb__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__1Vp5mb__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__1Vp5mb__external-button.sc-ds-text-area,.ds-text-area__1Vp5mb.sc-ds-text-area-s>[slot=suffix],.ds-text-area__1Vp5mb .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__1Vp5mb__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__1Vp5mb__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__1Vp5mb__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__1Vp5mb__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__1Vp5mb__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__1Vp5mb__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__1Vp5mb__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__1Vp5mb__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__1Vp5mb__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__1Vp5mb__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__1Vp5mb__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__1Vp5mb__textarea--resize-auto.sc-ds-text-area,.ds-text-area__1Vp5mb__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__1Vp5mb__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__1Vp5mb__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__1Vp5mb__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__1Vp5mb__textarea--full-width.sc-ds-text-area{width:100%}";
+const dsTextAreaCss = ".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__oSBnIJ__container--full-width){width:100%}.ds-text-area__oSBnIJ.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__oSBnIJ__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__oSBnIJ__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__oSBnIJ__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__oSBnIJ__container.ds-text-area__oSBnIJ__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--invalid.ds-text-area__oSBnIJ__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__oSBnIJ__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__oSBnIJ__container--valid.sc-ds-text-area:hover:not(.ds-text-area__oSBnIJ__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__oSBnIJ__container--valid.ds-text-area__oSBnIJ__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__oSBnIJ__container--readonly.sc-ds-text-area,.ds-text-area__oSBnIJ__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__oSBnIJ__container.sc-ds-text-area:focus-within:not(.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--invalid,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--valid.sc-ds-text-area,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__oSBnIJ__container.sc-ds-text-area:hover:not(.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--disabled,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--readonly.sc-ds-text-area,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--active.sc-ds-text-area,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--invalid.sc-ds-text-area,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--valid.sc-ds-text-area,.ds-text-area__oSBnIJ__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__oSBnIJ__container.active.sc-ds-text-area:not(.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--disabled,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--readonly.sc-ds-text-area,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--invalid.sc-ds-text-area,.ds-text-area__oSBnIJ__container.ds-text-area__oSBnIJ__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__oSBnIJ__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__oSBnIJ__external-button.sc-ds-text-area,.ds-text-area__oSBnIJ.sc-ds-text-area-s>[slot=suffix],.ds-text-area__oSBnIJ .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__oSBnIJ__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__oSBnIJ__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__oSBnIJ__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__oSBnIJ__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__oSBnIJ__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__oSBnIJ__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__oSBnIJ__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__oSBnIJ__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__oSBnIJ__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__oSBnIJ__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__oSBnIJ__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__oSBnIJ__textarea--resize-auto.sc-ds-text-area,.ds-text-area__oSBnIJ__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__oSBnIJ__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__oSBnIJ__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__oSBnIJ__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__oSBnIJ__textarea--full-width.sc-ds-text-area{width:100%}";
 
 const textareaIdGenerator = idGenerator('ds-text-area');
 const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
@@ -220,7 +220,7 @@ const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: '96a12866718d05b8d0bcec52ae110b47ecb87087' }, h(DsControlLabel, { key: '37329da40f540d2a03198b983cc8f1f8c652b907', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, h("slot", { key: 'e14d89ddcd0350757d7eabf6f858817f947ec718', name: "label" }), h("slot", { key: 'f30fb8640e9a7cfb09ca2db3a798afa691e0206c', name: "assistiveText" })), h("div", { key: '0bf1214ac9652c40f4e8958943bd900757d8ecad', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
+        return (h(Fragment, { key: 'b4a759cdbaec024d4d73b4817a91201511a88080' }, h(DsControlLabel, { key: '23c7f51fe161c484005b6316302eac7aa37e9eb7', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, h("slot", { key: '558776aee9d15d26f0f588dff8add1680c123830', name: "label" }), h("slot", { key: '7635ae5417bdee96050293fb5a32e927ddbc0e21', name: "assistiveText" })), h("div", { key: 'cc62a7eb0b7d2058e5b1070900a64679b914bc3a', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -228,7 +228,7 @@ const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.textareaActive,
                 [`${containerClass}--full-width`]: this.dsFullWidth,
-            }) }, h("textarea", { key: 'e33eed220489e8ae118e34dbeaf0c9e27ed9648c', ref: e => (this.textareaElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
+            }) }, h("textarea", { key: '3da54c106440d05e51dfdb6e5dbd400c40e8e85c', ref: e => (this.textareaElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
                 [`${baseClass}__textarea--full-width`]: this.dsFullWidth,
             }), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
@@ -236,11 +236,11 @@ const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.errorTextId]: !!this.dsErrorText,
                     [this.successTextId]: !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), h("div", { key: 'd817515bf8c7089ba8971ccc8fe0c9328b8d8d8f', class: classNames(`${baseClass}__validity-container`, {
+                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), h("div", { key: '1a5c3ed5a189eb97210076f0d1c48239478047f4', class: classNames(`${baseClass}__validity-container`, {
                 [`${baseClass}__validity-container--has-character-limit`]: !!this.dsCharacterLimit,
-            }) }, h("slot", { key: '831db886d20b7c862f3d834b0a6475dc330731f2', name: "validity" }, h(DsInputValidity, { key: '60bcedf145d0bc46b0598589fdf6a3a71fe3386b', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "assertive" }, this.dsCharacterLimit && h(DsVisuallyHidden, { key: '1c0c58e5199e82e0f4c84484238765de8b61e9cd', dsTag: "span" }, this.hiddenCharacterCountText)), h(DsInputValidity, { key: '025c80d7426db961e2da7ac502a67e8284ffbbdb', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success" })), this.dsCharacterLimit && (h("div", { key: 'be82d462f7e9090e600b58beb21596082d016f2d', class: classNames(`${baseClass}__character-count`, {
+            }) }, h("slot", { key: '59551fa8f9cddaa79b4c60d9d2896c0236b6d56f', name: "validity" }, h(DsInputValidity, { key: 'c970b4fec322af19756a7044bedb052f02ffb513', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "assertive" }, this.dsCharacterLimit && h(DsVisuallyHidden, { key: 'aa90d1af750e92a2d6d689dc593bb8363644e3b7', dsTag: "span" }, this.hiddenCharacterCountText)), h(DsInputValidity, { key: '25381d925998002e9cf1a7099ce2a5b191f6c07a', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success" })), this.dsCharacterLimit && (h("div", { key: 'a09ab2da9ce92c44bf00131534a443977f998c4f', class: classNames(`${baseClass}__character-count`, {
                 [`${baseClass}__character-count--over-limit`]: this.characterCount > this.dsCharacterLimit,
-            }) }, h("small", { key: '87fab68a27cbb9cbde84b88247d0a3f26775992d' }, this.characterCount, "/", this.dsCharacterLimit))))));
+            }) }, h("small", { key: 'ede65cbe934b5f4e3616108508541e4135060620' }, this.characterCount, "/", this.dsCharacterLimit))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/components/ds-text-input.js

@@ -1,20 +1,20 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { x as hidePassword, y as showPassword, z as clearField, v as validityMessage } from './p-CZAVwgZd.js';
+import { x as hidePassword, y as showPassword, z as clearField, v as validityMessage } from './p-BGV-ubOj.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
 import { d as disableEventsFactory } from './p-B3JeAI4k.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { c as cx } from './p-D-tgiyw8.js';
-import { d as defineCustomElement$9 } from './p-CXJcYkex.js';
-import { d as defineCustomElement$8 } from './p-nvcs8guN.js';
-import { d as defineCustomElement$7 } from './p-BeeF6M9Y.js';
-import { d as defineCustomElement$6 } from './p-CxNw2srM.js';
-import { d as defineCustomElement$5 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$4 } from './p-CfbZKrcI.js';
-import { d as defineCustomElement$3 } from './p-DMCi_s0B.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { c as cx } from './p-C34PGDVY.js';
+import { d as defineCustomElement$9 } from './p-BtwuVYMk.js';
+import { d as defineCustomElement$8 } from './p-CBTcmEBq.js';
+import { d as defineCustomElement$7 } from './p-cVo5wigC.js';
+import { d as defineCustomElement$6 } from './p-3TYR8XT2.js';
+import { d as defineCustomElement$5 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$4 } from './p-BVcTj6fF.js';
+import { d as defineCustomElement$3 } from './p-Dq55XDgV.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsTextInputCss = ".ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input,.ds-text-input__1Vp5mb.sc-ds-text-input,.ds-text-input__1Vp5mb.sc-ds-text-input .sc-ds-text-input:where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-text-input__1Vp5mb.sc-ds-text-input{display:block}.ds-text-input__1Vp5mb__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__1Vp5mb__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__1Vp5mb__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__1Vp5mb__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__1Vp5mb__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__1Vp5mb__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__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid.ds-text-input__1Vp5mb__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid.sc-ds-text-input:hover:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid.sc-ds-text-input .ds-text-input__1Vp5mb__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--readonly.sc-ds-text-input,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__1Vp5mb__container.sc-ds-text-input:has(span.ds-text-input__1Vp5mb__prefix,.ds-text-input__1Vp5mb__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__1Vp5mb__container.sc-ds-text-input:has(.ds-text-input__1Vp5mb__button){padding-inline-end:unset}.ds-text-input__1Vp5mb__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__1Vp5mb__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__1Vp5mb__container.active.sc-ds-text-input:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--disabled,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--readonly.sc-ds-text-input,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid.sc-ds-text-input,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__1Vp5mb__container.sc-ds-text-input:hover:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--disabled,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--readonly.sc-ds-text-input,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--active.sc-ds-text-input,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid.sc-ds-text-input,.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid.sc-ds-text-input,.ds-text-input__1Vp5mb__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__1Vp5mb__container.sc-ds-text-input:focus-within:not(.ds-text-input__1Vp5mb__container:focus-within.ds-text-input__1Vp5mb__container--invalid,.ds-text-input__1Vp5mb__container.sc-ds-text-input:focus-within.ds-text-input__1Vp5mb__container--valid,.ds-text-input__1Vp5mb__container.sc-ds-text-input:focus-within.ds-text-input__1Vp5mb__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__1Vp5mb__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__1Vp5mb__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__1Vp5mb__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__1Vp5mb__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__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__1Vp5mb__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__1Vp5mb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__1Vp5mb__container.sc-ds-text-input:has(span.ds-text-input__1Vp5mb__prefix,.ds-text-input__1Vp5mb__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__1Vp5mb__container.sc-ds-text-input span.ds-text-input__1Vp5mb__prefix.sc-ds-text-input,.ds-text-input__1Vp5mb__container.sc-ds-text-input span.ds-text-input__1Vp5mb__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__1Vp5mb__container.sc-ds-text-input .ds-text-input__1Vp5mb__icon.sc-ds-text-input,.ds-text-input__1Vp5mb__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__1Vp5mb__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__1Vp5mb__container.sc-ds-text-input .ds-text-input__1Vp5mb__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";
+const dsTextInputCss = ".ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-text-input__oSBnIJ.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__oSBnIJ__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__oSBnIJ__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__oSBnIJ__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__oSBnIJ__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__oSBnIJ__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__oSBnIJ__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__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid.ds-text-input__oSBnIJ__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid.sc-ds-text-input:hover:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid.sc-ds-text-input .ds-text-input__oSBnIJ__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--readonly.sc-ds-text-input,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__oSBnIJ__container.sc-ds-text-input:has(span.ds-text-input__oSBnIJ__prefix,.ds-text-input__oSBnIJ__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__oSBnIJ__container.sc-ds-text-input:has(.ds-text-input__oSBnIJ__button){padding-inline-end:unset}.ds-text-input__oSBnIJ__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__oSBnIJ__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__oSBnIJ__container.active.sc-ds-text-input:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--disabled,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--readonly.sc-ds-text-input,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid.sc-ds-text-input,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__oSBnIJ__container.sc-ds-text-input:hover:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--disabled,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--readonly.sc-ds-text-input,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--active.sc-ds-text-input,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid.sc-ds-text-input,.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid.sc-ds-text-input,.ds-text-input__oSBnIJ__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__oSBnIJ__container.sc-ds-text-input:focus-within:not(.ds-text-input__oSBnIJ__container:focus-within.ds-text-input__oSBnIJ__container--invalid,.ds-text-input__oSBnIJ__container.sc-ds-text-input:focus-within.ds-text-input__oSBnIJ__container--valid,.ds-text-input__oSBnIJ__container.sc-ds-text-input:focus-within.ds-text-input__oSBnIJ__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__oSBnIJ__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__oSBnIJ__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__oSBnIJ__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__oSBnIJ__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__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__oSBnIJ__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__oSBnIJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__oSBnIJ__container.sc-ds-text-input:has(span.ds-text-input__oSBnIJ__prefix,.ds-text-input__oSBnIJ__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__oSBnIJ__container.sc-ds-text-input span.ds-text-input__oSBnIJ__prefix.sc-ds-text-input,.ds-text-input__oSBnIJ__container.sc-ds-text-input span.ds-text-input__oSBnIJ__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__oSBnIJ__container.sc-ds-text-input .ds-text-input__oSBnIJ__icon.sc-ds-text-input,.ds-text-input__oSBnIJ__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__oSBnIJ__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__oSBnIJ__container.sc-ds-text-input .ds-text-input__oSBnIJ__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";
 
 const INPUT_TYPE_ICONS_MAP = {
     search: 'search',
@@ -275,19 +275,19 @@ const DsTextInput$1 = proxyCustomElement(class DsTextInput extends Mixin(disable
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: '0c039defda6e5e459caae3edf7a3e3b4d2e1eeee' }, h(DsControlLabel, { key: '2e4854fafe431cb609d882a7eec385e7039a811c', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: '11e0cfbf92b2feb619c539981e0d53a91383bd80', name: "label" }), h("slot", { key: '80330e56ec8123b94e4b964c8f4665b9463daed6', name: "assistiveText" })), h("div", { key: '0e27e30dfa8ceb9912a6c53ed250f71c85fd32d0', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
+        return (h(Fragment, { key: '3dd0c67f0f2275acb2792a20f516835250f21a60' }, h(DsControlLabel, { key: 'e85be0a2b6d855492f4a94a41ab17cdc616ee043', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: '3d942daba9b3231269365079b13814a08496c46d', name: "label" }), h("slot", { key: 'cff659373ccfb2e2bdb39431dd5c036e5e732050', name: "assistiveText" })), h("div", { key: '19b49893b91232d69ffa515961b9fa49e3411a6a', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
                 [`${containerClass}--invalid`]: !!this.dsErrorText,
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
-            }) }, this.renderPrefixContent(baseClass), h("input", { key: '392c0880d844648434ce6bea242169fc60955e23', ref: e => (this.inputElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
+            }) }, this.renderPrefixContent(baseClass), h("input", { key: 'd2ab77f495e13da3b238df78e01bb82701200636', ref: e => (this.inputElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
                     [this.assistiveTextId]: !!this.dsAssistiveText,
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.validityId]: !!this.dsErrorText || !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: '5d11d089cda76beae7ff3cc786de38cb82a14f1b', name: "validity" }, h(DsInputValidity, { key: 'dc39d80a03f9be5ddb9b9de306dd5dd763520951', id: this.validityId, dsText: this.validityText, dsType: this.validityType, dsAriaLive: "assertive" }))));
+                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: '2dfa5205c36b04db9d1223837316c11c58af35d9', name: "validity" }, h(DsInputValidity, { key: '560aa771a7f363de0b85e0b1900a59bd3136fe64', id: this.validityId, dsText: this.validityText, dsType: this.validityType, dsAriaLive: "assertive" }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/components/ds-versioned-css-variables.js

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

package/dist/components/ds-visually-hidden.js

@@ -1,4 +1,4 @@
-import { D as DsVisuallyHidden$1, d as defineCustomElement$1 } from './p-BpG_wmwr.js';
+import { D as DsVisuallyHidden$1, d as defineCustomElement$1 } from './p-Cq_RwLX7.js';
 
 const DsVisuallyHidden = DsVisuallyHidden$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/index.js

@@ -1,4 +1,4 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-DRfywe7m.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-GalXVdFP.js';
 export { a as appData } from './p-gPkqWfeS.js';
 export { c as componentOnReady } from './p-J5Ghj1_T.js';
-export { c as calculatePaginationPages } from './p-DwoNTKiT.js';
+export { c as calculatePaginationPages } from './p-Ak0gd5IV.js';

package/dist/components/p-1tClFY_L.js

@@ -0,0 +1,52 @@
+import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
+import { c as cx } from './p-C34PGDVY.js';
+import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
+import { d as defineCustomElement$1 } from './p-BtwuVYMk.js';
+
+const dsGroupLabelCss = ".ds-group-label__oSBnIJ__label{padding-inline:0;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-group-label__oSBnIJ{display:flex;flex-direction:column}.ds-group-label__oSBnIJ:empty{display:none}";
+
+const DsGroupLabel = proxyCustomElement(class DsGroupLabel extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return this; }
+    dsLabel;
+    dsAssistiveText;
+    dsAssistiveTextId;
+    get DsAssistiveText() {
+        return transformTagName('ds-assistive-text', 'ds-group-label', this.el);
+    }
+    render() {
+        const baseClass = cx('ds-group-label');
+        return (h("div", { key: '16dcac40affd0c91e12e320b6506ba1b0bd5dd51', class: baseClass }, h("slot", { key: 'a30a0dae127c725716d2dceb95170a8528ae8163', name: "label" }, this.dsLabel && h("div", { key: 'a6ba28c2482ad368677a1b16c764ea5b43cf1063', class: `${baseClass}__label` }, this.dsLabel)), h("slot", { key: 'aba6e7b4870015f5a0714004a518ecf4ccc7cc5b', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '6ac13c4d2e2dace19640f667b3bc4c35091a5881', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
+    }
+    static get style() { return dsGroupLabelCss; }
+}, [260, "ds-group-label", {
+        "dsLabel": [1, "ds-label"],
+        "dsAssistiveText": [1, "ds-assistive-text"],
+        "dsAssistiveTextId": [1, "ds-assistive-text-id"]
+    }]);
+declareComponentDependencies([h("ds-assistive-text", null)]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ds-group-label", "ds-assistive-text"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-group-label":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsGroupLabel);
+            }
+            break;
+        case "ds-assistive-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { DsGroupLabel as D, defineCustomElement as d };

package/dist/components/p-3TYR8XT2.js

@@ -0,0 +1,63 @@
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-GalXVdFP.js';
+import { t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
+
+const dsFeedbackCss = ".sc-ds-feedback-h{display:contents}";
+
+const DsFeedback = proxyCustomElement(class DsFeedback extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return this; }
+    dsTag = 'div';
+    dsRole;
+    dsAriaLive = 'polite';
+    dsAriaAtomic = false;
+    dsSrOnly = false;
+    dsSrOnlyTag = 'div';
+    get DsVisuallyHidden() {
+        return transformTagName('ds-visually-hidden', 'ds-feedback', this.el);
+    }
+    componentWillRender() {
+        const eitherMessage = `Please provide either dsRole or dsAriaLive property`;
+        if (this.dsRole && this.dsAriaLive) {
+            console.warn(`ds-feedback: ${eitherMessage}. The dsAriaLive property is defined by default.`);
+            return;
+        }
+        if (!this.dsRole && !this.dsAriaLive) {
+            console.warn(`ds-feedback: ${eitherMessage}.`);
+            return;
+        }
+    }
+    render() {
+        const Elem = this.dsSrOnly ? this.DsVisuallyHidden : Fragment;
+        const elemProps = this.dsSrOnly ? { dsTag: this.dsSrOnlyTag } : {};
+        return (h(this.dsTag, { key: '50ac4bad5a42c798447528c2c9362f4f48433d29', ...ifDefined('role', this.dsRole), ...ifDefined('aria-live', this.dsAriaLive), ...ifDefined('aria-atomic', this.dsAriaAtomic) }, h(Elem, { key: '168ece36a8b76171d1fece9dada42b9d1f10f8b4', ...elemProps }, h("slot", { key: '07c1dac99b1ebc0f65d41e39d13fc2372f3ddde3' }))));
+    }
+    static get style() { return dsFeedbackCss; }
+}, [262, "ds-feedback", {
+        "dsTag": [1, "ds-tag"],
+        "dsRole": [1, "ds-role"],
+        "dsAriaLive": [1, "ds-aria-live"],
+        "dsAriaAtomic": [4, "ds-aria-atomic"],
+        "dsSrOnly": [4, "ds-sr-only"],
+        "dsSrOnlyTag": [1, "ds-sr-only-tag"]
+    }]);
+declareComponentDependencies([h("ds-ds-visually-hidden", null)]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ds-feedback"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ds-feedback":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DsFeedback);
+            }
+            break;
+    } });
+}
+
+export { DsFeedback as D, defineCustomElement as d };