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

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

@@ -0,0 +1,156 @@
+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;
+        flex-direction: column;
+        max-height: 100%;
+        background: #f9f8f6;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .body {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        min-height: 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.small .body {
+        padding: var(--ds-spacing-m-3) 0 0;
+        gap: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium .body {
+        padding: var(--ds-spacing-m-4) 0 0;
+        gap: var(--ds-spacing-m-4);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.large .body {
+        padding: var(--ds-spacing-l-1) 0 0;
+        gap: var(--ds-spacing-l-1);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.small .header,
+    :host([data-ui-kit-theme='seat-legacy']) .container.small .main {
+        padding-left: var(--ds-spacing-m-2);
+        padding-right: var(--ds-spacing-m-2);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium .header,
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium .main {
+        padding-left: var(--ds-spacing-m-3);
+        padding-right: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.large .header,
+    :host([data-ui-kit-theme='seat-legacy']) .container.large .main {
+        padding-left: var(--ds-spacing-m-4);
+        padding-right: var(--ds-spacing-m-4);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.small ::slotted([slot='main']) {
+        padding-bottom: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium ::slotted([slot='main']) {
+        padding-bottom: var(--ds-spacing-m-4);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.large ::slotted([slot='main']) {
+        padding-bottom: var(--ds-spacing-l-1);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .main-wrapper {
+        position: relative;
+        flex: 1 1 auto;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .main {
+        flex: 1 1 auto;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .main-wrapper::before,
+    :host([data-ui-kit-theme='seat-legacy']) .container .main-wrapper::after {
+        content: '';
+        position: absolute;
+        left: 0;
+        right: 0;
+        height: 2rem;
+        pointer-events: none;
+        opacity: 0;
+        transition: opacity 0.2s ease;
+        z-index: 1;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .main-wrapper::before {
+        top: 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .main-wrapper::after {
+        bottom: 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .main-wrapper.shadow-top::before {
+        opacity: 1;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .main-wrapper.shadow-bottom::after {
+        opacity: 1;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .footer {
+        border-top: var(--ds-border-width-m, 1px) solid
+            var(--ds-color-control-border-gradient-default, rgba(250, 250, 250, 0.3));
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.small .footer {
+        padding: var(--ds-spacing-m-2);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium .footer {
+        padding: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.large .footer {
+        padding: var(--ds-spacing-l-1);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container .footer ::slotted([slot='footer']) {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.small .footer ::slotted([slot='footer']) {
+        gap: var(--ds-spacing-m-1, 12px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium .footer ::slotted([slot='footer']) {
+        gap: var(--ds-spacing-m-2, 16px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.large .footer ::slotted([slot='footer']) {
+        gap: var(--ds-spacing-m-3, 20px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) :root {
+        --scrollbar-border-width: var(--ds-spacing-s-4);
+        --scrollbar-size: calc(2 * var(--ds-spacing-s-4) + 0.25rem);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .ds-scroll::-webkit-scrollbar {
+        -webkit-appearance: none;
+        appearance: none;
+        display: initial;
+        height: var(--scrollbar-size);
+        width: var(--scrollbar-size);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .ds-scroll::-webkit-scrollbar-thumb {
+        border-radius: var(--ds-border-radius-full);
+        background-clip: padding-box;
+        background-color: var(--ds-opacity-white-70);
+        border: var(--scrollbar-border-width) solid transparent;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .ds-scroll::-webkit-scrollbar-track,
+    :host([data-ui-kit-theme='seat-legacy']) .ds-scroll-global *::-webkit-scrollbar-track {
+        background-color: transparent;
+    }
+`;exports.seatLegacyStyles=t;

package/dist-react/cjs/components/ds-static-box/styles/seat.styles.cjs

@@ -0,0 +1,176 @@
+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;
+        flex-direction: column;
+        max-height: 100%;
+        border-radius: var(--ds-border-radius-m, 12px);
+        border: var(--ds-border-width-m, 1px) solid var(--ds-color-border-default, rgba(250, 250, 250, 0.1));
+        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 .body {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        min-height: var(--ui-kit-static-box-body-min-height, 0);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.small .body {
+        padding: var(--ds-spacing-m-3) 0 0;
+        gap: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium .body {
+        padding: var(--ds-spacing-m-4) 0 0;
+        gap: var(--ds-spacing-m-4);
+    }
+    :host([data-ui-kit-theme='seat']) .container.large .body {
+        padding: var(--ds-spacing-l-1) 0 0;
+        gap: var(--ds-spacing-l-1);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.small .header,
+    :host([data-ui-kit-theme='seat']) .container.small .main {
+        padding-left: var(--ds-spacing-m-2);
+        padding-right: var(--ds-spacing-m-2);
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium .header,
+    :host([data-ui-kit-theme='seat']) .container.medium .main {
+        padding-left: var(--ds-spacing-m-3);
+        padding-right: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat']) .container.large .header,
+    :host([data-ui-kit-theme='seat']) .container.large .main {
+        padding-left: var(--ds-spacing-m-4);
+        padding-right: var(--ds-spacing-m-4);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.small ::slotted([slot='main']) {
+        padding-bottom: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium ::slotted([slot='main']) {
+        padding-bottom: var(--ds-spacing-m-4);
+    }
+    :host([data-ui-kit-theme='seat']) .container.large ::slotted([slot='main']) {
+        padding-bottom: var(--ds-spacing-l-1);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .main-wrapper {
+        position: relative;
+        flex: 1 1 auto;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .main {
+        flex: 1 1 auto;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .main-wrapper::before,
+    :host([data-ui-kit-theme='seat']) .container .main-wrapper::after {
+        content: '';
+        position: absolute;
+        left: 0;
+        right: 0;
+        height: 2rem;
+        pointer-events: none;
+        opacity: 0;
+        transition: opacity 0.2s ease;
+        z-index: 1;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .main-wrapper::before {
+        top: 0;
+        background: linear-gradient(
+            to bottom,
+            var(--ds-opacity-black-70, rgba(9, 9, 11, 0.7)),
+            var(--ds-opacity-black-00, rgba(9, 9, 11, 0))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .main-wrapper::after {
+        bottom: 0;
+        background: linear-gradient(
+            to top,
+            var(--ds-opacity-black-70, rgba(9, 9, 11, 0.7)),
+            var(--ds-opacity-black-00, rgba(9, 9, 11, 0))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .main-wrapper.shadow-top::before {
+        opacity: 1;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .main-wrapper.shadow-bottom::after {
+        opacity: 1;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .footer {
+        border-top: var(--ds-border-width-m, 1px) solid
+            var(--ds-color-control-border-gradient-default, rgba(250, 250, 250, 0.3));
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.small .footer {
+        padding: var(--ds-spacing-m-2);
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium .footer {
+        padding: var(--ds-spacing-m-3);
+    }
+    :host([data-ui-kit-theme='seat']) .container.large .footer {
+        padding: var(--ds-spacing-l-1);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container .footer ::slotted([slot='footer']) {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.small .footer ::slotted([slot='footer']) {
+        gap: var(--ds-spacing-m-1, 12px);
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium .footer ::slotted([slot='footer']) {
+        gap: var(--ds-spacing-m-2, 16px);
+    }
+    :host([data-ui-kit-theme='seat']) .container.large .footer ::slotted([slot='footer']) {
+        gap: var(--ds-spacing-m-3, 20px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .ds-scroll::-webkit-scrollbar {
+        -webkit-appearance: none;
+        appearance: none;
+        display: initial;
+        height: var(--ui-kit-private-static-box-scrollbar-size);
+        width: var(--ui-kit-private-static-box-scrollbar-size);
+    }
+
+    :host([data-ui-kit-theme='seat']) .ds-scroll::-webkit-scrollbar-thumb {
+        border-radius: var(--ds-border-radius-full);
+        background-clip: padding-box;
+        background-color: var(--ds-opacity-white-70);
+        border: var(--ui-kit-private-static-box-scrollbar-border-width) solid transparent;
+    }
+
+    :host([data-ui-kit-theme='seat']) .ds-scroll {
+        --ui-kit-private-static-box-scrollbar-border-width: var(--ds-spacing-s-4);
+        --ui-kit-private-static-box-scrollbar-size: calc(2 * var(--ds-spacing-s-4) + 0.25rem);
+    }
+
+    :host([data-ui-kit-theme='seat']) .ds-scroll::-webkit-scrollbar-track,
+    :host([data-ui-kit-theme='seat']) .ds-scroll-global *::-webkit-scrollbar-track {
+        background-color: transparent;
+    }
+`;exports.seatStyles=t;

package/dist-react/cjs/components/ds-stepper/ds-stepper.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.steps=0,this.currentStep=-1,this.sectionName=``}get classes(){return{container:!0}}get clampedCurrentStep(){return Math.max(-1,Math.min(this.currentStep,this.steps))}get sectionNumberText(){return`${Math.min(this.clampedCurrentStep+1,this.steps)}/${this.steps}`}get headerTemplate(){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.steps=0,this.currentStep=-1,this.sectionName=``}get classes(){return{container:!0}}get clampedCurrentStep(){return Math.max(-1,Math.min(this.currentStep,this.steps))}get sectionNumberText(){return`${Math.min(this.clampedCurrentStep+1,this.steps)}/${this.steps}`}get headerTemplate(){return e.html`
             <div class="header" data-testid="ds-stepper-header">
                 <span class="section-name" data-testid="ds-stepper-section-name">${this.sectionName}</span>
                 <span class="section-number" data-testid="ds-stepper-section-number">${this.sectionNumberText}</span>
@@ -20,4 +20,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${this.headerTemplate}
                 ${this.stepsRowTemplate}
             </div>
-        `:e.nothing}},c=(s.styles=[o.commonStyles],s);n.default([t.property({type:Number,attribute:`steps`,reflect:!0})],c.prototype,`steps`,void 0),n.default([t.property({type:Number,attribute:`current-step`,reflect:!0})],c.prototype,`currentStep`,void 0),n.default([t.property({type:String,attribute:`section-name`,reflect:!0})],c.prototype,`sectionName`,void 0),c=n.default([i.customUiKitElement(`ds-stepper`)],c),Object.defineProperty(exports,"DsStepper",{enumerable:!0,get:function(){return c}});
+        `:e.nothing}},c=(s.styles=[o.commonStyles],s);r.default([n.property({type:Number,attribute:`steps`,reflect:!0})],c.prototype,`steps`,void 0),r.default([n.property({type:Number,attribute:`current-step`,reflect:!0})],c.prototype,`currentStep`,void 0),r.default([n.property({type:String,attribute:`section-name`,reflect:!0})],c.prototype,`sectionName`,void 0),c=r.default([i.customUiKitElement(`ds-stepper`)],c),Object.defineProperty(exports,"DsStepper",{enumerable:!0,get:function(){return c}});

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

@@ -1,13 +1,13 @@
-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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends i.UiKitElement{constructor(...e){super(...e),this.emptyMessage=``,this.hasHeaderContent=!1,this.hasBodyContent=!1}handleHeaderSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasHeaderContent=t.length>0}handleBodySlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasBodyContent=t.length>0}get columnCount(){let e=this.querySelector(`[data-column-count]`);return e?Number(e.getAttribute(`data-column-count`)):0}get showEmptyState(){return!this.hasBodyContent&&this.emptyMessage}render(){if(this.columnCount===0)return e.nothing;let t={"--ui-kit-private-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`};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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.emptyMessage=``,this.hasHeaderContent=!1,this.hasBodyContent=!1,this.columnCount=0}updateColumnCount(){let[e]=Array.from(this.renderRoot.querySelectorAll(`slot`)).flatMap(e=>e.assignedElements({flatten:!0}));this.columnCount=(e==null?void 0:e.children.length)??0}handleHeaderSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasHeaderContent=t.length>0,this.updateColumnCount()}handleBodySlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasBodyContent=t.length>0,this.updateColumnCount()}get headerSlot(){return e.html`<slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>`}get bodySlot(){return e.html`<slot name="body" @slotchange=${this.handleBodySlotChange}></slot>`}get showEmptyState(){return!this.hasBodyContent&&this.emptyMessage}render(){if(this.columnCount===0)return e.html`<div hidden>${this.headerSlot}${this.bodySlot}</div>`;let t={"--ui-kit-private-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`};return e.html`
             <div class="table-wrapper" role="table" style=${o.styleMap(t)}>
                 <div class="header" role="rowgroup">
-                    <slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>
+                    ${this.headerSlot}
                 </div>
                 <div class="body" role="rowgroup">
-                    <slot name="body" @slotchange=${this.handleBodySlotChange}></slot>
+                    ${this.bodySlot}
                 </div>
                 ${this.showEmptyState?e.html`<div class="empty-state" role="row">
                           <span role="cell">${this.emptyMessage}</span>
                       </div>`:e.nothing}
             </div>
-        `}},l=(c.styles=[s.commonStyles],c);r.default([t.property({type:String,reflect:!0,attribute:`empty-message`})],l.prototype,`emptyMessage`,void 0),r.default([n.state()],l.prototype,`hasHeaderContent`,void 0),r.default([n.state()],l.prototype,`hasBodyContent`,void 0),l=r.default([a.customUiKitElement(`ds-table`)],l),Object.defineProperty(exports,"DsTable",{enumerable:!0,get:function(){return l}});
+        `}},l=(c.styles=[s.commonStyles],c);i.default([n.property({type:String,reflect:!0,attribute:`empty-message`})],l.prototype,`emptyMessage`,void 0),i.default([r.state()],l.prototype,`hasHeaderContent`,void 0),i.default([r.state()],l.prototype,`hasBodyContent`,void 0),i.default([r.state()],l.prototype,`columnCount`,void 0),l=i.default([a.customUiKitElement(`ds-table`)],l),Object.defineProperty(exports,"DsTable",{enumerable:!0,get:function(){return l}});

package/dist-react/cjs/components/ds-table-cell/ds-table-cell.cjs

@@ -1,5 +1,5 @@
-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("./styles/common.styles.cjs");var o=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}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("./styles/common.styles.cjs");var o=class extends t.LitElement{constructor(...e){super(...e),this.variant=`default`}render(){return e.html`
             <div class="cell" role="cell">
                 <slot></slot>
             </div>
-        `}},s=(o.styles=[a.commonStyles],o);n.default([t.property({type:String,reflect:!0})],s.prototype,`variant`,void 0),s=n.default([i.customUiKitElement(`ds-table-cell`)],s),Object.defineProperty(exports,"DsTableCell",{enumerable:!0,get:function(){return s}});
+        `}},s=(o.styles=[a.commonStyles],o);r.default([n.property({type:String,reflect:!0})],s.prototype,`variant`,void 0),s=r.default([i.customUiKitElement(`ds-table-cell`)],s),Object.defineProperty(exports,"DsTableCell",{enumerable:!0,get:function(){return s}});

package/dist-react/cjs/components/ds-table-row/ds-table-row.cjs

@@ -1,5 +1,5 @@
-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("./styles/common.styles.cjs");var o=class extends r.UiKitElement{constructor(...e){super(...e),this.columnCount=0}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.columnCount=t.length}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("./styles/common.styles.cjs");var o=class extends t.LitElement{constructor(...e){super(...e),this.columnCount=0}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.columnCount=t.length}render(){return e.html`
             <div class="row" role="row">
                 <slot @slotchange=${this.handleSlotChange}></slot>
             </div>
-        `}},s=(o.styles=[a.commonStyles],o);n.default([t.property({type:Number,reflect:!0,attribute:`data-column-count`})],s.prototype,`columnCount`,void 0),s=n.default([i.customUiKitElement(`ds-table-row`)],s),Object.defineProperty(exports,"DsTableRow",{enumerable:!0,get:function(){return s}});
+        `}},s=(o.styles=[a.commonStyles],o);r.default([n.property({type:Number,reflect:!0,attribute:`data-column-count`})],s.prototype,`columnCount`,void 0),s=r.default([i.customUiKitElement(`ds-table-row`)],s),Object.defineProperty(exports,"DsTableRow",{enumerable:!0,get:function(){return s}});

package/dist-react/cjs/components/ds-tabs/ds-tabs.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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=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 d=require("./styles/common.styles.cjs"),f=require("./theme-config.cjs");var p=class extends a.UiKitElement{constructor(...e){super(...e),this._selectedTab=void 0,this._selectedTabState=0,this.mode=`light`,this.variant=`primary`,this.size=`large`,this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=e=>{if(!(this.focusedTabIndex<0))switch(e.key){case`ArrowRight`:case`Right`:var t;if(e.preventDefault(),this.focusedTabIndex+1<((t=this.tabs)==null?void 0:t.length)){var n;this.focusedTabIndex+=1,(n=this.tabs[this.focusedTabIndex])==null||n.focus()}break;case`ArrowLeft`:case`Left`:if(e.preventDefault(),this.focusedTabIndex-1>=0){var r;--this.focusedTabIndex,(r=this.tabs[this.focusedTabIndex])==null||r.focus()}break;case`Enter`:case` `:var i;e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((i=this.tabs)==null?void 0:i.length)&&this.handleChangeSelectedTab(this.focusedTabIndex)}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n,r;let i=((e=this.nav)==null?void 0:e.scrollLeft)+((t=this.nav)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.nav)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.nav)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:`smooth`})},this.handleFocus=e=>{var t;let n=e.target,r=((t=this.tabs)==null?void 0:t.findIndex(e=>e===n))??-1;if(r<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=r},this.handleBlur=()=>{this.focusedTabIndex=-1}}get selectedTab(){return this._selectedTab??this._selectedTabState}set selectedTab(e){this._selectedTab=e}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll(`[slot=tab]`)),this.panels=Array.from(this.querySelectorAll(`[slot=panel]`))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav)}getScrollButtonTemplate(t,n){var r;if(!this.theme||t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.nothing;let i=`arrow-${t}`,a=(r=f.themeConfig[this.theme])==null?void 0:r[`icon-button-variant`];return c.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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=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 d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/cupra.styles.cjs"),m=require("./styles/seat-legacy.styles.cjs"),h=require("./styles/seat.styles.cjs"),g=require("./theme-config.cjs");var _=class extends a.UiKitElement{constructor(...e){super(...e),this._selectedTab=void 0,this._selectedTabState=0,this.mode=`light`,this.variant=`primary`,this.size=`large`,this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=e=>{if(!(this.focusedTabIndex<0))switch(e.key){case`ArrowRight`:case`Right`:var t;if(e.preventDefault(),this.focusedTabIndex+1<((t=this.tabs)==null?void 0:t.length)){var n;this.focusedTabIndex+=1,(n=this.tabs[this.focusedTabIndex])==null||n.focus()}break;case`ArrowLeft`:case`Left`:if(e.preventDefault(),this.focusedTabIndex-1>=0){var r;--this.focusedTabIndex,(r=this.tabs[this.focusedTabIndex])==null||r.focus()}break;case`Enter`:case` `:var i;e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((i=this.tabs)==null?void 0:i.length)&&this.handleChangeSelectedTab(this.focusedTabIndex)}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n,r;let i=((e=this.nav)==null?void 0:e.scrollLeft)+((t=this.nav)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.nav)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.nav)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:`smooth`})},this.handleFocus=e=>{var t;let n=e.target,r=((t=this.tabs)==null?void 0:t.findIndex(e=>e===n))??-1;if(r<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=r},this.handleBlur=()=>{this.focusedTabIndex=-1}}get selectedTab(){return this._selectedTab??this._selectedTabState}set selectedTab(e){this._selectedTab=e}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll(`[slot=tab]`)),this.panels=Array.from(this.querySelectorAll(`[slot=panel]`))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav)}getScrollButtonTemplate(t,n){var r;if(!this.theme||t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.nothing;let i=`arrow-${t}`,a=(r=g.themeConfig[this.theme])==null?void 0:r[`icon-button-variant`];return c.uiKitHtml`<ds-icon-button
             class=${`nav-arrow ${t}`}
             data-aria-label=${`nav-arrow-${t}`}
             @click=${n}
@@ -18,4 +18,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 <slot @slotchange=${this.handlePanelSlotchange} name="panel"></slot>
             </div>
-        `}},m=(p.styles=[d.commonStyles,d.navigationStyles,d.tabsStyles,d.panelsStyles],p);i.default([t.property({type:Number,attribute:`selected-tab`,reflect:!0})],m.prototype,`_selectedTab`,void 0),i.default([n.state()],m.prototype,`_selectedTabState`,void 0),i.default([t.property({type:String,reflect:!0})],m.prototype,`mode`,void 0),i.default([t.property({type:String,reflect:!0})],m.prototype,`variant`,void 0),i.default([t.property({type:String})],m.prototype,`size`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`disabled`,void 0),i.default([n.state()],m.prototype,`focusedTabIndex`,void 0),i.default([r.query(`nav`)],m.prototype,`nav`,void 0),i.default([n.state()],m.prototype,`tabs`,void 0),i.default([n.state()],m.prototype,`panels`,void 0),i.default([n.state()],m.prototype,`hasScrollLeft`,void 0),i.default([n.state()],m.prototype,`hasScrollRight`,void 0),m=i.default([o.customUiKitElement(`ds-tabs`)],m),Object.defineProperty(exports,"DsTabs",{enumerable:!0,get:function(){return m}});
+        `}},v=(_.styles=[d.commonStyles,d.navigationStyles,d.tabsStyles,d.panelsStyles,f.cupraDiagonalStyles,h.seatStyles,p.cupraStyles,m.seatLegacyStyles],_);i.default([t.property({type:Number,attribute:`selected-tab`,reflect:!0})],v.prototype,`_selectedTab`,void 0),i.default([n.state()],v.prototype,`_selectedTabState`,void 0),i.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),i.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),i.default([t.property({type:String})],v.prototype,`size`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],v.prototype,`disabled`,void 0),i.default([n.state()],v.prototype,`focusedTabIndex`,void 0),i.default([r.query(`nav`)],v.prototype,`nav`,void 0),i.default([n.state()],v.prototype,`tabs`,void 0),i.default([n.state()],v.prototype,`panels`,void 0),i.default([n.state()],v.prototype,`hasScrollLeft`,void 0),i.default([n.state()],v.prototype,`hasScrollRight`,void 0),v=i.default([o.customUiKitElement(`ds-tabs`)],v),Object.defineProperty(exports,"DsTabs",{enumerable:!0,get:function(){return v}});

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

@@ -0,0 +1,217 @@
+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']) .ds-blur {
+        position: relative;
+        isolation: isolate;
+        overflow: visible;
+        background: transparent;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .ds-blur::before {
+        content: '';
+        box-sizing: border-box;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        background: var(--ui-kit-private-blur-background);
+        -webkit-backdrop-filter: blur(var(--ui-kit-private-blur-size));
+        backdrop-filter: blur(var(--ui-kit-private-blur-size));
+        border-radius: var(--ui-kit-private-blur-border-radius, inherit);
+        border: var(--ui-kit-private-blur-border, inherit);
+        pointer-events: none;
+        z-index: -1;
+        will-change: filter;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) {
+        display: block;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .nav-container {
+        --ui-kit-private-blur-background: transparent;
+        --ui-kit-private-blur-size: 2.5rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) nav {
+        position: relative;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) nav:focus {
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .secondary .nav-container {
+        --ui-kit-private-blur-background: var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.302));
+        --ui-kit-private-blur-size: 3.75rem;
+        --ui-kit-private-blur-border-radius: var(--ds-border-radius-xxs, 4px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .secondary nav {
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        box-shadow: 0 0.25rem 0.25rem 0 var(--ds-opacity-black-20, rgba(9, 9, 11, 0.2));
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='tab']) {
+        font-family: var(--ds-typography-family-primary), sans-serif;
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        color: var(--ds-color-text-default);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        z-index: 1;
+        background: none;
+        border-bottom: 1px solid var(--ds-field-border-color-default);
+        padding: var(--ui-kit-private-tab-vertical-padding) var(--ui-kit-private-tab-horizontal-padding);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted([slot='tab']) {
+        --ui-kit-private-tab-vertical-padding: var(--ds-spacing-s-5);
+        --ui-kit-private-tab-horizontal-padding: var(--ds-spacing-m-1);
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted([slot='tab']) {
+        --ui-kit-private-tab-vertical-padding: var(--ds-spacing-m-1);
+        --ui-kit-private-tab-horizontal-padding: var(--ds-spacing-m-3);
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='tab']:hover) {
+        background: var(--ui-kit-tabs-tab-background-hover, var(--ds-color-control-bg-hover));
+        color: var(--ds-color-text-default);
+        border-bottom-color: var(--ds-field-border-color-default);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) :not(.disabled) ::slotted([slot='tab']:focus-visible) {
+        box-shadow: inset 0 0 0 0.125rem var(--ds-color-border-focus-ring);
+        outline: none;
+        background: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='tab']):active {
+        color: var(--ds-color-text-default);
+        border-bottom-color: var(--ds-color-control-border-default);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='tab'][selected]) {
+        -webkit-text-stroke-width: 0.05rem;
+        color: var(--ds-color-text-default);
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='tab'][selected])::before {
+        content: '';
+        position: absolute;
+        width: auto;
+        height: 0.25rem;
+        border-radius: var(--ds-border-radius-xs) var(--ds-border-radius-xs) 0 0;
+        background: var(--ui-kit-tabs-indicator-background, var(--ds-color-surface-selected));
+        transform: none;
+        pointer-events: none;
+        z-index: 0;
+        bottom: 0;
+        left: var(--ui-kit-private-tab-horizontal-padding);
+        right: var(--ui-kit-private-tab-horizontal-padding);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .secondary ::slotted([slot='tab']:first-child) {
+        margin-right: 0.0625rem;
+        text-transform: uppercase;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .secondary ::slotted([slot='tab']:first-child)::after {
+        content: '';
+        position: absolute;
+        right: 0;
+        margin-right: -0.0625rem;
+        width: 0.0625rem;
+        height: 2rem;
+        border-radius: var(--ds-border-radius-00, 0);
+        background: var(--ds-divider-bg-color-primary, rgba(250, 250, 250, 0.1));
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled ::slotted([slot='tab']) {
+        color: var(--ds-color-text-disabled, #5a5c67);
+        background: none;
+        border-bottom-color: var(--ds-field-border-color-disabled);
+        pointer-events: none;
+        cursor: default;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .nav-arrow {
+        position: absolute;
+        z-index: 1;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .nav-arrow.left {
+        left: 0;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .nav-arrow.right {
+        right: 0;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        max-width: 20rem;
+    }
+
+    @media (min-width: 480px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) .container {
+            max-width: 30rem;
+        }
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) .container {
+            max-width: 44rem;
+        }
+    }
+
+    @media (min-width: 1024px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) .container {
+            max-width: 39.375rem;
+        }
+    }
+
+    @media (min-width: 1440px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) .container {
+            max-width: 56rem;
+        }
+    }
+
+    @media (min-width: 1920px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) .container {
+            max-width: 75rem;
+        }
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .xsmall {
+        max-width: 20rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        max-width: 30rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        max-width: 44rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        max-width: 39.375rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        max-width: 56rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        max-width: 75rem;
+    }
+`;exports.cupraDiagonalStyles=t;