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

package/dist/cjs/components/ds-logo/styles/seat-legacy.styles.cjs

@@ -0,0 +1,37 @@
+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 {
+        width: 100%;
+        box-sizing: border-box;
+        grid-template-columns: auto;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.xxsmall {
+        max-height: 1.5rem;
+        padding: var(--dg-spacing-00, 0px) var(--dg-spacing-08, 8px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.xsmall {
+        max-height: 2rem;
+        padding: var(--dg-spacing-00, 0px) var(--dg-spacing-08, 8px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.small {
+        max-height: 2.5rem;
+        padding: var(--dg-spacing-00, 0px) var(--dg-spacing-08, 8px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium {
+        max-height: 3rem;
+        padding: var(--dg-spacing-00, 0px) var(--dg-spacing-08, 8px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.large {
+        max-height: 3.5rem;
+        padding: var(--dg-spacing-00, 0px) var(--dg-spacing-08, 8px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.xlarge {
+        max-height: 4rem;
+        padding: var(--dg-spacing-00, 0px) var(--dg-spacing-08, 8px);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon-logo {
+        display: contents;
+        --ui-kit-icon-color: var(--dg-color-text-default, #1b1b1b);
+        --ui-kit-icon-width: auto;
+        --ui-kit-icon-height: 100%;
+    }
+`;exports.seatLegacyStyles=t;

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

@@ -0,0 +1,54 @@
+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 {
+        width: 100%;
+        box-sizing: border-box;
+    }
+    :host([data-ui-kit-theme='seat']) .container.xxsmall {
+        max-width: 8rem;
+        max-height: 1.5rem;
+        padding: var(--ds-spacing-00, 0px) var(--ds-spacing-08, 8px);
+        gap: var(--ds-spacing-08, 8px);
+    }
+    :host([data-ui-kit-theme='seat']) .container.xsmall {
+        max-width: 12.125rem;
+        max-height: 2rem;
+        padding: var(--ds-spacing-00, 0px) var(--ds-spacing-08, 8px);
+        gap: var(--ds-spacing-16, 16px);
+    }
+    :host([data-ui-kit-theme='seat']) .container.small {
+        max-width: 13.9375rem;
+        max-height: 2.5rem;
+        padding: var(--ds-spacing-00, 0px) var(--ds-spacing-08, 8px);
+        gap: var(--ds-spacing-16, 16px);
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium {
+        max-width: 17.75rem;
+        max-height: 3rem;
+        padding: var(--ds-spacing-00, 0px) var(--ds-spacing-08, 8px);
+        gap: var(--ds-spacing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .container.large {
+        max-width: 21rem;
+        max-height: 3.5rem;
+        padding: var(--ds-spacing-00, 0px) var(--ds-spacing-08, 8px);
+        gap: var(--ds-spacing-24, 24px);
+    }
+    :host([data-ui-kit-theme='seat']) .container.xlarge {
+        max-width: 24.5rem;
+        max-height: 4rem;
+        padding: var(--ds-spacing-00, 0px) var(--ds-spacing-08, 8px);
+        gap: var(--ds-spacing-32, 32px);
+    }
+    :host([data-ui-kit-theme='seat']) .icon-logo {
+        display: contents;
+        --ui-kit-icon-color: var(--ds-color-text-default, #fafafa);
+        --ui-kit-icon-width: auto;
+        --ui-kit-icon-height: 100%;
+    }
+    :host([data-ui-kit-theme='seat']) .icon-wordmark {
+        display: contents;
+        --ui-kit-icon-color: var(--ds-color-text-default, #fafafa);
+        --ui-kit-icon-width: 100%;
+        --ui-kit-icon-height: 100%;
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-logo/theme-config.cjs

@@ -0,0 +1 @@
+var e={"cupra-diagonal":{"show-wordmark":!0},cupra:{"show-wordmark":!0},seat:{"show-wordmark":!1}};exports.themeConfig=e;

package/dist/cjs/components/ds-main-title/ds-main-title.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),c=require("../../mixins/ViewportMixin.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),p=require("./styles/common.styles.cjs");var M=Object.getOwnPropertyDescriptor,q=(t,s,l,r)=>{for(var e=r>1?void 0:r?M(s,l):s,i=t.length-1,n;i>=0;i--)(n=t[i])&&(e=n(e)||e);return e};exports.DsMainTitle=class extends c.ViewportMixin(o.UiKitElement){get containerClasses(){return{container:!0}}render(){return u.html`
-            <div part="container" class=${m.classMap(this.containerClasses)}>
-                <slot name="title"></slot>
-                <slot name="description"></slot>
+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.alignment=`left`}get classes(){return{container:!0,[`alignment-${this.alignment}`]:!!this.alignment}}render(){return e.html`
+            <div class=${a.classMap(this.classes)} part="container">
+                <slot name="title" class="title"></slot>
+                <slot name="subtitle" class="subtitle"></slot>
             </div>
-        `}};exports.DsMainTitle.styles=[p.commonStyles];exports.DsMainTitle=q([a.customUiKitElement("ds-main-title")],exports.DsMainTitle);
+        `}},c=(s.styles=[o.commonStyles],s);r.default([n.property({type:String})],c.prototype,`alignment`,void 0),c=r.default([i.customUiKitElement(`ds-main-title`)],c),Object.defineProperty(exports,"DsMainTitle",{enumerable:!0,get:function(){return c}});

package/dist/cjs/components/ds-main-title/styles/common.styles.cjs

@@ -1,12 +1,78 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: block;
+        box-sizing: border-box;
+    }
+
+    .container {
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+    }
+
+    .subtitle {
+        margin: 0;
+    }
+
+    ::slotted(*) {
+        margin: 0;
+    }
+
+    .container {
         width: 100%;
+        gap: var(--ds-spacing-s-3);
         box-sizing: border-box;
     }
 
-    ::slotted([slot='title']),
-    ::slotted([slot='description']) {
+    .container.alignment-center {
+        align-items: center;
+    }
+
+    .container.alignment-left {
+        align-items: flex-start;
+    }
+
+    ::slotted([slot='title']) {
         margin: 0;
+        font-family: var(--ds-typography-family-primary);
+        font-weight: 300;
+        letter-spacing: var(--ds-typography-letter-spacing-base);
+        color: var(--ds-color-text-default);
+        font-size: var(--ds-typography-size-headline-m);
+        line-height: var(--ds-typography-height-headline-m);
+    }
+
+    ::slotted([slot='subtitle']) {
+        margin: 0;
+        font-family: var(--ds-typography-family-primary);
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+        letter-spacing: var(--ds-typography-letter-spacing-base);
+        font-weight: 350;
+        color: var(--ds-color-text-default-subtlest);
+    }
+
+    .container.alignment-center ::slotted([slot='title']),
+    .container.alignment-center ::slotted([slot='subtitle']) {
+        text-align: center;
+    }
+
+    .container.alignment-left ::slotted([slot='title']),
+    .container.alignment-left ::slotted([slot='subtitle']) {
+        text-align: left;
+    }
+
+    @media (min-width: 1440px) {
+        ::slotted([slot='title']) {
+            font-size: var(--ds-typography-size-headline-m);
+            line-height: var(--ds-typography-height-headline-m);
+        }
+    }
+
+    @media (min-width: 1920px) {
+        ::slotted([slot='title']) {
+            font-size: var(--ds-typography-size-headline-l);
+            line-height: var(--ds-typography-height-headline-l);
+        }
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-map-pin/ds-map-pin.cjs

@@ -1,20 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),d=require("./styles/common.styles.cjs");var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(o,s,c,n)=>{for(var t=n>1?void 0:n?b(s,c):s,p=o.length-1,l;p>=0;p--)(l=o[p])&&(t=(n?l(s,c,t):l(t))||t);return n&&t&&y(s,c,t),t};exports.DsMapPin=class extends a.UiKitElement{constructor(){super(...arguments),this.width=48,this.height=48,this.checked=!1,this.iconSize=24,this.iconTop=8}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize}):r.nothing}get clusterNumberTemplate(){return this.clusterCount?r.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../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"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/cupra.styles.cjs"),p=require("./styles/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.width=48,this.height=48,this._checked=void 0,this.initialChecked=!1,this.iconSize=24,this.iconTop=8}get checked(){return this._checked??this._checkedState??this.initialChecked}set checked(e){this._checked=e}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class="icon" icon-name=${l.ifDefined(this.iconName)} size=${l.ifDefined(this.iconSize)}></ds-icon>`:e.nothing}get clusterNumberTemplate(){return this.clusterCount?e.html`
             <div class='cluster-count'>
                     ${this.clusterCount}
             </div>
-        `:r.nothing}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}get styleTokens(){return r.html`
+        `:e.nothing}handleClick(){let e=!this.checked;this._checked===void 0&&(this._checkedState=e),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:e}}))}get styleTokens(){return e.html`
             <style>
-                :host{
-                    --ds-icon-color: var(--ds-map-pin-icon-color);
-                }
-
                 .icon {
                     top: ${this.iconTop}px;
                 }
             </style>
-        `}get classes(){return{container:!0,checked:this.checked,cluster:!!this.clusterCount}}render(){return r.html`
+        `}get classes(){return{container:!0,checked:this.checked,cluster:!!this.clusterCount}}render(){return e.html`
             ${this.styleTokens}
-            <span data-testid="ds-map-pin-container" class=${m.classMap(this.classes)} @click=${this.handleClick}>
+            <span data-testid="ds-map-pin-container" class=${c.classMap(this.classes)} @click=${this.handleClick}>
                 <svg
                     class="marker"
                     xmlns="http://www.w3.org/2000/svg"
@@ -27,10 +23,9 @@
                         fill-rule="evenodd"
                         clip-rule="evenodd"
                         d="M24.1599 48.6467C26.4109 38.2008 41.9998 30.5848 41.9998 18.5849C41.9998 8.74991 33.9409 0.777954 23.9999 0.777954C14.059 0.777954 6 8.74991 6 18.5849C6 31.2298 21.5719 37.9948 23.5469 48.6077C23.7759 48.8277 23.8869 48.8277 24.1599 48.6467Z"
-                        fill="#1B1B1B"
                     />
                 </svg>
                 ${this.iconTemplate}
                 ${this.clusterNumberTemplate}
             </span>
-        `}};exports.DsMapPin.styles=[d.mapPinStyles];e([i.property({type:Number,attribute:"width"})],exports.DsMapPin.prototype,"width",2);e([i.property({type:Number,attribute:"height"})],exports.DsMapPin.prototype,"height",2);e([i.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsMapPin.prototype,"checked",2);e([i.property({type:String,attribute:"icon-name"})],exports.DsMapPin.prototype,"iconName",2);e([i.property({type:Number,attribute:"icon-size"})],exports.DsMapPin.prototype,"iconSize",2);e([i.property({type:Number,attribute:"icon-top"})],exports.DsMapPin.prototype,"iconTop",2);e([i.property({type:Number,attribute:"cluster-count"})],exports.DsMapPin.prototype,"clusterCount",2);exports.DsMapPin=e([u.customUiKitElement("ds-map-pin")],exports.DsMapPin);
+        `}},g=(h.styles=[u.mapPinStyles,d.cupraDiagonalStyles,m.seatStyles,f.cupraStyles,p.seatLegacyStyles],h);r.default([t.property({type:Number,attribute:`width`})],g.prototype,`width`,void 0),r.default([t.property({type:Number,attribute:`height`})],g.prototype,`height`,void 0),r.default([t.property({type:Boolean,attribute:`checked`,converter:o.booleanConverter,reflect:!0})],g.prototype,`_checked`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`initial-checked`})],g.prototype,`initialChecked`,void 0),r.default([n.state()],g.prototype,`_checkedState`,void 0),r.default([t.property({type:String,attribute:`icon-name`})],g.prototype,`iconName`,void 0),r.default([t.property({type:Number,attribute:`icon-size`})],g.prototype,`iconSize`,void 0),r.default([t.property({type:Number,attribute:`icon-top`})],g.prototype,`iconTop`,void 0),r.default([t.property({type:Number,attribute:`cluster-count`})],g.prototype,`clusterCount`,void 0),g=r.default([a.customUiKitElement(`ds-map-pin`)],g),Object.defineProperty(exports,"DsMapPin",{enumerable:!0,get:function(){return g}});

package/dist/cjs/components/ds-map-pin/styles/common.styles.cjs

@@ -1,6 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e=t.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: inline-block;
+        --ui-kit-icon-color: var(--ui-kit-private-map-pin-icon-color);
     }
 
     .container {
@@ -18,19 +19,11 @@
     .cluster-count {
         display: flex;
         position: absolute;
-        border-radius: var(--dg-border-radius-full);
-        background: var(--dg-color-bg-base);
         align-items: center;
         justify-content: center;
         top: -8px;
         right: -6px;
         width: 24px;
         height: 24px;
-        font-size: var(--dg-font-size-body-s, 12px);
-        font-style: normal;
-        font-weight: 400;
-        line-height: var(--dg-font-height-body-s, 16px); /* 133.333% */
-        letter-spacing: var(--dg-font-letter-spacing-m, 0.5px);
-        color: var(--dg-color-text-strong);
     }
-`;exports.mapPinStyles=e;
+`;exports.mapPinStyles=t;

package/dist/cjs/components/ds-map-pin/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,64 @@
+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']) .marker {
+        filter: drop-shadow(
+            0 var(--ds-shadow-vertical-level-01, 4px) var(--ds-shadow-blur-level-01, 4px)
+                var(--ds-color-shadow-level-01, rgba(9, 9, 11, 0.2))
+        );
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .marker > path {
+        fill: var(--ds-color-surface-marker-neutral-default, #fafafa);
+        d: path(
+            'M 24.1599 48.6467 C 26.4109 38.2008 41.9998 30.5848 41.9998 18.5849 C 41.9998 8.74991 33.9409 0.777954 23.9999 0.777954 C 14.059 0.777954 6 8.74991 6 18.5849 C 6 31.2298 21.5719 37.9948 23.5469 48.6077 C 23.7759 48.8277 23.8869 48.8277 24.1599 48.6467 Z'
+        );
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:hover .marker > path {
+        fill: var(--ds-color-surface-marker-neutral-hover, #d3d6d9);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:active .marker > path {
+        fill: var(--ds-color-surface-marker-neutral-pressed, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:focus-visible {
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        border-radius: var(--ds-border-radius-xxs, 4px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-default-static-inverted, #09090b);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .checked {
+        .marker > path {
+            fill: var(--ds-color-surface-marker-brand-default, #b2764d);
+        }
+
+        .icon {
+            --ui-kit-icon-color: var(--ds-color-icon-default-static, #fafafa);
+        }
+
+        &.container:hover .marker > path {
+            fill: var(--ds-color-surface-marker-brand-hover, #885a3b);
+        }
+
+        &.container:active .marker > path {
+            fill: var(--ds-color-surface-marker-brand-pressed, #6c472f);
+        }
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .cluster-count {
+        box-sizing: border-box;
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ds-color-bg-default, #15181e);
+        padding: var(--ds-spacing-s-3, 4px);
+        font-size: var(--ds-typography-size-body-s, 12px);
+        line-height: var(--ds-typography-height-body-s, 16px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+        color: var(--ds-color-text-default, #fafafa);
+        font-style: normal;
+        font-weight: 400;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen'), serif;
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-map-pin/styles/cupra.styles.cjs

@@ -0,0 +1,25 @@
+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']) .marker > path {
+        fill: var(--ds-color-black);
+        d: path(
+            'M 24.1599 48.6467 C 26.4109 38.2008 41.9998 30.5848 41.9998 18.5849 C 41.9998 8.74991 33.9409 0.777954 23.9999 0.777954 C 14.059 0.777954 6 8.74991 6 18.5849 C 6 31.2298 21.5719 37.9948 23.5469 48.6077 C 23.7759 48.8277 23.8869 48.8277 24.1599 48.6467 Z'
+        );
+    }
+    :host([data-ui-kit-theme='cupra']) .checked .marker > path {
+        fill: var(--ds-color-copper-100);
+    }
+    :host([data-ui-kit-theme='cupra']) .icon {
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .cluster-count {
+        border-radius: var(--dg-border-radius-full);
+        background: var(--dg-color-bg-base);
+        font-size: var(--dg-font-size-body-s, 12px);
+        line-height: var(--dg-font-height-body-s, 16px);
+        letter-spacing: var(--dg-font-letter-spacing-m, 0.5px);
+        color: var(--dg-color-text-strong);
+        font-family: var(--dg-font-family-base, 'cupra-screen'), serif;
+        font-style: normal;
+        font-weight: 400;
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-map-pin/styles/seat-legacy.styles.cjs

@@ -0,0 +1,42 @@
+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']) .marker > path {
+        fill: var(--dg-color-icon-strong);
+        filter: drop-shadow(0 0.25rem 0.25rem rgba(0, 0, 0, 0.25));
+        d: path(
+            'M24.16 47.869C26.411 37.423 42 29.807 42 17.807C42 7.972 33.941 0 24 0C14.059 0 6 7.972 6 17.807C6 30.452 21.572 37.217 23.547 47.83C23.776 48.05 23.887 48.05 24.16 47.869Z'
+        );
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-color: var(--dg-global-color-black-100);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checked {
+        .marker > path {
+            fill: var(--dg-global-color-liminal-60);
+        }
+        .icon {
+            --ui-kit-icon-color: var(--dg-color-icon-strong);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        position: absolute;
+        top: var(--dg-size-06);
+        transform: translateX(-50%) scale(0.8);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .cluster-count {
+        border-radius: var(--dg-border-radius-full);
+        background: var(--dg-color-bg-base);
+        font-size: var(--dg-font-size-body-s, 12px);
+        line-height: var(--dg-font-height-body-s, 16px);
+        letter-spacing: var(--dg-font-letter-spacing-m, 0.5px);
+        color: var(--dg-color-text-strong);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .cluster {
+        .cluster-count {
+            font-family: var(--dg-typeface-font-family-seat);
+        }
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-map-pin/styles/seat.styles.cjs

@@ -0,0 +1,64 @@
+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']) .marker {
+        filter: drop-shadow(
+            0 var(--ds-shadow-vertical-level-01, 4px) var(--ds-shadow-blur-level-01, 4px)
+                var(--ds-color-shadow-level-01, rgba(9, 9, 11, 0.2))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .marker > path {
+        fill: var(--ds-color-surface-marker-neutral-default, #fafafa);
+        d: path(
+            'M 24.1599 48.6467 C 26.4109 38.2008 41.9998 30.5848 41.9998 18.5849 C 41.9998 8.74991 33.9409 0.777954 23.9999 0.777954 C 14.059 0.777954 6 8.74991 6 18.5849 C 6 31.2298 21.5719 37.9948 23.5469 48.6077 C 23.7759 48.8277 23.8869 48.8277 24.1599 48.6467 Z'
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .container:hover .marker > path {
+        fill: var(--ds-color-surface-marker-neutral-hover, #d3d6d9);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container:active .marker > path {
+        fill: var(--ds-color-surface-marker-neutral-pressed, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container:focus-visible {
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        border-radius: var(--ds-border-radius-xxs, 4px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-default-static-inverted, #09090b);
+    }
+
+    :host([data-ui-kit-theme='seat']) .checked {
+        .marker > path {
+            fill: var(--ds-color-surface-marker-brand-default, #b2764d);
+        }
+
+        .icon {
+            --ui-kit-icon-color: var(--ds-color-icon-default-static, #fafafa);
+        }
+
+        &.container:hover .marker > path {
+            fill: var(--ds-color-surface-marker-brand-hover, #885a3b);
+        }
+
+        &.container:active .marker > path {
+            fill: var(--ds-color-surface-marker-brand-pressed, #6c472f);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat']) .cluster-count {
+        box-sizing: border-box;
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ds-color-bg-default, #15181e);
+        padding: var(--ds-spacing-s-3, 4px);
+        font-size: var(--ds-typography-size-body-s, 12px);
+        line-height: var(--ds-typography-height-body-s, 16px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+        color: var(--ds-color-text-default, #fafafa);
+        font-style: normal;
+        font-weight: 400;
+        font-family: var(--ds-typography-family-primary, 'cupra-screen'), serif;
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-media-control/ds-media-control.cjs

@@ -1,27 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(n,e,r,t)=>{for(var s=t>1?void 0:t?v(e,r):e,o=n.length-1,i;o>=0;o--)(i=n[o])&&(s=(t?i(e,r,s):i(s))||s);return t&&s&&f(e,r,s),s};exports.DsMediaControl=class extends m.UiKitElement{constructor(){super(...arguments),this.state="pause",this.size="medium",this.progress=0,this.handleToggle=e=>{e.stopPropagation();const r=this.state==="play"?"pause":"play";this.state=r;const t=r==="play"?"ds-media-control:play":"ds-media-control:pause";this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0}))},this.onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleToggle(e))}}get normalizedProgress(){const e=Number(this.progress??0);return Number.isNaN(e)?0:Math.min(100,Math.max(0,e))}get classes(){return{container:!0,[this.size]:!!this.size,[this.state]:!!this.state}}get iconSize(){switch(this.size){case"large":return 24;case"small":return 16;default:return 20}}get iconName(){return this.state==="play"?"pause":"play"}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize})}get progressTemplate(){const e=this.size==="large"?46:this.size==="small"?30:38,t=e/2-2/2,s=t-1,o=2*Math.PI*t,i=this.normalizedProgress/100,p=o.toFixed(3),u=(o*(1-i)).toFixed(3),h=`${-e/2} ${-e/2} ${e} ${e}`;return c.html`
-            <svg part="progress" class="progress" viewBox="${h}" aria-hidden="true" focusable="false">
+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");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./styles/common.styles.cjs");var u=class extends t.LitElement{constructor(...e){super(...e),this._state=void 0,this._stateValue=`pause`,this.size=`medium`,this.progress=0,this.handleToggle=e=>{e.stopPropagation();let t=this.state===`play`?`pause`:`play`;this._stateValue=t,this._state=void 0;let n=t===`play`?`ds-media-control:play`:`ds-media-control:pause`;this.dispatchEvent(new CustomEvent(n,{bubbles:!0,composed:!0}))},this.onKeyDown=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleToggle(e))}}get state(){return this._state??this._stateValue}set state(e){this._state=e}get normalizedProgress(){let e=Number(this.progress??0);return Number.isNaN(e)?0:Math.min(100,Math.max(0,e))}get classes(){return{container:!0,[this.size]:!!this.size,[this.state]:!!this.state}}get iconSize(){switch(this.size){case`xlarge`:return 40;case`large`:return 24;case`small`:return 16;default:return 20}}get iconName(){return this.state===`play`?`pause`:`play`}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName} size=${c.ifDefined(this.iconSize)}></ds-icon>`}get progressTemplate(){let t=this.size===`xlarge`?70:this.size===`large`?46:this.size===`small`?30:38,n=t/2-1,r=n-1,i=2*Math.PI*n,a=this.normalizedProgress/100,o=i.toFixed(3),s=(i*(1-a)).toFixed(3),c=`${-t/2} ${-t/2} ${t} ${t}`;return e.html`
+            <svg part="progress" class="progress" viewBox="${c}" aria-hidden="true" focusable="false">
                 <circle
                     class="indicator"
                     cx="0"
                     cy="0"
-                    r="${s}"
+                    r="${r}"
                     fill="none"
-                    stroke-dasharray="${p}"
-                    stroke-dashoffset="${u}"
+                    stroke-dasharray="${o}"
+                    stroke-dashoffset="${s}"
                     vector-effect="non-scaling-stroke"
                 ></circle>
             </svg>
-        `}render(){const e=this.state==="play"?"pause":"play";return c.html`
+        `}render(){let t=this.state===`play`?`pause`:`play`;return e.html`
             <div
                 part="container"
-                class=${g.classMap(this.classes)}
+                class=${s.classMap(this.classes)}
                 role="button"
                 tabindex="0"
-                aria-label=${`${e} media ${this.size}`}
+                aria-label=${`${t} media ${this.size}`}
                 @click=${this.handleToggle}
                 @keydown=${this.onKeyDown}
             >
                 ${this.progressTemplate}
                 ${this.iconTemplate}
             </div>
-        `}};exports.DsMediaControl.styles=[y.commonStyles];a([l.property({type:String,reflect:!0})],exports.DsMediaControl.prototype,"state",2);a([l.property({type:String,reflect:!0})],exports.DsMediaControl.prototype,"size",2);a([l.property({type:Number,reflect:!0})],exports.DsMediaControl.prototype,"progress",2);exports.DsMediaControl=a([d.customUiKitElement("ds-media-control")],exports.DsMediaControl);
+        `}},d=(u.styles=[l.commonStyles],u);i.default([n.property({type:String,attribute:`state`,reflect:!0})],d.prototype,`_state`,void 0),i.default([r.state()],d.prototype,`_stateValue`,void 0),i.default([n.property({type:String,reflect:!0})],d.prototype,`size`,void 0),i.default([n.property({type:Number,reflect:!0})],d.prototype,`progress`,void 0),d=i.default([a.customUiKitElement(`ds-media-control`)],d),Object.defineProperty(exports,"DsMediaControl",{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-media-control/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: contents;
     }
@@ -26,6 +26,10 @@
         width: 48px;
         height: 48px;
     }
+    .container.xlarge {
+        width: 72px;
+        height: 72px;
+    }
 
     .progress {
         position: absolute;
@@ -36,12 +40,16 @@
     }
 
     .progress .indicator {
-        stroke: var(--ds-icon-color);
+        stroke: var(--ds-color-icon-default-subtlest, #d3d6d9);
         stroke-width: 1.5px;
         transform: rotate(-90deg);
     }
 
     [part='container']:focus-visible {
-        box-shadow: 0 0 0 2px var(--ds-color-focus-ring, rgba(255, 255, 255, 0.6));
+        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
+    }
+
+    :host {
+        --ui-kit-icon-color: var(--ds-color-icon-default);
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;