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

package/dist-react/cjs/components/ds-divider/styles/cupra.styles.cjs

@@ -0,0 +1,30 @@
+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']) .divider.horizontal {
+        height: 0.0625rem;
+        width: 100%;
+        margin: 0.25rem 0;
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.vertical {
+        height: 100%;
+        width: 0.0625rem;
+        margin: 0 0.25rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.primary.light {
+        background: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.primary.dark {
+        background: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.secondary.light {
+        background: var(--ds-color-grey-40);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.secondary.dark {
+        background: var(--ds-color-grey-120);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.tertiary.light {
+        background: var(--ds-color-grey-15);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.tertiary.dark {
+        background: var(--ds-color-grey-160);
+    }
+`;exports.cupraStyles=t;

package/dist-react/cjs/components/ds-divider/styles/seat-legacy.styles.cjs

@@ -0,0 +1,21 @@
+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-legacy']) .divider.horizontal {
+        height: 0.0625rem;
+        width: 100%;
+        margin: 0.25rem 0;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.vertical {
+        height: 100%;
+        width: 0.0625rem;
+        margin: 0 0.25rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.primary {
+        background: var(--dg-global-color-gray-80);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.secondary {
+        background: var(--ds-divider-bg-color-secondary);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.tertiary {
+        background: var(--dg-global-color-gray-80);
+    }
+`;exports.seatLegacyStyles=t;

package/dist-react/cjs/components/ds-divider/styles/seat.styles.cjs

@@ -0,0 +1,18 @@
+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']) .divider.horizontal {
+        height: 0.0625rem;
+        width: 100%;
+        margin: 0;
+    }
+    :host([data-ui-kit-theme='seat']) .divider.vertical {
+        height: 100%;
+        width: 0.0625rem;
+        margin: 0;
+    }
+    :host([data-ui-kit-theme='seat']) .divider.primary {
+        background: var(--ds-divider-bg-color-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .divider.secondary {
+        background: var(--ds-divider-bg-color-secondary);
+    }
+`;exports.seatStyles=t;

package/dist-react/cjs/components/ds-drawer/ds-drawer.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/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=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 l=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"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("./styles/common.styles.cjs"),d=require("./theme-config.cjs");var f=class extends i.UiKitElement{constructor(...e){super(...e),this._open=void 0,this._openState=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this._openState=!1,this._open=void 0},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}get open(){return this._open??this._openState}set open(e){this._open=e}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var e;let t=(e=d.themeConfig[this.theme])==null?void 0:e[`icon-button-variant`];return s.uiKitHtml`<ds-icon-button
+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/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=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 l=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"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs"),m=require("./theme-config.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this._open=void 0,this._openState=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this._openState=!1,this._open=void 0},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}get open(){return this._open??this._openState}set open(e){this._open=e}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var e;let t=(e=m.themeConfig[this.theme])==null?void 0:e[`icon-button-variant`];return s.uiKitHtml`<ds-icon-button
             class="close-button visible"
             data-testid="close-button"
             data-aria-label="close-button"
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="footer"></slot>
                 </div>
             </div>
-        `}},p=(f.styles=[u.commonStyles,u.iconStyles],f);r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],p.prototype,`_open`,void 0),r.default([n.state()],p.prototype,`_openState`,void 0),p=r.default([a.customUiKitElement(`ds-drawer`)],p),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return p}});
+        `}},g=(h.styles=[u.commonStyles,u.iconStyles,d.cupraDiagonalStyles,p.seatStyles,f.seatLegacyStyles],h);r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],g.prototype,`_open`,void 0),r.default([n.state()],g.prototype,`_openState`,void 0),g=r.default([a.customUiKitElement(`ds-drawer`)],g),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return g}});

package/dist-react/cjs/components/ds-drawer/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,50 @@
+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']) .overlay {
+        background: var(--ds-opacity-black-40);
+        -webkit-backdrop-filter: var(--ds-elevation-blur-level-01);
+        backdrop-filter: var(--ds-elevation-blur-level-01);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        color: var(--ui-kit-private-drawer-container-color, #ffffff);
+        background: var(--ds-color-bg-default);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) .container {
+            border-radius: var(--ds-border-radius-m) 0px 0px var(--ds-border-radius-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .drawer-header,
+    :host([data-ui-kit-theme='cupra-diagonal']) .drawer-content,
+    :host([data-ui-kit-theme='cupra-diagonal']) .drawer-footer {
+        padding-left: var(--ds-layout-margin);
+        padding-right: var(--ds-layout-margin);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .drawer-header {
+        padding-top: var(--ds-spacing-layout-s);
+        padding-bottom: var(--ds-spacing-m-3);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) .drawer-header {
+            padding-bottom: var(--ds-spacing-layout-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .drawer-footer {
+        padding-top: var(--ds-spacing-layout-m);
+        padding-bottom: var(--ds-spacing-layout-l);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .drawer-footer ::slotted(*) {
+        gap: var(--ds-spacing-m-2);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .close-button {
+        top: calc(var(--ds-spacing-layout-s) - 0.125rem);
+        right: var(--ds-spacing-layout-xl);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist-react/cjs/components/ds-drawer/styles/seat-legacy.styles.cjs

@@ -0,0 +1,50 @@
+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-legacy']) .overlay {
+        background: var(--dg-global-opacity-black-40);
+        -webkit-backdrop-filter: var(--dg-elevation-blur-soft);
+        backdrop-filter: var(--dg-elevation-blur-soft);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container {
+        background: #fff;
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat-legacy']) .container {
+            border-radius: var(--dg-border-radius-m) 0px 0px var(--dg-border-radius-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .drawer-header,
+    :host([data-ui-kit-theme='seat-legacy']) .drawer-content,
+    :host([data-ui-kit-theme='seat-legacy']) .drawer-footer {
+        padding-left: var(--dg-layout-margin);
+        padding-right: var(--dg-layout-margin);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .drawer-header {
+        padding-top: var(--dg-spacing-layout-s);
+        padding-bottom: var(--dg-spacing-m-3);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat-legacy']) .drawer-header {
+            padding-bottom: var(--dg-spacing-layout-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .drawer-footer {
+        padding-top: var(--dg-spacing-layout-m);
+        padding-bottom: var(--dg-spacing-layout-l);
+        background: #fff;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .drawer-footer ::slotted(*) {
+        gap: var(--dg-spacing-m-2);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .close-button {
+        top: calc(var(--dg-spacing-layout-s) - 0.125rem);
+        right: var(--dg-spacing-layout-xl);
+    }
+`;exports.seatLegacyStyles=t;

package/dist-react/cjs/components/ds-drawer/styles/seat.styles.cjs

@@ -0,0 +1,50 @@
+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']) .overlay {
+        background: var(--ds-opacity-black-40);
+        -webkit-backdrop-filter: var(--ds-elevation-blur-level-01);
+        backdrop-filter: var(--ds-elevation-blur-level-01);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container {
+        color: var(--ui-kit-private-drawer-container-color, #ffffff);
+        background: var(--ds-color-bg-default);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat']) .container {
+            border-radius: var(--ds-border-radius-m) 0px 0px var(--ds-border-radius-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-header,
+    :host([data-ui-kit-theme='seat']) .drawer-content,
+    :host([data-ui-kit-theme='seat']) .drawer-footer {
+        padding-left: var(--ds-layout-margin);
+        padding-right: var(--ds-layout-margin);
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-header {
+        padding-top: var(--ds-spacing-layout-s);
+        padding-bottom: var(--ds-spacing-m-3);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat']) .drawer-header {
+            padding-bottom: var(--ds-spacing-layout-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-footer {
+        padding-top: var(--ds-spacing-layout-m);
+        padding-bottom: var(--ds-spacing-layout-l);
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-footer ::slotted(*) {
+        gap: var(--ds-spacing-m-2);
+    }
+
+    :host([data-ui-kit-theme='seat']) .close-button {
+        top: calc(var(--ds-spacing-layout-s) - 0.125rem);
+        right: var(--ds-spacing-layout-xl);
+    }
+`;exports.seatStyles=t;

package/dist-react/cjs/components/ds-favourite-action/ds-favourite-action.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");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=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 l=require("./styles/common.styles.cjs");var u=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}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"),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");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=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 l=require("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){super.willUpdate(e),!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.html`
             <button
                 type="button"
                 class=${c.classMap(this.classes)}
@@ -9,4 +9,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             >
                 ${this.iconTemplate}
             </button>
-        `}},d=(u.styles=[l.commonStyles],u);r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],d.prototype,`initialSelected`,void 0),r.default([t.property({type:Boolean,attribute:`selected`})],d.prototype,`selected`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.default([t.property({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),r.default([n.state()],d.prototype,`_selected`,void 0),d=r.default([a.customUiKitElement(`ds-favourite-action`)],d),Object.defineProperty(exports,"DsFavouriteAction",{enumerable:!0,get:function(){return d}});
+        `}},h=(m.styles=[l.commonStyles,u.cupraDiagonalStyles,p.seatStyles,d.cupraStyles,f.seatLegacyStyles],m);r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],h.prototype,`initialSelected`,void 0),r.default([t.property({type:Boolean,attribute:`selected`})],h.prototype,`selected`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`disabled`,void 0),r.default([t.property({type:String,attribute:`data-aria-label`})],h.prototype,`dataAriaLabel`,void 0),r.default([n.state()],h.prototype,`_selected`,void 0),h=r.default([a.customUiKitElement(`ds-favourite-action`)],h),Object.defineProperty(exports,"DsFavouriteAction",{enumerable:!0,get:function(){return h}});

package/dist-react/cjs/components/ds-favourite-action/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,40 @@
+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']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ui-kit-favourite-action-background, transparent);
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button:hover {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button:active {
+        background: var(
+            --ui-kit-favourite-action-background-active,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist-react/cjs/components/ds-favourite-action/styles/cupra.styles.cjs

@@ -0,0 +1,59 @@
+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']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: transparent;
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:hover {
+        background: var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3));
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:active {
+        background: var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3));
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-color: var(--ds-color-icon-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:hover .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:focus-visible .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.selected .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.selected:hover .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.selected:focus-visible .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.disabled .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-disabled, #5a5c67);
+    }
+`;exports.cupraStyles=t;

package/dist-react/cjs/components/ds-favourite-action/styles/seat-legacy.styles.cjs

@@ -0,0 +1,40 @@
+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-legacy']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ui-kit-favourite-action-background, transparent);
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button:hover {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button:active {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+`;exports.seatLegacyStyles=t;

package/dist-react/cjs/components/ds-favourite-action/styles/seat.styles.cjs

@@ -0,0 +1,40 @@
+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']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ui-kit-favourite-action-background, transparent);
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .button:hover {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='seat']) .button:active {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+`;exports.seatStyles=t;

package/dist-react/cjs/components/ds-hyperlink/ds-hyperlink.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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}handleClick(e){this.href||e.preventDefault()}get styleTokens(){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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra.styles.cjs");var l=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.html`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -21,4 +21,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             <slot></slot>
                         </a>
                     `]])}
-        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:String,attribute:`html-tag-name`})],l.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`target`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.default([t.property({type:String})],l.prototype,`size`,void 0),l=n.default([i.customUiKitElement(`ds-hyperlink`)],l),Object.defineProperty(exports,"DsHyperlinkButton",{enumerable:!0,get:function(){return l}});
+        `}},u=(l.styles=[s.commonStyles,c.cupraStyles],l);n.default([t.property({type:String,attribute:`html-tag-name`})],u.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`target`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`mode`,void 0),n.default([t.property({type:String})],u.prototype,`size`,void 0),u=n.default([i.customUiKitElement(`ds-hyperlink`)],u),Object.defineProperty(exports,"DsHyperlinkButton",{enumerable:!0,get:function(){return u}});

package/dist-react/cjs/components/ds-hyperlink/styles/cupra.styles.cjs

@@ -0,0 +1,29 @@
+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']) .hyperlink {
+        border-bottom: 1px solid;
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.light {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.dark {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink:hover.light {
+        color: var(--ds-color-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink:hover.dark {
+        color: var(--ds-color-off-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.large {
+        font: var(--ds-font-cupra-light-30-paragraph);
+        height: 1.5rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.medium {
+        font: var(--ds-font-cupra-light-20-paragraph);
+        height: 1.25rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.small {
+        font: var(--ds-font-cupra-light-10);
+        height: 1rem;
+    }
+`;exports.cupraStyles=t;

package/dist-react/cjs/components/ds-icon/ds-icon.cjs

@@ -1,4 +1,4 @@
-const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),n=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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),i=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 a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const u=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldGet2.cjs");var p=new WeakMap,m=class extends o.UiKitElement{constructor(){super(),u.default(this,p,void 0),this.iconHtml=``,d.default(p,this,0),this.getIcon=async()=>{var e;let t=d.default(p,this,(e=f.default(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f.default(p,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.html`
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.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"),a=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 o=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const u=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldGet2.cjs");var p=new WeakMap,m=class extends r.LitElement{constructor(){super(),u.default(this,p,void 0),this.iconHtml=``,d.default(p,this,0),this.getIcon=async()=>{var e;let t=d.default(p,this,(e=f.default(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f.default(p,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.html`
             <style>
                 .ds-icon {
                     display: inline-block;
@@ -22,4 +22,4 @@ const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@l
             line-height: 0;
             display: inline-block;
         }
-    `,m);a.default([r.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),a.default([r.property({type:String,attribute:`color`})],h.prototype,`color`,void 0),a.default([r.property({type:Number})],h.prototype,`width`,void 0),a.default([r.property({type:Number})],h.prototype,`height`,void 0),a.default([r.property({type:Number,attribute:`size`})],h.prototype,`size`,void 0),a.default([i.state()],h.prototype,`iconHtml`,void 0),h=a.default([s.customUiKitElement(`ds-icon`)],h),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return h}});
+    `,m);o.default([i.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),o.default([i.property({type:String,attribute:`color`})],h.prototype,`color`,void 0),o.default([i.property({type:Number})],h.prototype,`width`,void 0),o.default([i.property({type:Number})],h.prototype,`height`,void 0),o.default([i.property({type:Number,attribute:`size`})],h.prototype,`size`,void 0),o.default([a.state()],h.prototype,`iconHtml`,void 0),h=o.default([s.customUiKitElement(`ds-icon`)],h),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return h}});

package/dist-react/cjs/components/ds-icon-button/ds-icon-button.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");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.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("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs");var p=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`:e.nothing}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport],t=!!(this.customBackground||this.customColor);return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,custom:t,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode}}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-private-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-private-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-private-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-private-button-custom-color`)}get variantColorTokens(){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");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.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("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`:e.nothing}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport],t=!!(this.customBackground||this.customColor);return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,custom:t,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode}}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-private-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-private-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-private-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-private-button-custom-color`)}get variantColorTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -33,4 +33,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             <slot></slot>
                         </div>
                     `]])}
-        `}},m=(p.styles=[f.buttonStyles],p);n.default([t.property({type:String,reflect:!0})],m.prototype,`variant`,void 0),n.default([t.property({type:String,attribute:`custom-background`})],m.prototype,`customBackground`,void 0),n.default([t.property({type:String,attribute:`custom-color`})],m.prototype,`customColor`,void 0),n.default([t.property({type:String,reflect:!0})],m.prototype,`mode`,void 0),n.default([t.property({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],m.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],m.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],m.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String,attribute:`data-aria-pressed`})],m.prototype,`dataAriaPressed`,void 0),n.default([t.property({type:String,reflect:!0})],m.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],m.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],m.prototype,`target`,void 0),m=n.default([i.customUiKitElement(`ds-icon-button`)],m),Object.defineProperty(exports,"DsIconButton",{enumerable:!0,get:function(){return m}});
+        `}},v=(_.styles=[f.buttonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);n.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),n.default([t.property({type:String,attribute:`custom-background`})],v.prototype,`customBackground`,void 0),n.default([t.property({type:String,attribute:`custom-color`})],v.prototype,`customColor`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:u.objectConverter})],v.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String,attribute:`data-aria-pressed`})],v.prototype,`dataAriaPressed`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`target`,void 0),v=n.default([i.customUiKitElement(`ds-icon-button`)],v),Object.defineProperty(exports,"DsIconButton",{enumerable:!0,get:function(){return v}});