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

package/dist/cjs/components/ds-banner/styles/common.styles.cjs

@@ -0,0 +1,98 @@
+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 {
+        display: content;
+    }
+
+    .container {
+        display: flex;
+        align-items: flex-start;
+        position: var(--ui-kit-banner-position, static);
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+
+    .container.horizontal {
+        width: var(--ui-kit-banner-width, 100%);
+        flex-direction: row;
+    }
+
+    .container.vertical {
+        width: var(--ui-kit-banner-width, fit-content);
+        flex-direction: column;
+    }
+
+    .banner {
+        display: flex;
+        box-sizing: border-box;
+        flex: 1 1 auto;
+        min-width: 0;
+        background-color: var(--ui-kit-banner-background-color, var(--ds-color-surface-elevated, #15181e));
+        border-radius: var(--ui-kit-banner-border-radius, var(--ds-border-radius-m, 12px));
+        box-shadow: var(
+            --ui-kit-banner-box-shadow,
+            0 var(--ds-shadow-vertical-level-02, 8px) var(--ds-shadow-blur-level-04, 32px)
+                var(--ds-shadow-spread-none, 0) var(--ds-color-shadow-level-02, #09090b99)
+        );
+        padding: var(--ds-spacing-layout-s, 16px);
+        gap: var(--ds-spacing-layout-s, 16px);
+    }
+
+    .container.horizontal .banner {
+        flex-direction: row;
+    }
+
+    .container.vertical .banner {
+        flex-direction: column;
+    }
+
+    .content-actions {
+        display: flex;
+        flex: 1 1 auto;
+        min-width: 0;
+        flex-direction: column;
+        gap: var(--ds-spacing-m-2, 16px);
+    }
+
+    slot[name='image']::slotted(*) {
+        display: block;
+        border-radius: var(--ds-border-radius-s, 8px);
+        object-fit: cover;
+    }
+
+    slot:not([name]) {
+        display: block;
+        flex: 0 0 auto;
+        min-width: 0;
+        color: var(--ds-color-text-default, #fafafa);
+        font-family: var(--ds-typography-family-primary);
+        font-size: var(--ds-typography-size-body-l, 16px);
+        font-style: normal;
+        font-weight: var(--ds-typography-weight-body-primary, 400);
+        line-height: var(--ds-typography-height-body-l, 24px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    slot[name='actions'] {
+        display: flex;
+        flex-wrap: wrap;
+        flex-shrink: 0;
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+
+    .container.horizontal slot[name='actions'] {
+        flex-direction: row;
+        justify-content: flex-end;
+    }
+
+    .container.vertical slot[name='actions'] {
+        flex-direction: column-reverse;
+    }
+
+    .close-button {
+        flex-shrink: 0;
+    }
+
+    .container.vertical .close-button {
+        order: -1;
+        align-self: flex-end;
+    }
+`;exports.bannerStyles=t;

package/dist/cjs/components/ds-basic-card/ds-basic-card.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(s,e,i,r)=>{for(var t=r>1?void 0:r?h(e,i):e,a=s.length-1,c;a>=0;a--)(c=s[a])&&(t=(r?c(e,i,t):c(t))||t);return r&&t&&v(e,i,t),t};exports.DsBasicCard=class extends o.UiKitElement{constructor(){super(...arguments),this.variant="default"}get classes(){return{container:!0,subgrid:!0,[this.variant]:!!this.variant}}handleClick(){this.dispatchEvent(new Event("ds-basic-card:click",{bubbles:!0,composed:!0}))}render(){return n.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("./styles/common.styles.cjs"),s=require("./styles/cupra-diagonal.styles.cjs"),c=require("./styles/seat-legacy.styles.cjs"),l=require("./styles/seat.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}get classes(){return{container:!0,subgrid:!0,[this.variant]:!!this.variant}}handleClick(){this.dispatchEvent(new Event(`ds-basic-card:click`,{bubbles:!0,composed:!0}))}render(){return e.html`
             <article
                 part="container"
-                class="${p.classMap(this.classes)}"
+                class="${a.classMap(this.classes)}"
                 @click=${this.handleClick}
                 data-testid="ds-basic-card-container"
             >
-                <div>${this.variant==="featured"?n.html`<slot name="featured-text"></slot>`:n.nothing}</div>
+                ${this.variant===`featured`?e.html`<div><slot name="featured-text"></slot></div>`:e.nothing}
                 <slot></slot>
             </article>
-        `}};exports.DsBasicCard.styles=[m.commonStyles];l([d.property({type:String})],exports.DsBasicCard.prototype,"variant",2);exports.DsBasicCard=l([u.customUiKitElement("ds-basic-card")],exports.DsBasicCard);
+        `}},d=(u.styles=[o.commonStyles,s.cupraDiagonalStyles,l.seatStyles,c.seatLegacyStyles],u);n.default([t.property({type:String})],d.prototype,`variant`,void 0),d=n.default([i.customUiKitElement(`ds-basic-card`)],d),Object.defineProperty(exports,"DsBasicCard",{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-basic-card/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=r.css`
+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 {
         row-gap: 0;
         display: grid;
@@ -19,12 +19,5 @@
 
     ::slotted([slot='featured-text']) {
         pointer-events: none;
-        padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-2, 16px);
     }
-
-    ${e.cssQueries.m} {
-        ::slotted([slot='featured-text']) {
-            padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,69 @@
+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']) .container {
+        border-radius: var(--ds-border-radius-m, 12px);
+        background: var(
+            --ds-card-bg-color-default,
+            linear-gradient(
+                179deg,
+                var(--ds-opacity-white-15, rgba(250, 250, 250, 0.15)) 0.73%,
+                var(--ds-opacity-grey-05, rgba(195, 195, 203, 0.05)) 84.63%,
+                var(--ds-opacity-grey-10, rgba(195, 195, 203, 0.1)) 99.44%
+            )
+        );
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:focus {
+        outline: var(--ds-spacing-s-2, 2px) solid var(--ds-color-enceladus-80, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.featured {
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-copper-80, #b2764d);
+        outline-offset: -0.125rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:hover {
+        background: var(
+            --ds-card-bg-color-hover,
+            linear-gradient(
+                179deg,
+                var(--ds-opacity-white-20, rgba(250, 250, 250, 0.2)) 0.73%,
+                var(--ds-opacity-grey-10, rgba(195, 195, 203, 0.1)) 84.63%,
+                var(--ds-opacity-grey-15, rgba(195, 195, 203, 0.15)) 99.44%
+            )
+        );
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:active {
+        background: var(--ds-card-bg-color-pressed);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='featured-text']) {
+        padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-2, 16px);
+        background: var(
+            --ds-indicator-bg-color-active-primary,
+            linear-gradient(
+                47deg,
+                var(--ds-color-copper-80, #b2764d) 0%,
+                var(--ds-color-copper-90, #885a3b) 62.52%,
+                var(--ds-color-copper-100, #6c472f) 96.18%
+            )
+        );
+        border-radius: var(--ds-border-radius-m, 12px) var(--ds-border-radius-m, 12px) 0 0;
+
+        overflow: hidden;
+        color: var(--ds-color-text-default-static, #fafafa);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-body-l, 16px);
+        font-style: normal;
+        font-weight: 350;
+        line-height: var(--ds-typography-height-body-l, 24px); /* 150% */
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='featured-text']) {
+            padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-4, 24px);
+        }
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-basic-card/styles/seat-legacy.styles.cjs

@@ -0,0 +1,16 @@
+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 {
+        border: 1px solid var(--Interface-06, #e1d7cd);
+        background: var(--Background-02-Neutrals-07, #f9f8f6);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='featured-text']) {
+        padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-2, 16px);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='featured-text']) {
+            padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-4, 24px);
+        }
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-basic-card/styles/seat.styles.cjs

@@ -0,0 +1,69 @@
+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 {
+        border-radius: var(--ds-border-radius-m, 12px);
+        background: var(
+            --ds-card-bg-color-default,
+            linear-gradient(
+                179deg,
+                var(--ds-opacity-white-15, rgba(250, 250, 250, 0.15)) 0.73%,
+                var(--ds-opacity-grey-05, rgba(195, 195, 203, 0.05)) 84.63%,
+                var(--ds-opacity-grey-10, rgba(195, 195, 203, 0.1)) 99.44%
+            )
+        );
+    }
+    :host([data-ui-kit-theme='seat']) .container:focus {
+        outline: var(--ds-spacing-s-2, 2px) solid var(--ds-color-enceladus-80, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.featured {
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-copper-80, #b2764d);
+        outline-offset: -0.125rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container:hover {
+        background: var(
+            --ds-card-bg-color-hover,
+            linear-gradient(
+                179deg,
+                var(--ds-opacity-white-20, rgba(250, 250, 250, 0.2)) 0.73%,
+                var(--ds-opacity-grey-10, rgba(195, 195, 203, 0.1)) 84.63%,
+                var(--ds-opacity-grey-15, rgba(195, 195, 203, 0.15)) 99.44%
+            )
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .container:active {
+        background: var(--ds-card-bg-color-pressed);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='featured-text']) {
+        padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-2, 16px);
+        background: var(
+            --ds-indicator-bg-color-active-primary,
+            linear-gradient(
+                47deg,
+                var(--ds-color-copper-80, #b2764d) 0%,
+                var(--ds-color-copper-90, #885a3b) 62.52%,
+                var(--ds-color-copper-100, #6c472f) 96.18%
+            )
+        );
+        border-radius: var(--ds-border-radius-m, 12px) var(--ds-border-radius-m, 12px) 0 0;
+
+        overflow: hidden;
+        color: var(--ds-color-text-default-static, #fafafa);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-body-l, 16px);
+        font-style: normal;
+        font-weight: 350;
+        line-height: var(--ds-typography-height-body-l, 24px); /* 150% */
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat']) ::slotted([slot='featured-text']) {
+            padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-4, 24px);
+        }
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-basic-card-header/ds-basic-card-header.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),l=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),p=require("./styles/common.styles.cjs");var m=Object.getOwnPropertyDescriptor,u=(r,a,d,s)=>{for(var e=s>1?void 0:s?m(a,d):a,t=r.length-1,i;t>=0;t--)(i=r[t])&&(e=i(e)||e);return e};exports.DsBasicCardHeader=class extends c.UiKitElement{get dividerTemplate(){return this.componentFactory.createDivider({class:"divider",variant:"secondary"})}get classes(){return{"header-wrapper":!0}}render(){return n.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("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("../../utils/uiKitHtml.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"),require("../ds-divider/ds-divider.cjs");const o=require("./styles/common.styles.cjs"),s=require("./styles/cupra-diagonal.styles.cjs"),c=require("./styles/seat-legacy.styles.cjs"),l=require("./styles/seat.styles.cjs");var u=class extends n.UiKitElement{get dividerTemplate(){return i.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{"header-wrapper":!0}}render(){return e.html`
             <header
                 part="header-wrapper"
-                class="${o.classMap(this.classes)}"
+                class="${a.classMap(this.classes)}"
                 data-testid="ds-basic-card-header-container"
             >
                 <div class="header-content">
@@ -14,4 +14,4 @@
                 <slot name="sub-header" part="sub-header"></slot>
                 ${this.dividerTemplate}
             </header>
-        `}};exports.DsBasicCardHeader.styles=[p.commonStyles];exports.DsBasicCardHeader=u([l.customUiKitElement("ds-basic-card-header")],exports.DsBasicCardHeader);
+        `}},d=(u.styles=[o.commonStyles,s.cupraDiagonalStyles,l.seatStyles,c.seatLegacyStyles],u);d=t.default([r.customUiKitElement(`ds-basic-card-header`)],d),Object.defineProperty(exports,"DsBasicCardHeader",{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-basic-card-header/styles/common.styles.cjs

@@ -1,20 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const i=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=i.css`
-    :host {
-        padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-2, 16px) 0px var(--dg-spacing-m-2, 16px);
-    }
-
+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`
     .header-wrapper {
         align-items: flex-start;
         align-self: stretch;
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
     }
 
     .header-content {
         display: flex;
-        gap: var(--dg-spacing-m-1, 8px);
         width: 100%;
         justify-content: space-between;
     }
@@ -22,7 +16,6 @@
     .title-wrapper {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-s-5, 8px);
         width: 100%;
     }
 
@@ -32,7 +25,6 @@
 
     ::slotted([slot='sub-header']) {
         display: flex;
-        gap: var(--dg-spacing-m-1, 12px);
         flex-direction: column;
     }
 
@@ -40,10 +32,4 @@
         margin-top: auto;
         width: 100%;
     }
-
-    ${e.cssQueries.m} {
-        :host {
-            padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-4, 24px) 0px var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-header/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,46 @@
+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']) {
+        padding: var(--ds-spacing-m-2, 16px) var(--ds-spacing-m-2, 16px) 0 var(--ds-spacing-m-2, 16px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .header-wrapper {
+        gap: var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .header-content {
+        gap: var(--ds-spacing-m-1, 8px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .title-wrapper {
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='sub-header']) {
+        gap: var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='title']) {
+        text-transform: uppercase;
+
+        color: var(--ds-color-text-default, #fafafa);
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-headline-xs, 18px);
+        font-style: normal;
+        font-weight: var(--ds-typography-weight-headline-secondary, 400);
+        line-height: var(--ds-typography-height-headline-xs, 26px);
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description']) {
+        color: var(--ds-color-text-default);
+        font: 350 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) {
+            padding: var(--ds-spacing-m-2, 16px) var(--ds-spacing-m-4, 24px) 0 var(--ds-spacing-m-4, 24px);
+        }
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-basic-card-header/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']) {
+        padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-2, 16px) 0 var(--dg-spacing-m-2, 16px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .header-wrapper {
+        gap: var(--dg-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .header-content {
+        gap: var(--dg-spacing-m-1, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .title-wrapper {
+        gap: var(--dg-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='sub-header']) {
+        gap: var(--dg-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='title']) {
+        color: var(--dg-global-color-black-100);
+        font: 700 var(--dg-typeface-font-size-24) / var(--dg-typeface-line-height-26)
+            var(--dg-typeface-font-family-seat);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='description']) {
+        color: var(--dg-global-color-gray-85);
+        font: 400 var(--dg-typeface-font-size-12) / var(--dg-typeface-line-height-16)
+            var(--dg-typeface-font-family-seat);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat-legacy']) {
+            padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-4, 24px) 0 var(--dg-spacing-m-4, 24px);
+        }
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-basic-card-header/styles/seat.styles.cjs

@@ -0,0 +1,46 @@
+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']) {
+        padding: var(--ds-spacing-m-2, 16px) var(--ds-spacing-m-2, 16px) 0 var(--ds-spacing-m-2, 16px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .header-wrapper {
+        gap: var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .header-content {
+        gap: var(--ds-spacing-m-1, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .title-wrapper {
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='sub-header']) {
+        gap: var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='title']) {
+        text-transform: uppercase;
+
+        color: var(--ds-color-text-default, #fafafa);
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+        font-size: var(--ds-typography-size-headline-xs, 18px);
+        font-style: normal;
+        font-weight: var(--ds-typography-weight-headline-secondary, 400);
+        line-height: var(--ds-typography-height-headline-xs, 26px);
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='description']) {
+        color: var(--ds-color-text-default);
+        font: 350 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat']) {
+            padding: var(--ds-spacing-m-2, 16px) var(--ds-spacing-m-4, 24px) 0 var(--ds-spacing-m-4, 24px);
+        }
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-basic-card-image/ds-basic-card-image.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs");var d=Object.getOwnPropertyDescriptor,g=(s,t,c,a)=>{for(var e=a>1?void 0:a?d(t,c):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(e=i(e)||e);return e};exports.DsBasicCardImage=class extends l.UiKitElement{get classes(){return{"image-wrapper":!0}}render(){return n.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("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=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 a=require("./styles/common.styles.cjs"),o=require("./styles/seat-legacy.styles.cjs");var s=class extends n.UiKitElement{get classes(){return{"image-wrapper":!0}}render(){return e.html`
             <div
                 part="image-wrapper"
-                class="${o.classMap(this.classes)}"
+                class="${i.classMap(this.classes)}"
                 data-testid="ds-basic-card-image-container"
             >
                <slot></slot>
             </div>
-        `}};exports.DsBasicCardImage.styles=[u.commonStyles];exports.DsBasicCardImage=g([m.customUiKitElement("ds-basic-card-image")],exports.DsBasicCardImage);
+        `}},c=(s.styles=[a.commonStyles,o.seatLegacyStyles],s);c=t.default([r.customUiKitElement(`ds-basic-card-image`)],c),Object.defineProperty(exports,"DsBasicCardImage",{enumerable:!0,get:function(){return c}});

package/dist/cjs/components/ds-basic-card-image/styles/common.styles.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+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 {
         height: 100%;
         width: 100%;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-image/styles/seat-legacy.styles.cjs

@@ -0,0 +1,5 @@
+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']) ::slotted([slot='image']) {
+        background: var(--dg-global-color-pure-white-100, #ffffff);
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-basic-card-section/ds-basic-card-section.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var y=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(i,t,s,r)=>{for(var e=r>1?void 0:r?h(t,s):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(e=(r?n(t,s,e):n(e))||e);return r&&e&&y(t,s,e),e};exports.DsBasicCardSection=class extends p.UiKitElement{constructor(){super(...arguments),this.withDivider=!0,this.centered=!0}get dividerTemplate(){return this.componentFactory.createDivider({class:"divider",variant:"secondary"})}get classes(){return{container:!0,centered:this.centered}}render(){return a.html`
-            <div part="container" class=${v.classMap(this.classes)} data-testid="ds-basic-card-section-container">
+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/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-divider/ds-divider.cjs");const c=require("./styles/common.styles.cjs"),l=require("./styles/cupra-diagonal.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs");var f=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0,this.centered=!0}get dividerTemplate(){return o.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{container:!0,centered:this.centered}}render(){return e.html`
+            <div part="container" class=${s.classMap(this.classes)} data-testid="ds-basic-card-section-container">
                 <slot></slot>
             </div>
-            ${this.withDivider?this.dividerTemplate:a.nothing}
-        `}};exports.DsBasicCardSection.styles=[m.commonStyles];c([l.property({type:Boolean,converter:d.booleanConverter})],exports.DsBasicCardSection.prototype,"withDivider",2);c([l.property({type:Boolean,converter:d.booleanConverter})],exports.DsBasicCardSection.prototype,"centered",2);exports.DsBasicCardSection=c([u.customUiKitElement("ds-basic-card-section")],exports.DsBasicCardSection);
+            ${this.withDivider?this.dividerTemplate:e.nothing}
+        `}},p=(f.styles=[c.commonStyles,l.cupraDiagonalStyles,d.seatStyles,u.seatLegacyStyles],f);n.default([t.property({type:Boolean,converter:a.booleanConverter})],p.prototype,`withDivider`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],p.prototype,`centered`,void 0),p=n.default([i.customUiKitElement(`ds-basic-card-section`)],p),Object.defineProperty(exports,"DsBasicCardSection",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-basic-card-section/styles/common.styles.cjs

@@ -1,25 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const s=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=s.css`
+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 {
         display: flex;
         flex-direction: column;
-        padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-2, 16px);
     }
 
     .container {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
-        padding: var(--dg-spacing-m-4, 24px) var(--dg-spacing-s-1, 0px);
     }
 
     .centered {
         justify-content: center;
     }
-
-    ${e.cssQueries.m} {
-        :host {
-            padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=i;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-section/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,24 @@
+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']) {
+        padding: var(--ds-spacing-s-1, 0px) var(--ds-spacing-m-2, 16px);
+        color: var(--ds-color-text-default);
+        font: 350 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        gap: var(--ds-spacing-m-1, 12px);
+        padding: var(--ds-spacing-m-4, 24px) var(--ds-spacing-s-1, 0px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .divider {
+        background-image: linear-gradient(90deg, var(--ds-opacity-white-30) 40%, var(--ds-opacity-grey-00) 100%);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) {
+            padding: var(--ds-spacing-s-1, 0px) var(--ds-spacing-m-4, 24px);
+        }
+    }
+`;exports.cupraDiagonalStyles=t;