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

package/dist/cjs/components/base/UiKitElement.cjs

@@ -1 +1 @@
-const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),t=require("../ds-theme-provider/themeContext.cjs"),n=require("../../core/theme.constants.cjs"),r=require("../../utils/PubSub.cjs"),i=require("../../utils/StylesRegistry/StylesRegistry.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),o=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 s=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),c=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 l=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");var u=a.css`:host([unresolved]){visibility:hidden}`,d=class e extends o.LitElement{constructor(){super(),this.appliedConstructables=[],this.appliedStyleTags=[],this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=r.pubSub.subscribe(`theme`,this.handleChangeTheme)}get theme(){var e;let t=typeof sessionStorage<`u`?(e=sessionStorage)==null?void 0:e.getItem(n.THEME_STORAGE_KEY):null;return this.contextTheme??this.pubSubTheme??t}connectedCallback(){super.connectedCallback(),this.shadowRoot||this.attachShadow({mode:`open`}),this.setAttribute(`unresolved`,``);let e=this.constructor,t=Array.isArray(e.styles)?e.styles:[e.styles].filter(Boolean);a.adoptStyles(this.shadowRoot,[...t,u]),this.applyThemeStyles()}disconnectedCallback(){super.disconnectedCallback(),r.pubSub.unsubscribe(`theme`,this.handleChangeTheme)}updated(e){super.updated(e),(e.has(`contextTheme`)||e.has(`pubSubTheme`))&&this.applyThemeStyles()}getComponentNames(){let t=new Set,n=this.constructor;for(;n&&n!==e;)Array.isArray(n.componentName)&&n.componentName.forEach(e=>t.add(e)),n=Object.getPrototypeOf(n);return Array.from(t).reverse()}supportsAdoptedSheets(){var e;return`adoptedStyleSheets`in(((e=ShadowRoot)==null?void 0:e.prototype)||{})&&`replace`in CSSStyleSheet.prototype}async applyThemeStyles(){let e=this.getComponentNames();if(this.theme&&e!=null&&e.length)try{let t=await Promise.all(e.map(e=>i.stylesRegistry.getStyles({componentName:e,theme:this.theme}))),n=this.supportsAdoptedSheets(),r=this.shadowRoot.adoptedStyleSheets||[],a=this.appliedConstructables?r.filter(e=>!this.appliedConstructables.includes(e)):r;this.appliedConstructables=[],this.appliedStyleTags.forEach(e=>e.remove()),this.appliedStyleTags=[],t.forEach(e=>{if(e){if(n){let t=new CSSStyleSheet;t.replaceSync(e),this.appliedConstructables.push(t)}else{let t=document.createElement(`style`);t.textContent=e,this.shadowRoot.appendChild(t),this.appliedStyleTags.push(t)}}}),n&&(this.shadowRoot.adoptedStyleSheets=[...a,...this.appliedConstructables])}catch(e){console.error(e)}finally{this.removeAttribute(`unresolved`),this.requestUpdate()}}};l.default([s.property({attribute:!1}),e.consume({context:t.themeContext,subscribe:!0})],d.prototype,`contextTheme`,void 0),l.default([c.state()],d.prototype,`pubSubTheme`,void 0),exports.UiKitElement=d;
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),t=require("../ds-theme-provider/themeContext.cjs"),n=require("../../core/theme.constants.cjs"),r=require("../../utils/PubSub.cjs"),i=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const s=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");var c=`data-ui-kit-theme`,l=class extends i.LitElement{constructor(...e){super(...e),this.handleChangeTheme=e=>{this.pubSubTheme=e}}get theme(){var e;let t=typeof sessionStorage<`u`?(e=sessionStorage)==null?void 0:e.getItem(n.THEME_STORAGE_KEY):null;return this.contextTheme??this.pubSubTheme??t??void 0}connectedCallback(){super.connectedCallback(),this.pubSubTheme=r.pubSub.subscribe(`theme`,this.handleChangeTheme),this.applyThemeAttribute()}disconnectedCallback(){super.disconnectedCallback(),r.pubSub.unsubscribe(`theme`,this.handleChangeTheme)}willUpdate(e){super.willUpdate(e),(e.has(`contextTheme`)||e.has(`pubSubTheme`))&&this.applyThemeAttribute()}applyThemeAttribute(){let e=this.theme;e?this.setAttribute(c,e):this.removeAttribute(c)}};s.default([a.property({attribute:!1}),e.consume({context:t.themeContext,subscribe:!0})],l.prototype,`contextTheme`,void 0),s.default([o.state()],l.prototype,`pubSubTheme`,void 0),exports.THEME_ATTRIBUTE=c,exports.UiKitElement=l;

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

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("./styles/common.styles.cjs"),o=require("./theme-config.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/booleanConverter.cjs"),l=require("../../utils/uiKitHtml.cjs"),u=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 d=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");var f=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this.showDivider=!0,this._open=!1}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.expandedIconName||(n==null?void 0:n.open)||`minus`;return l.uiKitHtml`<ds-icon class="icon open-icon" role="presentation" icon-name=${d.ifDefined(r)}></ds-icon>`}get closeIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.collapseIconName||(n==null?void 0:n.close)||`plus`;return l.uiKitHtml`<ds-icon class="icon close-icon" role="presentation" icon-name=${d.ifDefined(r)}></ds-icon>`}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"),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("./styles/common.styles.cjs"),o=require("./theme-config.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs"),f=require("../../utils/booleanConverter.cjs"),p=require("../../utils/uiKitHtml.cjs"),m=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 h=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");var g=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this.showDivider=!0,this._open=!1}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.expandedIconName||(n==null?void 0:n.open)||`minus`;return p.uiKitHtml`<ds-icon class="icon open-icon" role="presentation" icon-name=${h.ifDefined(r)}></ds-icon>`}get closeIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.collapseIconName||(n==null?void 0:n.close)||`plus`;return p.uiKitHtml`<ds-icon class="icon close-icon" role="presentation" icon-name=${h.ifDefined(r)}></ds-icon>`}get styleTokens(){return e.html`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -9,7 +9,7 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             ${this.styleTokens}
 
             <details
-                class=${u.classMap(this.containerClasses)}
+                class=${m.classMap(this.containerClasses)}
                 aria-disabled=${!!this.disabled}
                 ?open=${this.open}
                 @keydown=${this.handleKeyDown}
@@ -22,5 +22,5 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </summary>
                 <slot name="content"></slot>
             </details>
-            ${this.showDivider?e.html`<div class=${u.classMap(this.dividerClasses)}></div>`:e.nothing}
-        `}},p=(f.styles=[a.commonStyles],f);r.default([t.property({type:Number,attribute:`max-height`})],p.prototype,`maxHeight`,void 0),r.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],p.prototype,`open`,void 0),r.default([t.property({type:String,reflect:!0})],p.prototype,`mode`,void 0),r.default([t.property({type:String})],p.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:c.booleanConverter})],p.prototype,`disabled`,void 0),r.default([t.property({type:Boolean,attribute:`show-divider`,converter:c.booleanConverter})],p.prototype,`showDivider`,void 0),r.default([t.property({type:String,attribute:`collapse-icon-name`})],p.prototype,`collapseIconName`,void 0),r.default([t.property({type:String,attribute:`expanded-icon-name`})],p.prototype,`expandedIconName`,void 0),r.default([n.state()],p.prototype,`_open`,void 0),p=r.default([s.customUiKitElement(`ds-accordion`)],p),Object.defineProperty(exports,"DsAccordion",{enumerable:!0,get:function(){return p}});
+            ${this.showDivider?e.html`<div class=${m.classMap(this.dividerClasses)}></div>`:e.nothing}
+        `}},_=(g.styles=[a.commonStyles,c.cupraDiagonalStyles,d.seatStyles,l.cupraStyles,u.seatLegacyStyles],g);r.default([t.property({type:Number,attribute:`max-height`})],_.prototype,`maxHeight`,void 0),r.default([t.property({type:Boolean,converter:f.booleanConverter,reflect:!0})],_.prototype,`open`,void 0),r.default([t.property({type:String,reflect:!0})],_.prototype,`mode`,void 0),r.default([t.property({type:String})],_.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:f.booleanConverter})],_.prototype,`disabled`,void 0),r.default([t.property({type:Boolean,attribute:`show-divider`,converter:f.booleanConverter})],_.prototype,`showDivider`,void 0),r.default([t.property({type:String,attribute:`collapse-icon-name`})],_.prototype,`collapseIconName`,void 0),r.default([t.property({type:String,attribute:`expanded-icon-name`})],_.prototype,`expandedIconName`,void 0),r.default([n.state()],_.prototype,`_open`,void 0),_=r.default([s.customUiKitElement(`ds-accordion`)],_),Object.defineProperty(exports,"DsAccordion",{enumerable:!0,get:function(){return _}});

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

@@ -0,0 +1,67 @@
+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']) .divider {
+        height: 0.0625rem;
+        background-image: linear-gradient(
+            to left,
+            var(--ds-color-border-default-faint) 0%,
+            var(--ds-color-border-default-subtle) 30%
+        );
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted([slot='content']) {
+        padding: var(--ds-spacing-m-1) var(--ds-spacing-m-4);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted([slot='content']) {
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-m-1);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .title:focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring);
+        color: var(--ds-color-control-text-pressed);
+        background-color: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .title {
+        outline: none;
+        color: var(--ds-field-text-color-placeholder-disabled);
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .title {
+        font: var(--ds-typography-weight-body-secondary) var(--ds-typography-size-body-l) /
+            var(--ds-typography-height-body-l) var(--ds-typography-family-primary);
+        padding: var(--ds-spacing-m-1) var(--ds-spacing-m-2);
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .title {
+        font: var(--ds-typography-weight-body-secondary) var(--ds-typography-size-body-m) /
+            var(--ds-typography-height-body-m) var(--ds-typography-family-primary);
+        padding: var(--ds-spacing-s-5);
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .title {
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+        border-radius: var(--ds-border-radius-xxs);
+        color: var(--ds-color-control-text-default);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) :hover .title {
+        color: var(--ds-color-control-text-pressed);
+        background-color: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-default);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) :hover .icon {
+        --ui-kit-icon-color: var(--ds-color-control-icon-default);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) :focus-visible .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-input-default);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .icon {
+        --ui-kit-icon-height: 1.5rem;
+        --ui-kit-icon-width: 1.5rem;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+`;exports.cupraDiagonalStyles=t;

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

@@ -0,0 +1,61 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra']) .divider {
+        height: 0.0625rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.light {
+        background-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.dark {
+        background-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='content']) {
+        font: var(--ds-font-cupra-light-20-paragraph);
+        padding: 0.5rem 0 2rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .light ::slotted([slot='content']) {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark ::slotted([slot='content']) {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .large .title {
+        font: var(--ds-font-cupra-regular-50);
+        padding: 1.3125rem 0;
+    }
+    :host([data-ui-kit-theme='cupra']) .medium .title {
+        font: var(--ds-font-cupra-regular-40);
+        padding: 1.4375rem 0;
+    }
+    :host([data-ui-kit-theme='cupra']) .small .title {
+        font: var(--ds-font-cupra-regular-30-title);
+        padding: 1.0625rem 0;
+    }
+    :host([data-ui-kit-theme='cupra']) .light .title {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark .title {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) :hover.light .title {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) :hover.dark .title {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .icon {
+        --ui-kit-icon-height: 1.875rem;
+        --ui-kit-icon-width: 1.875rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .light .icon {
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark .icon {
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) :hover.light .icon {
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) :hover.dark .icon {
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-accordion/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']) .divider {
+        height: 0;
+        border-bottom: 1px solid;
+        -o-border-image: linear-gradient(
+                to left,
+                var(--ds-color-border-default-faint) 0%,
+                var(--ds-color-border-default-subtle) 30%
+            )
+            1;
+        border-image: linear-gradient(
+                to left,
+                var(--ds-color-border-default-faint) 0%,
+                var(--ds-color-border-default-subtle) 30%
+            )
+            1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium ::slotted([slot='content']) {
+        padding: var(--ds-spacing-m-1) var(--ds-spacing-m-4);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .small ::slotted([slot='content']) {
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-m-1);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .title:focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring);
+        color: var(--ds-color-control-text-pressed);
+        background-color: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .disabled .title {
+        outline: none;
+        color: var(--ds-field-text-color-placeholder-disabled);
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium .title {
+        font: var(--ds-typography-weight-body-secondary) var(--ds-typography-size-body-l) /
+            var(--ds-typography-height-body-l) var(--ds-typography-family-primary);
+        padding: var(--ds-spacing-m-1) var(--ds-spacing-m-2);
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .small .title {
+        font: var(--ds-typography-weight-body-secondary) var(--ds-typography-size-body-m) /
+            var(--ds-typography-height-body-m) var(--ds-typography-family-primary);
+        padding: var(--ds-spacing-s-5);
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .title {
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+        border-radius: var(--ds-border-radius-xxs);
+        color: var(--ds-color-control-text-default);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) :hover .title {
+        color: var(--ds-color-control-text-pressed);
+        background-color: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-default);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) :hover .icon {
+        --ui-kit-icon-color: var(--ds-color-control-icon-default);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) :focus-visible .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-input-default);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .disabled .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-disabled);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium .icon {
+        --ui-kit-icon-height: 1.5rem;
+        --ui-kit-icon-width: 1.5rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .small .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+`;exports.seatLegacyStyles=t;

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

@@ -0,0 +1,67 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat']) .divider {
+        height: 0.0625rem;
+        background-image: linear-gradient(
+            to left,
+            var(--ds-color-border-default-faint) 0%,
+            var(--ds-color-border-default-subtle) 30%
+        );
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted([slot='content']) {
+        padding: var(--ds-spacing-m-1) var(--ds-spacing-m-4);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted([slot='content']) {
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-m-1);
+    }
+    :host([data-ui-kit-theme='seat']) .title:focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring);
+        color: var(--ds-color-control-text-pressed);
+        background-color: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .title {
+        outline: none;
+        color: var(--ds-field-text-color-placeholder-disabled);
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .large .title {
+        font: var(--ds-typography-weight-body-secondary) var(--ds-typography-size-body-l) /
+            var(--ds-typography-height-body-l) var(--ds-typography-family-primary);
+        padding: var(--ds-spacing-m-1) var(--ds-spacing-m-2);
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .title {
+        font: var(--ds-typography-weight-body-secondary) var(--ds-typography-size-body-m) /
+            var(--ds-typography-height-body-m) var(--ds-typography-family-primary);
+        padding: var(--ds-spacing-s-5);
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat']) .title {
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+        border-radius: var(--ds-border-radius-xxs);
+        color: var(--ds-color-control-text-default);
+    }
+    :host([data-ui-kit-theme='seat']) :hover .title {
+        color: var(--ds-color-control-text-pressed);
+        background-color: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-default);
+    }
+    :host([data-ui-kit-theme='seat']) :hover .icon {
+        --ui-kit-icon-color: var(--ds-color-control-icon-default);
+    }
+    :host([data-ui-kit-theme='seat']) :focus-visible .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-input-default);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-height: 1.5rem;
+        --ui-kit-icon-width: 1.5rem;
+    }
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-avatar/ds-avatar.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/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../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 u=require("./styles/common.styles.cjs");var d=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){let t=this.getInitialsFromName(this.name);return e.html`<span class="initials" aria-hidden="true">${t}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?`media`:(e=this.name)!=null&&e.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){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/query-assigned-elements.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");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../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 u=require("./styles/common.styles.cjs");var d=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){let t=this.getInitialsFromName(this.name);return e.html`<span class="initials" aria-hidden="true">${t}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?`media`:(e=this.name)!=null&&e.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.html`
             <style>
                 :host{
                     pointer-events: ${this.disabled?`none`:`auto`};
@@ -19,4 +19,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${this.mode===`text`?this.initialsTemplate:e.nothing}
                 <div class="media" aria-hidden=${String(this.mode!==`media`)}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
             </div>
-        `}},f=(d.styles=[u.commonStyles],d);r.default([t.property({type:String})],f.prototype,`size`,void 0),r.default([t.property({type:String})],f.prototype,`name`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`disabled`,void 0),r.default([n.queryAssignedElements({slot:`media`,selector:`img`})],f.prototype,`assignedImages`,void 0),f=r.default([a.customUiKitElement(`ds-avatar`)],f),Object.defineProperty(exports,"DsAvatar",{enumerable:!0,get:function(){return f}});
+        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String})],f.prototype,`size`,void 0),i.default([n.property({type:String})],f.prototype,`name`,void 0),i.default([n.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`disabled`,void 0),i.default([r.queryAssignedElements({slot:`media`,selector:`img`})],f.prototype,`assignedImages`,void 0),f=i.default([a.customUiKitElement(`ds-avatar`)],f),Object.defineProperty(exports,"DsAvatar",{enumerable:!0,get:function(){return f}});

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

@@ -1 +1 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`base`,this.size=`large`}get hasNumber(){return typeof this.number==`number`&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get badgeAriaLabel(){return this.hasNumber?`${this.number} notifications`:void 0}get contentTemplate(){return this.hasNumber?e.html`${this.number}`:e.nothing}render(){return e.html` <div class=${a.classMap(this.classes)} aria-label=${o.ifDefined(this.badgeAriaLabel)}>${this.contentTemplate}</div> `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:Number})],l.prototype,`number`,void 0),n.default([t.property({type:String})],l.prototype,`variant`,void 0),n.default([t.property({type:String})],l.prototype,`size`,void 0),l=n.default([i.customUiKitElement(`ds-badge`)],l),Object.defineProperty(exports,"DsBadge",{enumerable:!0,get:function(){return l}});
+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("../../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 s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.variant=`base`,this.size=`large`}get hasNumber(){return typeof this.number==`number`&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get badgeAriaLabel(){return this.hasNumber?`${this.number} notifications`:void 0}get contentTemplate(){return this.hasNumber?e.html`${this.number}`:e.nothing}render(){return e.html` <div class=${a.classMap(this.classes)} aria-label=${o.ifDefined(this.badgeAriaLabel)}>${this.contentTemplate}</div> `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:Number})],l.prototype,`number`,void 0),r.default([n.property({type:String})],l.prototype,`variant`,void 0),r.default([n.property({type:String})],l.prototype,`size`,void 0),l=r.default([i.customUiKitElement(`ds-badge`)],l),Object.defineProperty(exports,"DsBadge",{enumerable:!0,get:function(){return l}});

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

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("./styles/common.styles.cjs");var u=class extends i.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}handleClose(){let e=new CustomEvent(`banner:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get containerClasses(){return{container:!0,[this.orientation??`horizontal`]:!0}}get closeButtonTemplate(){return this.showClose?s.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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("./styles/common.styles.cjs");var u=class extends t.LitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}handleClose(){let e=new CustomEvent(`banner:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get containerClasses(){return{container:!0,[this.orientation??`horizontal`]:!0}}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
             class="close-button"
             data-aria-label="close"
             @click=${this.handleClose}
@@ -16,4 +16,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        `:e.nothing}},d=(u.styles=[l.bannerStyles],u);r.default([t.property({type:String})],d.prototype,`orientation`,void 0),r.default([t.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),r.default([t.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),r.default([n.state()],d.prototype,`_showState`,void 0),d=r.default([a.customUiKitElement(`ds-banner`)],d),Object.defineProperty(exports,"DsBanner",{enumerable:!0,get:function(){return d}});
+        `:e.nothing}},d=(u.styles=[l.bannerStyles],u);i.default([n.property({type:String})],d.prototype,`orientation`,void 0),i.default([n.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),i.default([n.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),i.default([r.state()],d.prototype,`_showState`,void 0),d=i.default([a.customUiKitElement(`ds-banner`)],d),Object.defineProperty(exports,"DsBanner",{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-basic-card/ds-basic-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"),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.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`
+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="${a.classMap(this.classes)}"
@@ -8,4 +8,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${this.variant===`featured`?e.html`<div><slot name="featured-text"></slot></div>`:e.nothing}
                 <slot></slot>
             </article>
-        `}},c=(s.styles=[o.commonStyles],s);n.default([t.property({type:String})],c.prototype,`variant`,void 0),c=n.default([i.customUiKitElement(`ds-basic-card`)],c),Object.defineProperty(exports,"DsBasicCard",{enumerable:!0,get:function(){return c}});
+        `}},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/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,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("../../_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");var s=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`
+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="${a.classMap(this.classes)}"
@@ -14,4 +14,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 <slot name="sub-header" part="sub-header"></slot>
                 ${this.dividerTemplate}
             </header>
-        `}},c=(s.styles=[o.commonStyles],s);c=t.default([r.customUiKitElement(`ds-basic-card-header`)],c),Object.defineProperty(exports,"DsBasicCardHeader",{enumerable:!0,get:function(){return c}});
+        `}},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/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;