@cupra/ui-kit 2.0.0-canary.230 → 2.0.0-canary.231

package/dist/cjs/components/ds-textarea/ds-textarea.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../mixins/ViewportMixin.cjs"),s=require("../../utils/objectConverter.cjs"),c=require("../../mixins/inputStatesMixin.cjs"),l=require("../../utils/validateMaxLength.cjs"),u=require("./styles/common.styles.cjs");var d=class extends c.inputStatesMixin(o.ViewportMixin(r.UiKitElement)){constructor(...e){super(...e),this.keyboardMode=!1,this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.mode=`light`}onInputReady(e){e.classList.add(`ds-scroll`)}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,error:!!this.forcedError,[e]:!!e,[this.mode]:!!this.mode,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../mixins/ViewportMixin.cjs"),s=require("../../utils/objectConverter.cjs"),c=require("../../mixins/inputStatesMixin.cjs"),l=require("../../utils/validateMaxLength.cjs"),u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/cupra.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends c.inputStatesMixin(o.ViewportMixin(r.UiKitElement)){constructor(...e){super(...e),this.keyboardMode=!1,this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.mode=`light`}onInputReady(e){e.classList.add(`ds-scroll`)}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,error:!!this.forcedError,[e]:!!e,[this.mode]:!!this.mode,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.html`
             <div class=${a.classMap(this.classes)}>
                 <div class="input-container">
                     <slot></slot>
@@ -11,4 +11,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     ${this.lengthTemplate}
                 </div>
             </div>
-        `}get lengthTemplate(){var t,n;let r=(t=this.nativeInput)==null||(t=t.maxLength)==null?void 0:t.toString();return l.validateMaxLength(r)?e.html`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${r}</span>`:e.nothing}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},f=(d.styles=[u.commonStyles],d);n.default([t.property({type:String,converter:s.objectConverter})],f.prototype,`size`,void 0),n.default([t.property({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),n.default([t.property({type:String,attribute:`forced-error`})],f.prototype,`forcedError`,void 0),n.default([t.property({type:String,attribute:`invalid-error`})],f.prototype,`invalidError`,void 0),n.default([t.property({type:String,attribute:`readonly-text`})],f.prototype,`readonlyText`,void 0),n.default([t.property({type:String})],f.prototype,`mode`,void 0),f=n.default([i.customUiKitElement(`ds-textarea`)],f),Object.defineProperty(exports,"DsTextarea",{enumerable:!0,get:function(){return f}});
+        `}get lengthTemplate(){var t,n;let r=(t=this.nativeInput)==null||(t=t.maxLength)==null?void 0:t.toString();return l.validateMaxLength(r)?e.html`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${r}</span>`:e.nothing}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},h=(m.styles=[u.commonStyles,d.cupraDiagonalStyles,p.seatStyles,f.cupraStyles],m);n.default([t.property({type:String,converter:s.objectConverter})],h.prototype,`size`,void 0),n.default([t.property({type:String,attribute:`helper-text`})],h.prototype,`helperText`,void 0),n.default([t.property({type:String,attribute:`forced-error`})],h.prototype,`forcedError`,void 0),n.default([t.property({type:String,attribute:`invalid-error`})],h.prototype,`invalidError`,void 0),n.default([t.property({type:String,attribute:`readonly-text`})],h.prototype,`readonlyText`,void 0),n.default([t.property({type:String})],h.prototype,`mode`,void 0),h=n.default([i.customUiKitElement(`ds-textarea`)],h),Object.defineProperty(exports,"DsTextarea",{enumerable:!0,get:function(){return h}});

package/dist/cjs/components/ds-textarea/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,199 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra-diagonal']):has(.disabled),
+    :host([data-ui-kit-theme='cupra-diagonal']):has(.readonly) {
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(label) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(label) {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled ::slotted(label) {
+        color: var(--ds-field-text-color-label-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(textarea) {
+        width: 100%;
+        box-sizing: border-box;
+        flex: 1 0 0;
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border: none;
+        outline: none;
+        background: transparent;
+        resize: none;
+        padding: 0;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(textarea)::-moz-placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(textarea)::placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(textarea:focus) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .filled ::slotted(textarea) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(textarea:disabled) {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(textarea) {
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(textarea) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+        margin: var(--ds-spacing-s-3) 0;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(textarea) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        margin: var(--ds-spacing-s-3) 0;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .input-container {
+        box-sizing: border-box;
+        width: 100%;
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
+            var(--ds-border-radius-none);
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .input-container {
+        padding-left: var(--ds-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .input-container:hover,
+    :host([data-ui-kit-theme='cupra-diagonal']) .focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .focus:not(.focus-visible) .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .filled .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.error .input-container,
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.invalid .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .input-container,
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.error .input-container,
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.invalid .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .footer {
+        box-sizing: border-box;
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: var(--ds-spacing-s-5, 8px);
+        overflow: hidden;
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .footer {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
+            var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .footer {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .helper-text,
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly-text {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .error-text {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .error .char-counter,
+    :host([data-ui-kit-theme='cupra-diagonal']) .invalid .char-counter {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .support-text,
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .char-counter {
+        color: var(--ds-field-text-color-caption-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .support-text,
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .char-counter {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-textarea/styles/cupra.styles.cjs

@@ -0,0 +1,193 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra']) {
+        display: contents;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container {
+        padding: 1rem 0 0 0;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .input-container {
+        border-bottom-style: solid;
+        border-bottom-width: 1px;
+        box-sizing: border-box;
+        width: 100%;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .light .input-container {
+        border-bottom-color: var(--ds-color-dark-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .dark .input-container {
+        border-bottom-color: var(--ds-color-medium-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .focus-visible.light .input-container {
+        border-bottom-color: var(--ds-color-black);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .focus-visible.dark .input-container {
+        border-bottom-color: var(--ds-color-light-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .error.light .input-container,
+    :host([data-ui-kit-theme='cupra']) .invalid.light .input-container {
+        border-bottom-color: #b50303;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .error.dark .input-container,
+    :host([data-ui-kit-theme='cupra']) .invalid.dark .input-container {
+        border-bottom-color: #ec8b8b;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.light .input-container {
+        border-bottom-color: var(--ds-color-medium-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.dark .input-container {
+        border-bottom-color: var(--ds-color-dark-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted(textarea) {
+        width: 100%;
+        box-sizing: border-box;
+        flex: 1 0 0;
+        border: none;
+        outline: none;
+        background: transparent;
+        padding: 0 0 0.5rem 0;
+        margin-top: 0.25rem;
+        resize: none;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .medium ::slotted(textarea) {
+        font: var(--ds-font-cupra-light-30-title);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .small ::slotted(textarea) {
+        font: var(--ds-font-cupra-light-20-title);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .light ::slotted(textarea) {
+        color: var(--ds-color-black);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .dark ::slotted(textarea) {
+        color: var(--ds-color-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.light ::slotted(textarea) {
+        color: var(--ds-color-off-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.dark ::slotted(textarea) {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted(label) {
+        font: var(--ds-cp-type-tiny-book);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .light ::slotted(label) {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .dark ::slotted(label) {
+        color: var(--ds-color-off-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.light ::slotted(label) {
+        color: var(--ds-color-off-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.dark ::slotted(label) {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .footer {
+        box-sizing: border-box;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        overflow: hidden;
+        margin-top: 0.25rem;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .support-text {
+        font: var(--ds-font-cupra-light-10);
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .helper-text {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .light .helper-text {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .dark .helper-text {
+        color: var(--ds-color-off-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.light .helper-text {
+        color: var(--ds-color-off-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.dark .helper-text {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .error-text {
+        color: #b50303;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .light .error-text {
+        color: #b50303;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .dark .error-text {
+        color: #ec8b8b;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .char-counter {
+        font: var(--ds-font-cupra-light-10);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .light .char-counter {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .dark .char-counter {
+        color: var(--ds-color-off-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.light .char-counter {
+        color: var(--ds-color-off-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.dark .char-counter {
+        color: var(--ds-color-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .icon-button {
+        align-self: flex-end;
+        margin-bottom: 0.5rem;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .light .icon-button {
+        --ui-kit-icon-color: var(--ds-color-dark-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .dark .icon-button {
+        --ui-kit-icon-color: var(--ds-color-light-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.light .icon-button {
+        --ui-kit-icon-color: var(--ds-color-medium-grey);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .disabled.dark .icon-button {
+        --ui-kit-icon-color: var(--ds-color-dark-grey);
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-textarea/styles/seat.styles.cjs

@@ -0,0 +1,199 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat']):has(.disabled),
+    :host([data-ui-kit-theme='seat']):has(.readonly) {
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container {
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large ::slotted(label) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(label) {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='seat']) .disabled ::slotted(label) {
+        color: var(--ds-field-text-color-label-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(textarea) {
+        width: 100%;
+        box-sizing: border-box;
+        flex: 1 0 0;
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border: none;
+        outline: none;
+        background: transparent;
+        resize: none;
+        padding: 0;
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(textarea)::-moz-placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(textarea)::placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(textarea:focus) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .filled ::slotted(textarea) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(textarea:disabled) {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted(textarea) {
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large ::slotted(textarea) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+        margin: var(--ds-spacing-s-3) 0;
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(textarea) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        margin: var(--ds-spacing-s-3) 0;
+    }
+
+    :host([data-ui-kit-theme='seat']) .input-container {
+        box-sizing: border-box;
+        width: 100%;
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
+            var(--ds-border-radius-none);
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .input-container {
+        padding-left: var(--ds-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='seat']) .input-container:hover,
+    :host([data-ui-kit-theme='seat']) .focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='seat']) .focus:not(.focus-visible) .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .filled .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.error .input-container,
+    :host([data-ui-kit-theme='seat']) .container.invalid .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .disabled .input-container,
+    :host([data-ui-kit-theme='seat']) .disabled.error .input-container,
+    :host([data-ui-kit-theme='seat']) .disabled.invalid .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='seat']) .footer {
+        box-sizing: border-box;
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: var(--ds-spacing-s-5, 8px);
+        overflow: hidden;
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .footer {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
+            var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .footer {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .helper-text,
+    :host([data-ui-kit-theme='seat']) .readonly-text {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='seat']) .error-text {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .error .char-counter,
+    :host([data-ui-kit-theme='seat']) .invalid .char-counter {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .disabled .support-text,
+    :host([data-ui-kit-theme='seat']) .disabled .char-counter {
+        color: var(--ds-field-text-color-caption-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly .support-text,
+    :host([data-ui-kit-theme='seat']) .readonly .char-counter {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs

@@ -1,4 +1,4 @@
 const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),t=require("./themeContext.cjs");require("../../core/theme.constants.cjs");const n=require("../../utils/PubSub.cjs"),r=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),i=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const s=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../styles/source/shared/fonts-config.cjs");var d=class extends i.LitElement{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.loadUnusedStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){if(super.updated(e),e.has(`theme`)){var t,r;n.pubSub.publish(`theme`,this.theme),(t=sessionStorage)==null||t.setItem(`@cupra/ui-kit/theme`,this.theme),typeof FontFace<`u`&&(r=document)!=null&&r.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))})}}loadThemeFonts(){var e;(e=u.fontsConfig[this.theme])==null||e.fonts.forEach(e=>{this.loadThemeFont(e)})}async loadThemeFont({weight:e,name:t,file:n}){if(!this.loadFonts)return Promise.resolve();let r=`${t}-${e}`;if(this.loadedFonts.has(r))return;let i=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff') format('woff'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.ttf') format('truetype'),
-            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`optional`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.230`;return this.loadUnusedStyles&&this.applyUnusedStyles(e),this.loadStyles?new Promise((t,n)=>{let r=`https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))t();else{let i=`ui-kit-theme-${e}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>t(),o.onerror=()=>n(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a==null||a.remove()}}):Promise.resolve()}applyUnusedStyles(e){let t=`https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;if(document.head.querySelector(`link[href="${t}"]`))return;let n=`ui-kit-unused-styles-${e}`,r=document.getElementById(n),i=document.createElement(`link`);i.id=n,i.rel=`preload`,i.as=`style`,i.href=t,i.onload=()=>{i.rel=`stylesheet`},document.head.appendChild(i),r==null||r.remove()}render(){return this.cssLoaded?r.html`<slot></slot>`:r.nothing}};s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-fonts`})],d.prototype,`loadFonts`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-styles`})],d.prototype,`loadStyles`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-unused-styles`})],d.prototype,`loadUnusedStyles`,void 0),s.default([e.provide({context:t.themeContext}),a.property({type:String})],d.prototype,`theme`,void 0),s.default([o.state()],d.prototype,`cssLoaded`,void 0),s.default([o.state()],d.prototype,`loadedFonts`,void 0),d=s.default([c.customUiKitElement(`ds-theme-provider`)],d),Object.defineProperty(exports,"DsThemeProvider",{enumerable:!0,get:function(){return d}});
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`optional`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.231`;return this.loadUnusedStyles&&this.applyUnusedStyles(e),this.loadStyles?new Promise((t,n)=>{let r=`https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))t();else{let i=`ui-kit-theme-${e}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>t(),o.onerror=()=>n(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a==null||a.remove()}}):Promise.resolve()}applyUnusedStyles(e){let t=`https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;if(document.head.querySelector(`link[href="${t}"]`))return;let n=`ui-kit-unused-styles-${e}`,r=document.getElementById(n),i=document.createElement(`link`);i.id=n,i.rel=`preload`,i.as=`style`,i.href=t,i.onload=()=>{i.rel=`stylesheet`},document.head.appendChild(i),r==null||r.remove()}render(){return this.cssLoaded?r.html`<slot></slot>`:r.nothing}};s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-fonts`})],d.prototype,`loadFonts`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-styles`})],d.prototype,`loadStyles`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-unused-styles`})],d.prototype,`loadUnusedStyles`,void 0),s.default([e.provide({context:t.themeContext}),a.property({type:String})],d.prototype,`theme`,void 0),s.default([o.state()],d.prototype,`cssLoaded`,void 0),s.default([o.state()],d.prototype,`loadedFonts`,void 0),d=s.default([c.customUiKitElement(`ds-theme-provider`)],d),Object.defineProperty(exports,"DsThemeProvider",{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-theme-switch/ds-theme-switch.cjs

@@ -1 +1 @@
-const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),t=require("../ds-theme-provider/themeContext.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),o=require("../../decorators/customUiKitElement.cjs");var s=class extends r.LitElement{getMatchingTemplate(){return this.activeTheme?this.querySelector(`template[slot="${this.activeTheme}"]`):null}getDefaultTemplate(){return this.querySelector(`template[slot="default"]`)}render(){let e=this.getMatchingTemplate();if(e)return n.html`${e.content.cloneNode(!0)}`;let t=this.getDefaultTemplate();return t?n.html`${t.content.cloneNode(!0)}`:n.nothing}};a.default([i.property({attribute:!1}),e.consume({context:t.themeContext,subscribe:!0})],s.prototype,`activeTheme`,void 0),s=a.default([o.customUiKitElement(`ds-theme-switch`,{skipTagAsComponentName:!0})],s),Object.defineProperty(exports,"DsThemeSwitch",{enumerable:!0,get:function(){return s}});
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),t=require("../ds-theme-provider/themeContext.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),o=require("../../decorators/customUiKitElement.cjs");var s=class extends r.LitElement{getMatchingTemplate(){return this.activeTheme?this.querySelector(`template[slot="${this.activeTheme}"]`):null}getDefaultTemplate(){return this.querySelector(`template[slot="default"]`)}render(){let e=this.getMatchingTemplate();if(e)return n.html`${e.content.cloneNode(!0)}`;let t=this.getDefaultTemplate();return t?n.html`${t.content.cloneNode(!0)}`:n.nothing}};a.default([i.property({attribute:!1}),e.consume({context:t.themeContext,subscribe:!0})],s.prototype,`activeTheme`,void 0),s=a.default([o.customUiKitElement(`ds-theme-switch`)],s),Object.defineProperty(exports,"DsThemeSwitch",{enumerable:!0,get:function(){return s}});

package/dist/cjs/components/ds-toast/ds-toast.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./utils/ToastManager.cjs");require("../ds-toast-message/ds-toast-message.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/repeat.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/repeat.cjs");const d=require("./styles/common.styles.cjs");var f=class extends i.UiKitElement{constructor(...e){super(...e),this.position=`top-right`,this.toasts=[],this.unsubscribe=null}connectedCallback(){super.connectedCallback(),this.unsubscribe=l.toastManager.subscribe(e=>{this.toasts=e})}disconnectedCallback(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null),super.disconnectedCallback()}handleAnimationEnd(e){let t=e.target;if(t.classList.contains(`exiting`)&&(e.animationName===`toast-out-left`||e.animationName===`toast-out-right`)){let e=t.getAttribute(`data-id`);e&&l.toastManager.removeToast(e)}}getToastMessageTemplate(t){let n={toast:!0,[t.status]:!0,exiting:t.exiting},r=o.uiKitHtml`<ds-toast-message
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./utils/ToastManager.cjs");require("../ds-toast-message/ds-toast-message.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/repeat.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/repeat.cjs");const d=require("./styles/common.styles.cjs");var f=class extends t.LitElement{constructor(...e){super(...e),this.position=`top-right`,this.toasts=[],this.unsubscribe=null}connectedCallback(){super.connectedCallback(),this.unsubscribe=l.toastManager.subscribe(e=>{this.toasts=e})}disconnectedCallback(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null),super.disconnectedCallback()}handleAnimationEnd(e){let t=e.target;if(t.classList.contains(`exiting`)&&(e.animationName===`toast-out-left`||e.animationName===`toast-out-right`)){let e=t.getAttribute(`data-id`);e&&l.toastManager.removeToast(e)}}getToastMessageTemplate(t){let n={toast:!0,[t.status]:!0,exiting:t.exiting},r=o.uiKitHtml`<ds-toast-message
             data-id=${t.id}
             title=${c.ifDefined(t.title)}
             text=${c.ifDefined(t.text)}
@@ -13,4 +13,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             >
                 ${u.repeat(this.toasts,e=>e.id,e=>this.getToastMessageTemplate(e))}
             </div>
-        `}},p=(f.styles=[d.containerStyles,d.toastStyles],f);r.default([t.property({type:String})],p.prototype,`position`,void 0),r.default([n.state()],p.prototype,`toasts`,void 0),p=r.default([a.customUiKitElement(`ds-toast`)],p),Object.defineProperty(exports,"DsToast",{enumerable:!0,get:function(){return p}});
+        `}},p=(f.styles=[d.containerStyles,d.toastStyles],f);i.default([n.property({type:String})],p.prototype,`position`,void 0),i.default([r.state()],p.prototype,`toasts`,void 0),p=i.default([a.customUiKitElement(`ds-toast`)],p),Object.defineProperty(exports,"DsToast",{enumerable:!0,get:function(){return p}});