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

package/dist/cjs/components/ds-inline-alert/styles/seat-legacy.styles.cjs

@@ -0,0 +1,75 @@
+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']) .container {
+        display: flex;
+        min-width: 15.625rem;
+        padding: var(--ds-spacing-s-5, 8px);
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-s, 8px);
+        background: var(--ds-color-surface-container-default, rgba(250, 250, 250, 0.05));
+        box-shadow: 0 0.25rem 0.25rem 0 var(--ds-opacity-black-20, rgba(9, 9, 11, 0.2));
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-color: var(--ds-color-border-selected);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.warning .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-warning);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.info .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-info);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.error .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-error);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.success .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-success);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .content {
+        display: flex;
+        flex: 1 1 auto;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 0.5rem;
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .header {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3, 4px);
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .title {
+        overflow: hidden;
+        color: var(--ds-color-text-default, #fafafa);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-headline-xxs, 16px);
+        font-style: normal;
+        font-weight: 400;
+        line-height: var(--ds-typography-height-headline-xxs, 24px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .message {
+        overflow: hidden;
+        color: var(--ds-color-text-default-subtlest, #d3d6d9);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-body-m, 14px);
+        font-style: normal;
+        font-weight: 350;
+        line-height: var(--ds-typography-height-body-m, 20px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-inline-alert/styles/seat.styles.cjs

@@ -0,0 +1,75 @@
+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']) .container {
+        display: flex;
+        min-width: 15.625rem;
+        padding: var(--ds-spacing-s-5, 8px);
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-s, 8px);
+        background: var(--ds-color-surface-container-default, rgba(250, 250, 250, 0.05));
+        box-shadow: 0 0.25rem 0.25rem 0 var(--ds-opacity-black-20, rgba(9, 9, 11, 0.2));
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-color-border-selected);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.warning .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-warning);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.info .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-info);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.error .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-error);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.success .icon {
+        --ui-kit-icon-color: var(--ds-color-border-feedback-success);
+    }
+
+    :host([data-ui-kit-theme='seat']) .content {
+        display: flex;
+        flex: 1 1 auto;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 0.5rem;
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat']) .header {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3, 4px);
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat']) .title {
+        overflow: hidden;
+        color: var(--ds-color-text-default, #fafafa);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-headline-xxs, 16px);
+        font-style: normal;
+        font-weight: 400;
+        line-height: var(--ds-typography-height-headline-xxs, 24px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .message {
+        overflow: hidden;
+        color: var(--ds-color-text-default-subtlest, #d3d6d9);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-body-m, 14px);
+        font-style: normal;
+        font-weight: 350;
+        line-height: var(--ds-typography-height-body-m, 20px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+`;exports.seatStyles=t;

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

@@ -43,4 +43,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             @input=${this.handleInput}
                         />
                     `]])}
-        `}get dropdownTemplate(){return e.nothing}};r.default([t.property({type:String})],c.prototype,`name`,void 0),r.default([t.property({type:String})],c.prototype,`placeholder`,void 0),r.default([t.property({type:String,attribute:`max-length`})],c.prototype,`maxLength`,void 0),r.default([t.property({type:String})],c.prototype,`type`,void 0),r.default([t.property({type:Number})],c.prototype,`min`,void 0),r.default([t.property({type:Number})],c.prototype,`max`,void 0),r.default([t.property({type:Number})],c.prototype,`step`,void 0),r.default([n.state()],c.prototype,`_hasPicker`,void 0),c=r.default([i.customUiKitElement(`ds-input`,{skipTagAsComponentName:!0})],c),Object.defineProperty(exports,"DsInput",{enumerable:!0,get:function(){return c}});
+        `}get dropdownTemplate(){return e.nothing}};r.default([t.property({type:String})],c.prototype,`name`,void 0),r.default([t.property({type:String})],c.prototype,`placeholder`,void 0),r.default([t.property({type:String,attribute:`max-length`})],c.prototype,`maxLength`,void 0),r.default([t.property({type:String})],c.prototype,`type`,void 0),r.default([t.property({type:Number})],c.prototype,`min`,void 0),r.default([t.property({type:Number})],c.prototype,`max`,void 0),r.default([t.property({type:Number})],c.prototype,`step`,void 0),r.default([n.state()],c.prototype,`_hasPicker`,void 0),c=r.default([i.customUiKitElement(`ds-input`)],c),Object.defineProperty(exports,"DsInput",{enumerable:!0,get:function(){return c}});

package/dist/cjs/components/ds-interactive-card/ds-interactive-card.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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("./styles/common.styles.cjs");var l=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.selected=!1,this.error=!1,this.showClose=!1,this.handleCtaSlotChange=()=>{this.requestUpdate()},this.handleClick=e=>{e.stopPropagation()},this.handleCloseButtonClick=e=>{e.stopPropagation();let t=new CustomEvent(`interactive-card:close`,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size,"has-close":this.showClose}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get hasCta(){return!!this.querySelector(`[slot="cta"]`)}get ctaClasses(){return{cta:!0,empty:!this.hasCta}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="cross-circle" size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?o.uiKitHtml`<ds-icon-button
+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");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("../../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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("./styles/common.styles.cjs");var l=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.selected=!1,this.error=!1,this.showClose=!1,this.handleCtaSlotChange=()=>{this.requestUpdate()},this.handleClick=e=>{e.stopPropagation()},this.handleCloseButtonClick=e=>{e.stopPropagation();let t=new CustomEvent(`interactive-card:close`,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size,"has-close":this.showClose}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get hasCta(){return!!this.querySelector(`[slot="cta"]`)}get ctaClasses(){return{cta:!0,empty:!this.hasCta}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="cross-circle" size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?o.uiKitHtml`<ds-icon-button
             class="close-button"
             data-aria-label="Close"
             @click=${this.handleCloseButtonClick}
@@ -31,4 +31,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
     `:e.nothing}render(){return e.html`
             ${this.contentTemplate}
             ${this.errorTemplate}
-        `}},u=(l.styles=[c.commonStyles],l);n.default([t.property({type:String})],u.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`error`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`show-close`})],u.prototype,`showClose`,void 0),u=n.default([i.customUiKitElement(`ds-interactive-card`)],u),Object.defineProperty(exports,"DsInteractiveCard",{enumerable:!0,get:function(){return u}});
+        `}},u=(l.styles=[c.commonStyles],l);r.default([n.property({type:String})],u.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`error`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,attribute:`show-close`})],u.prototype,`showClose`,void 0),u=r.default([i.customUiKitElement(`ds-interactive-card`)],u),Object.defineProperty(exports,"DsInteractiveCard",{enumerable:!0,get:function(){return u}});

package/dist/cjs/components/ds-link-button/ds-link-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.mode=`light`,this.size=`large`,this.underline=!1,this.disabled=!1,this.iconName=`arrow-right`,this.iconPosition=`right`}get iconTemplate(){return this.iconName===`none`?e.nothing:o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[e]:!!e,[this.mode]:!!this.mode,"icon-left":this.iconPosition===`left`}}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");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.mode=`light`,this.size=`large`,this.underline=!1,this.disabled=!1,this.iconName=`arrow-right`,this.iconPosition=`right`}get iconTemplate(){return this.iconName===`none`?e.nothing:o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[e]:!!e,[this.mode]:!!this.mode,"icon-left":this.iconPosition===`left`}}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.html`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             ${this.iconTemplate}
                         </a>
                     `]])}
-        `}},m=(p.styles=[f.commonStyles],p);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,`underline`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],m.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,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),n.default([t.property({type:String,attribute:`icon-name`})],m.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`icon-position`})],m.prototype,`iconPosition`,void 0),m=n.default([i.customUiKitElement(`ds-link-button`)],m),Object.defineProperty(exports,"DsLinkButton",{enumerable:!0,get:function(){return m}});
+        `}},v=(_.styles=[f.commonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);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,`underline`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,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),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`icon-position`})],v.prototype,`iconPosition`,void 0),v=n.default([i.customUiKitElement(`ds-link-button`)],v),Object.defineProperty(exports,"DsLinkButton",{enumerable:!0,get:function(){return v}});

package/dist/cjs/components/ds-link-button/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,76 @@
+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']) .link-button {
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+        text-align: left;
+        text-decoration: none;
+        border-radius: var(--ds-border-radius-xs, 6px);
+        color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
+        --ui-kit-private-link-button-color: var(--ds-button-text-color-link-default, #fafafa);
+        --ui-kit-private-link-button-color-hover: var(--ds-button-text-color-link-hover, #e4e4e7);
+        --ui-kit-private-link-button-color-focus: var(--ds-button-text-color-link-focus, #e4e4e7);
+        --ui-kit-private-link-button-color-active: var(--ds-button-text-color-link-pressed, #d3d6d9);
+        --ui-kit-private-link-button-color-disabled: var(--ds-button-text-color-link-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button.large {
+        font: var(--ds-typography-weight-body-primary) var(--ds-typography-size-body-l) /
+            var(--ds-typography-height-body-l) var(--ds-typography-family-primary);
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button.medium {
+        font: var(--ds-typography-weight-body-primary) var(--ds-typography-size-body-m) /
+            var(--ds-typography-height-body-m) var(--ds-typography-family-primary);
+        gap: var(--ds-spacing-s-4, 6px);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button.small {
+        font: var(--ds-typography-weight-body-primary) var(--ds-typography-size-body-s) /
+            var(--ds-typography-height-body-s) var(--ds-typography-family-primary);
+        gap: var(--ds-spacing-s-3, 4px);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button.underline .label {
+        position: relative;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button.underline .label::after {
+        content: '';
+        position: absolute;
+        bottom: 0.1em;
+        left: 0;
+        right: 0;
+        height: 0.09em;
+        background-color: currentColor;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button:focus-visible {
+        outline-width: var(--ds-button-border-width-base, 2px);
+        outline-style: solid;
+        outline-color: var(--ds-button-outline-color-focus, #6b8494);
+        outline-offset: 0.125rem;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button:hover {
+        color: var(--ui-kit-link-button-color-hover, var(--ui-kit-private-link-button-color-hover));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-hover, var(--ui-kit-private-link-button-color-hover));
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button:focus-visible {
+        color: var(--ui-kit-link-button-color-focus, var(--ui-kit-private-link-button-color-focus));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-focus, var(--ui-kit-private-link-button-color-focus));
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button:active {
+        color: var(--ui-kit-link-button-color-active, var(--ui-kit-private-link-button-color-active));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-active, var(--ui-kit-private-link-button-color-active));
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .link-button.disabled {
+        color: var(--ui-kit-link-button-color-disabled, var(--ui-kit-private-link-button-color-disabled));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-disabled, var(--ui-kit-private-link-button-color-disabled));
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .icon {
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .small .icon {
+        --ui-kit-icon-width: var(--ds-sizing-16, 16px);
+        --ui-kit-icon-height: var(--ds-sizing-16, 16px);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-link-button/styles/cupra.styles.cjs

@@ -0,0 +1,41 @@
+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']) .link-button.large {
+        font: var(--ds-font-cupra-regular-30-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button.medium {
+        font: var(--ds-font-cupra-regular-20-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button:focus-visible {
+        outline: 0.125rem solid var(--ds-color-green-80);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button {
+        text-decoration: none;
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button.light {
+        color: var(--ds-color-black);
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button.dark {
+        color: var(--ds-color-white);
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button:hover.light {
+        color: var(--ds-color-grey);
+        --ui-kit-icon-color: var(--ds-color-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button:hover.dark {
+        color: var(--ds-color-off-white);
+        --ui-kit-icon-color: var(--ds-color-off-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button.disabled.light {
+        color: var(--ds-color-off-white);
+        --ui-kit-icon-color: var(--ds-color-off-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .link-button.disabled.dark {
+        color: var(--ds-color-grey);
+        --ui-kit-icon-color: var(--ds-color-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .icon {
+        margin-left: 0.25rem;
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-link-button/styles/seat-legacy.styles.cjs

@@ -0,0 +1,52 @@
+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']) .link-button {
+        letter-spacing: var(--dg-font-letter-spacing-m);
+        text-decoration: none;
+        border-radius: var(--dg-border-radius-xs);
+        color: var(--dg-button-text-color-link-default);
+        --ui-kit-icon-color: var(--dg-button-text-color-link-default);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .link-button.large {
+        font: var(--dg-font-body-l-regular-weight) var(--dg-font-body-l-regular-size) /
+            var(--dg-font-body-l-regular-line-height) var(--dg-font-body-l-regular-family);
+        gap: 0.5rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .link-button.medium {
+        font: var(--dg-font-body-m-regular-weight) var(--dg-font-body-m-regular-size) /
+            var(--dg-font-body-m-regular-line-height) var(--dg-font-body-m-regular-family);
+        gap: 0.375rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .link-button.small {
+        font: var(--dg-font-body-s-regular-weight) var(--dg-font-body-s-regular-size) /
+            var(--dg-font-body-s-regular-line-height) var(--dg-font-body-s-regular-family);
+        gap: 0.25rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .link-button.underline {
+        text-decoration: underline;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .link-button:focus-visible {
+        outline-width: 0.125rem;
+        outline-style: solid;
+        outline-offset: 0.125rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .link-button:hover {
+        color: var(--dg-button-text-color-link-hover);
+        --ui-kit-icon-color: var(--dg-button-text-color-link-hover);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .link-button.disabled {
+        color: var(--dg-button-text-color-link-disabled);
+        --ui-kit-icon-color: var(--dg-button-text-color-link-disabled);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .large .icon {
+        --ui-kit-icon-width: 1.5rem;
+        --ui-kit-icon-height: 1.5rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium .icon {
+        --ui-kit-icon-width: 1.25rem;
+        --ui-kit-icon-height: 1.25rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .small .icon {
+        --ui-kit-icon-width: 1rem;
+        --ui-kit-icon-height: 1rem;
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-link-button/styles/seat.styles.cjs

@@ -0,0 +1,76 @@
+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']) .link-button {
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+        text-align: left;
+        text-decoration: none;
+        border-radius: var(--ds-border-radius-xs, 6px);
+        color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
+        --ui-kit-private-link-button-color: var(--ds-button-text-color-link-default, #fafafa);
+        --ui-kit-private-link-button-color-hover: var(--ds-button-text-color-link-hover, #e4e4e7);
+        --ui-kit-private-link-button-color-focus: var(--ds-button-text-color-link-focus, #e4e4e7);
+        --ui-kit-private-link-button-color-active: var(--ds-button-text-color-link-pressed, #d3d6d9);
+        --ui-kit-private-link-button-color-disabled: var(--ds-button-text-color-link-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .link-button.large {
+        font: var(--ds-typography-weight-body-primary) var(--ds-typography-size-body-l) /
+            var(--ds-typography-height-body-l) var(--ds-typography-family-primary);
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+    :host([data-ui-kit-theme='seat']) .link-button.medium {
+        font: var(--ds-typography-weight-body-primary) var(--ds-typography-size-body-m) /
+            var(--ds-typography-height-body-m) var(--ds-typography-family-primary);
+        gap: var(--ds-spacing-s-4, 6px);
+    }
+    :host([data-ui-kit-theme='seat']) .link-button.small {
+        font: var(--ds-typography-weight-body-primary) var(--ds-typography-size-body-s) /
+            var(--ds-typography-height-body-s) var(--ds-typography-family-primary);
+        gap: var(--ds-spacing-s-3, 4px);
+    }
+    :host([data-ui-kit-theme='seat']) .link-button.underline .label {
+        position: relative;
+    }
+    :host([data-ui-kit-theme='seat']) .link-button.underline .label::after {
+        content: '';
+        position: absolute;
+        bottom: 0.1em;
+        left: 0;
+        right: 0;
+        height: 0.09em;
+        background-color: currentColor;
+    }
+    :host([data-ui-kit-theme='seat']) .link-button:focus-visible {
+        outline-width: var(--ds-button-border-width-base, 2px);
+        outline-style: solid;
+        outline-color: var(--ds-button-outline-color-focus, #6b8494);
+        outline-offset: 0.125rem;
+    }
+    :host([data-ui-kit-theme='seat']) .link-button:hover {
+        color: var(--ui-kit-link-button-color-hover, var(--ui-kit-private-link-button-color-hover));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-hover, var(--ui-kit-private-link-button-color-hover));
+    }
+    :host([data-ui-kit-theme='seat']) .link-button:focus-visible {
+        color: var(--ui-kit-link-button-color-focus, var(--ui-kit-private-link-button-color-focus));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-focus, var(--ui-kit-private-link-button-color-focus));
+    }
+    :host([data-ui-kit-theme='seat']) .link-button:active {
+        color: var(--ui-kit-link-button-color-active, var(--ui-kit-private-link-button-color-active));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-active, var(--ui-kit-private-link-button-color-active));
+    }
+    :host([data-ui-kit-theme='seat']) .link-button.disabled {
+        color: var(--ui-kit-link-button-color-disabled, var(--ui-kit-private-link-button-color-disabled));
+        --ui-kit-icon-color: var(--ui-kit-link-button-color-disabled, var(--ui-kit-private-link-button-color-disabled));
+    }
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .small .icon {
+        --ui-kit-icon-width: var(--ds-sizing-16, 16px);
+        --ui-kit-icon-height: var(--ds-sizing-16, 16px);
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-list/ds-list.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("./styles/common.styles.cjs");var s=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`large`}get classes(){return{"ds-list":!0,[`size-${this.size}`]:!0}}render(){return e.html`
+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");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("../../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("./styles/common.styles.cjs");var s=class extends t.LitElement{constructor(...e){super(...e),this.size=`large`}get classes(){return{"ds-list":!0,[`size-${this.size}`]:!0}}render(){return e.html`
             <div class=${a.classMap(this.classes)}>
                 <slot name="title"></slot>
                 <slot name="subtitle"></slot>
@@ -6,4 +6,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="list-item"></slot>
                 </div>
             </div>
-        `}},c=(s.styles=[o.commonStyles],s);n.default([t.property({type:String,reflect:!0})],c.prototype,`size`,void 0),c=n.default([i.customUiKitElement(`ds-list`)],c),Object.defineProperty(exports,"DsList",{enumerable:!0,get:function(){return c}});
+        `}},c=(s.styles=[o.commonStyles],s);r.default([n.property({type:String,reflect:!0})],c.prototype,`size`,void 0),c=r.default([i.customUiKitElement(`ds-list`)],c),Object.defineProperty(exports,"DsList",{enumerable:!0,get:function(){return c}});

package/dist/cjs/components/ds-list-item/ds-list-item.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("../../utils/uiKitHtml.cjs"),o=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 s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`selection`,this.selected=!1,this.disabled=!1,this.size=`large`}get classes(){return{content:!0,[this.size]:!0,[`${this.variant}-variant`]:!0,selected:this.selected,disabled:this.disabled}}connectedCallback(){var e;if((e=super.connectedCallback)==null||e.call(this),!this.hasAttribute(`size`)){let e=this.closest(`ds-list`);e&&(this.size=e.size)}}renderSelectionTemplate(){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("../../utils/uiKitHtml.cjs"),o=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 s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/seat.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`selection`,this.selected=!1,this.disabled=!1,this.size=`large`}get classes(){return{content:!0,[this.size]:!0,[`${this.variant}-variant`]:!0,selected:this.selected,disabled:this.disabled}}connectedCallback(){var e;if((e=super.connectedCallback)==null||e.call(this),!this.hasAttribute(`size`)){let e=this.closest(`ds-list`);e&&(this.size=e.size)}}renderSelectionTemplate(){return e.html`
             <slot name="input-left"></slot>
             <slot name="icon"></slot>
             <div class="container-text">
@@ -33,4 +33,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             </li>
 
             ${t?a.uiKitHtml`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>`:e.nothing}
-        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:String,reflect:!0})],l.prototype,`variant`,void 0),n.default([t.property({type:Boolean,reflect:!0})],l.prototype,`selected`,void 0),n.default([t.property({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`size`,void 0),l=n.default([i.customUiKitElement(`ds-list-item`)],l),Object.defineProperty(exports,"DsListItem",{enumerable:!0,get:function(){return l}});
+        `}},d=(u.styles=[s.commonStyles,c.cupraDiagonalStyles,l.seatStyles],u);n.default([t.property({type:String,reflect:!0})],d.prototype,`variant`,void 0),n.default([t.property({type:Boolean,reflect:!0})],d.prototype,`selected`,void 0),n.default([t.property({type:Boolean,reflect:!0})],d.prototype,`disabled`,void 0),n.default([t.property({type:String,reflect:!0})],d.prototype,`size`,void 0),d=n.default([i.customUiKitElement(`ds-list-item`)],d),Object.defineProperty(exports,"DsListItem",{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-list-item/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,118 @@
+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']) .content {
+        display: flex;
+        align-items: center;
+        padding: var(--ds-sizing-08) 0;
+        font-family: var(--ds-typography-family-primary);
+        font-weight: 400;
+        gap: var(--ds-sizing-08);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        display: flex;
+        gap: var(--ds-sizing-08);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container-text {
+        padding-right: var(--ds-sizing-24);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .content.info-variant,
+    :host([data-ui-kit-theme='cupra-diagonal']) .content.action-variant {
+        padding: var(--ds-sizing-08);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='input-left']),
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='input-right']) {
+        width: unset;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']) {
+        color: var(--ds-color-neutral-10);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']) {
+        color: var(--ds-color-neutral-60);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']) {
+        padding-top: var(--ds-sizing-08);
+    }
+
+    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-square']) {
+        width: var(--ds-sizing-48);
+        height: var(--ds-sizing-48);
+    }
+
+    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-square']) {
+        width: var(--ds-sizing-32);
+        height: var(--ds-sizing-32);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
+        -o-object-fit: cover;
+        object-fit: cover;
+    }
+
+    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
+        width: var(--ds-sizing-96);
+        height: var(--ds-sizing-48);
+    }
+
+    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
+        width: var(--ds-sizing-64);
+        height: var(--ds-sizing-32);
+    }
+
+    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
+    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
+    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
+    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
+    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-xs);
+    }
+
+    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
+    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
+    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
+    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
+    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
+    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
+    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
+    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
+    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-xs);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .content:hover {
+        background: var(--ds-color-control-bg-hover);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .content:active {
+        background: var(--ds-color-control-bg-pressed);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .content:focus-visible {
+        outline: var(--ds-border-width-l) solid var(--ds-color-border-focus-ring);
+        background-color: var(--ds-color-control-bg-hover);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .selected {
+        background: var(--ds-color-control-bg-default);
+        border-left: var(--ds-sizing-04) solid var(--ds-color-border-selected);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled {
+        opacity: 0.25;
+        pointer-events: none;
+    }
+`;exports.cupraDiagonalStyles=t;