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

package/dist-react/cjs/components/ds-tag/styles/seat.styles.cjs

@@ -0,0 +1,71 @@
+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 {
+        padding: var(--ds-spacing-s-3, 4px) var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-l, 20px);
+        gap: var(--ds-spacing-s-4, 6px);
+        font: 400 var(--ds-typography-size-body-s, 12px) / var(--ds-typography-height-body-s, 16px)
+            var(--ds-typography-family-primary);
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+        color: var(--ui-kit-private-tag-color);
+        background-color: var(--ui-kit-private-tag-background-color);
+    }
+    :host([data-ui-kit-theme='seat']) .container.moonlate,
+    :host([data-ui-kit-theme='seat']) .container.default {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-default, #fafafa);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-default, #fafafa);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-default, #404759);
+    }
+    :host([data-ui-kit-theme='seat']) .container.white,
+    :host([data-ui-kit-theme='seat']) .container.contrast {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-contrast, #09090b);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-contrast, #09090b);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-contrast, #f3f4f6);
+    }
+    :host([data-ui-kit-theme='seat']) .container.copper,
+    :host([data-ui-kit-theme='seat']) .container.accent-02 {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-accent-02, #fafafa);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-accent-02, #fafafa);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-accent-02, #885a3b);
+    }
+    :host([data-ui-kit-theme='seat']) .container.rio-green,
+    :host([data-ui-kit-theme='seat']) .container.accent-03 {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-accent-03, #fafafa);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-accent-03, #fafafa);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-accent-03, #505643);
+    }
+    :host([data-ui-kit-theme='seat']) .container.electric,
+    :host([data-ui-kit-theme='seat']) .container.accent-01 {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-accent-01, #fafafa);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-accent-01, #fafafa);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-accent-01, #0e6261);
+    }
+    :host([data-ui-kit-theme='seat']) .container.yellow,
+    :host([data-ui-kit-theme='seat']) .container.warning {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-warning, #09090b);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-warning, #09090b);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-warning, #ffdf8f);
+    }
+    :host([data-ui-kit-theme='seat']) .container.red,
+    :host([data-ui-kit-theme='seat']) .container.error {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-error, #09090b);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-error, #09090b);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-error, #ff918f);
+    }
+    :host([data-ui-kit-theme='seat']) .container.green,
+    :host([data-ui-kit-theme='seat']) .container.success {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-success, #09090b);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-success, #09090b);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-success, #d9fccf);
+    }
+    :host([data-ui-kit-theme='seat']) .container.subtle {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-subtle, #fafafa);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-subtle, #fafafa);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-subtle, #09090b4d);
+    }
+    :host([data-ui-kit-theme='seat']) .container.black,
+    :host([data-ui-kit-theme='seat']) .container.disabled {
+        --ui-kit-private-tag-color: var(--ds-tag-text-color-disabled, #aeaeb7);
+        --ui-kit-icon-color: var(--ds-tag-icon-color-disabled, #aeaeb7);
+        --ui-kit-private-tag-background-color: var(--ds-tag-bg-color-disabled, #34353c);
+    }
+`;exports.seatStyles=t;

package/dist-react/cjs/components/ds-text/ds-text.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-nodes.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("../../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("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.cjs");const f=require("./styles/common.styles.cjs");var p,m=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),h=(p=class extends c.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.emphasis=`secondary`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}get classes(){var e,t;let n=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${n}`]:!!n,[`mode-${this.mode}`]:!!this.mode,[`emphasis-${this.emphasis}`]:!!this.emphasis,[`variant-${this.variant}`]:!!this.variant,"display-contents":(e=this.slotedNodes)==null||(t=e.some)==null?void 0:t.call(e,e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=m.has(t)?t:`span`,r=u.unsafeStatic(n);return u.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/query-assigned-nodes.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("../../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("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.cjs");const f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _,v=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),y=(_=class extends c.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.emphasis=`secondary`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}get classes(){var e,t;let n=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${n}`]:!!n,[`mode-${this.mode}`]:!!this.mode,[`emphasis-${this.emphasis}`]:!!this.emphasis,[`variant-${this.variant}`]:!!this.variant,"display-contents":(e=this.slotedNodes)==null||(t=e.some)==null?void 0:t.call(e,e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}onSlotChange(){this.requestUpdate()}render(){let t=(this.htmlTagName??``).toLowerCase(),n=v.has(t)?t:`span`,r=u.unsafeStatic(n);return u.html`
             <${r} 
                 part="container" 
                 data-testid="ds-text-container" 
@@ -6,6 +6,6 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 style=${d.styleMap({color:this.color||`var(--ui-kit-private-text-color)`})}
             >
                 ${this.value?this.value:e.nothing}
-                <slot></slot>
+                <slot @slotchange=${this.onSlotChange}></slot>
             </${r}>
-        `}},p.styles=[f.commonStyles],p);r.default([t.property({type:String,converter:l.objectConverter})],h.prototype,`size`,void 0),r.default([t.property({type:String})],h.prototype,`emphasis`,void 0),r.default([t.property({type:String})],h.prototype,`variant`,void 0),r.default([t.property({type:String,attribute:`html-tag-name`})],h.prototype,`htmlTagName`,void 0),r.default([t.property({type:String})],h.prototype,`value`,void 0),r.default([t.property({type:String,reflect:!0})],h.prototype,`mode`,void 0),r.default([t.property({type:String,reflect:!0})],h.prototype,`color`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`uppercase`,void 0),r.default([n.queryAssignedNodes({slot:``,flatten:!0})],h.prototype,`slotedNodes`,void 0),h=r.default([a.customUiKitElement(`ds-text`)],h),Object.defineProperty(exports,"DsText",{enumerable:!0,get:function(){return h}});
+        `}},_.styles=[f.commonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);r.default([t.property({type:String,converter:l.objectConverter})],y.prototype,`size`,void 0),r.default([t.property({type:String})],y.prototype,`emphasis`,void 0),r.default([t.property({type:String})],y.prototype,`variant`,void 0),r.default([t.property({type:String,attribute:`html-tag-name`})],y.prototype,`htmlTagName`,void 0),r.default([t.property({type:String})],y.prototype,`value`,void 0),r.default([t.property({type:String,reflect:!0})],y.prototype,`mode`,void 0),r.default([t.property({type:String,reflect:!0})],y.prototype,`color`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],y.prototype,`uppercase`,void 0),r.default([n.queryAssignedNodes({slot:``,flatten:!0})],y.prototype,`slotedNodes`,void 0),y=r.default([a.customUiKitElement(`ds-text`)],y),Object.defineProperty(exports,"DsText",{enumerable:!0,get:function(){return y}});

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

@@ -0,0 +1,104 @@
+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 {
+        --ui-kit-private-text-color: var(--ds-color-text-default);
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-display.emphasis-primary {
+        font-weight: var(--ds-typography-weight-display-primary, 300);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.emphasis-primary {
+        font-weight: var(--ds-typography-weight-headline-primary, 300);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.emphasis-secondary {
+        font-weight: var(--ds-typography-weight-headline-secondary, 400);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-body.emphasis-primary {
+        font-weight: var(--ds-typography-weight-body-primary, 400);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-body.emphasis-secondary {
+        font-weight: var(--ds-typography-weight-body-secondary, 350);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-body.emphasis-tertiary {
+        font-weight: var(--ds-typography-weight-body-tertiary, 500);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-display.size-large {
+        font-size: var(--ds-typography-size-display-l, 40px);
+        line-height: var(--ds-typography-height-display-l, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-l, 1px);
+        text-transform: uppercase;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-display.size-medium {
+        font-size: var(--ds-typography-size-display-m, 40px);
+        line-height: var(--ds-typography-height-display-m, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-l, 1px);
+        text-transform: uppercase;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.size-xlarge {
+        font-size: var(--ds-typography-size-headline-xl, 40px);
+        line-height: var(--ds-typography-height-headline-xl, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.size-large {
+        font-size: var(--ds-typography-size-headline-l, 40px);
+        line-height: var(--ds-typography-height-headline-l, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.size-medium {
+        font-size: var(--ds-typography-size-headline-m, 32px);
+        line-height: var(--ds-typography-height-headline-m, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.size-small {
+        font-size: var(--ds-typography-size-headline-s, 24px);
+        line-height: var(--ds-typography-height-headline-s, 32px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.size-xsmall {
+        font-size: var(--ds-typography-size-headline-xs, 18px);
+        line-height: var(--ds-typography-height-headline-xs, 26px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-headline.size-xxsmall {
+        font-size: var(--ds-typography-size-headline-xxs, 16px);
+        line-height: var(--ds-typography-height-headline-xxs, 24px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-body.size-large {
+        font-size: var(--ds-typography-size-body-l, 16px);
+        line-height: var(--ds-typography-height-body-l, 24px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-body.size-medium {
+        font-size: var(--ds-typography-size-body-m, 14px);
+        line-height: var(--ds-typography-height-body-m, 20px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-body.size-small {
+        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);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .variant-body.size-xsmall {
+        font-size: var(--ds-typography-size-body-xs, 10px);
+        line-height: var(--ds-typography-height-body-xs, 14px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist-react/cjs/components/ds-text/styles/cupra.styles.cjs

@@ -0,0 +1,110 @@
+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']) .container {
+        font-family: var(--ds-typeface-font-family-cupra-screen);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container.mode-light {
+        --ui-kit-private-text-color: var(--ds-color-black);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container.mode-dark {
+        --ui-kit-private-text-color: white;
+    }
+
+    /* Emphasis variants */
+    :host([data-ui-kit-theme='cupra']) .variant-display.emphasis-primary {
+        font-weight: 300;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-headline.emphasis-primary {
+        font-weight: 300;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-headline.emphasis-secondary {
+        font-weight: 400;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-body.emphasis-primary {
+        font-weight: 400;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-body.emphasis-secondary {
+        font-weight: 350;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-body.emphasis-tertiary {
+        font-weight: 500;
+    }
+
+    /* Variant and size combinations */
+    /* Display variant */
+    :host([data-ui-kit-theme='cupra']) .variant-display.size-large {
+        font-size: var(--ds-font-size-display-l, 40px);
+        line-height: var(--ds-font-height-display-l, 40px);
+        letter-spacing: var(--ds-font-letter-spacing-l, 1px);
+        text-transform: uppercase;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-display.size-medium {
+        font-size: var(--ds-font-size-display-m, 40px);
+        line-height: var(--ds-font-height-display-m, 40px);
+        letter-spacing: var(--ds-font-letter-spacing-l, 1px);
+        text-transform: uppercase;
+    }
+
+    /* Headline variant */
+    :host([data-ui-kit-theme='cupra']) .variant-headline.size-xlarge {
+        font-size: var(--ds-font-size-headline-xl, 40px);
+        line-height: var(--ds-font-height-headline-xl, 40px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-headline.size-large {
+        font-size: var(--ds-font-size-headline-l, 40px);
+        line-height: var(--ds-font-height-headline-l, 40px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-headline.size-medium {
+        font-size: var(--ds-font-size-headline-m, 32px);
+        line-height: var(--ds-font-height-headline-m, 40px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-headline.size-small {
+        font-size: var(--ds-font-size-headline-s, 24px);
+        line-height: var(--ds-font-height-headline-s, 32px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-headline.size-xsmall {
+        font-size: var(--ds-font-size-headline-xs, 18px);
+        line-height: var(--ds-font-height-headline-xs, 26px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    /* Body variant */
+    :host([data-ui-kit-theme='cupra']) .variant-body.size-large {
+        font-size: var(--ds-font-size-body-l, 16px);
+        line-height: var(--ds-font-height-body-l, 24px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-body.size-medium {
+        font-size: var(--ds-font-size-body-m, 14px);
+        line-height: var(--ds-font-height-body-m, 20px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-body.size-small {
+        font-size: var(--ds-font-size-body-s, 12px);
+        line-height: var(--ds-font-height-body-s, 16px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .variant-body.size-xsmall {
+        font-size: var(--ds-font-size-body-xs, 10px);
+        line-height: var(--ds-font-height-body-xs, 14px);
+        letter-spacing: var(--ds-font-letter-spacing-m, 0.5px);
+    }
+`;exports.cupraStyles=t;

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

@@ -0,0 +1,78 @@
+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 {
+        --ui-kit-private-text-color: var(--dg-color-text-strong);
+        font-family: var(--dg-font-family-base);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-headline.emphasis-primary {
+        font-weight: 700;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-headline.emphasis-secondary {
+        font-weight: 700;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-headline.emphasis-tertiary {
+        font-weight: 700;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-body.emphasis-primary {
+        font-weight: 400;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-body.emphasis-secondary {
+        font-weight: 400;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-body.emphasis-tertiary {
+        font-weight: 500;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-headline.size-large {
+        font-size: var(--dg-font-size-headline-l);
+        line-height: var(--dg-font-height-headline-l);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-headline.size-medium {
+        font-size: var(--dg-font-size-headline-m);
+        line-height: var(--dg-font-height-headline-m);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-headline.size-small {
+        font-size: var(--dg-font-size-headline-s);
+        line-height: var(--dg-font-height-headline-s);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-headline.size-xsmall {
+        font-size: var(--dg-font-size-headline-xs);
+        line-height: var(--dg-font-height-headline-xs);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-body.size-large {
+        font-size: var(--dg-font-size-body-l);
+        line-height: var(--dg-font-height-body-l);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-body.size-medium {
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-height-body-m);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-body.size-small {
+        font-size: var(--dg-font-size-body-s);
+        line-height: var(--dg-font-height-body-s);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .variant-body.size-xsmall {
+        font-size: var(--dg-font-size-body-xs);
+        line-height: var(--dg-font-height-body-xs);
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+`;exports.seatLegacyStyles=t;

package/dist-react/cjs/components/ds-text/styles/seat.styles.cjs

@@ -0,0 +1,104 @@
+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 {
+        --ui-kit-private-text-color: var(--ds-color-text-default);
+        font-family: var(--ds-typography-family-primary, 'cupra-screen');
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-display.emphasis-primary {
+        font-weight: var(--ds-typography-weight-display-primary, 300);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.emphasis-primary {
+        font-weight: var(--ds-typography-weight-headline-primary, 300);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.emphasis-secondary {
+        font-weight: var(--ds-typography-weight-headline-secondary, 400);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-body.emphasis-primary {
+        font-weight: var(--ds-typography-weight-body-primary, 400);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-body.emphasis-secondary {
+        font-weight: var(--ds-typography-weight-body-secondary, 350);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-body.emphasis-tertiary {
+        font-weight: var(--ds-typography-weight-body-tertiary, 500);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-display.size-large {
+        font-size: var(--ds-typography-size-display-l, 40px);
+        line-height: var(--ds-typography-height-display-l, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-l, 1px);
+        text-transform: uppercase;
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-display.size-medium {
+        font-size: var(--ds-typography-size-display-m, 40px);
+        line-height: var(--ds-typography-height-display-m, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-l, 1px);
+        text-transform: uppercase;
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.size-xlarge {
+        font-size: var(--ds-typography-size-headline-xl, 40px);
+        line-height: var(--ds-typography-height-headline-xl, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.size-large {
+        font-size: var(--ds-typography-size-headline-l, 40px);
+        line-height: var(--ds-typography-height-headline-l, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.size-medium {
+        font-size: var(--ds-typography-size-headline-m, 32px);
+        line-height: var(--ds-typography-height-headline-m, 40px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.size-small {
+        font-size: var(--ds-typography-size-headline-s, 24px);
+        line-height: var(--ds-typography-height-headline-s, 32px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.size-xsmall {
+        font-size: var(--ds-typography-size-headline-xs, 18px);
+        line-height: var(--ds-typography-height-headline-xs, 26px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-headline.size-xxsmall {
+        font-size: var(--ds-typography-size-headline-xxs, 16px);
+        line-height: var(--ds-typography-height-headline-xxs, 24px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-body.size-large {
+        font-size: var(--ds-typography-size-body-l, 16px);
+        line-height: var(--ds-typography-height-body-l, 24px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-body.size-medium {
+        font-size: var(--ds-typography-size-body-m, 14px);
+        line-height: var(--ds-typography-height-body-m, 20px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-body.size-small {
+        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);
+    }
+
+    :host([data-ui-kit-theme='seat']) .variant-body.size-xsmall {
+        font-size: var(--ds-typography-size-body-xs, 10px);
+        line-height: var(--ds-typography-height-body-xs, 14px);
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+    }
+`;exports.seatStyles=t;

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

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/uiKitHtml.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("../../mixins/inputStatesMixin.cjs"),l=require("../../utils/validateMaxLength.cjs"),u=require("./styles/common.styles.cjs");var d=class extends c.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.keyboardMode=!1,this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelRemoveButton=``,this.hideClearButton=!1,this.handleClickIcon=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}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("../../utils/uiKitHtml.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("../../mixins/inputStatesMixin.cjs"),l=require("../../utils/validateMaxLength.cjs"),u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends c.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.keyboardMode=!1,this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelRemoveButton=``,this.hideClearButton=!1,this.handleClickIcon=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.html`
             <div class=${o.classMap(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>
@@ -20,4 +20,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             variant="naked"
             @click=${this.handleClickIcon}
             data-aria-label=${this.dataAriaLabelRemoveButton||`remove button`}
-        ></ds-icon-button>`}get lengthTemplate(){var t,n;let r=(t=this.nativeInput)==null||(t=t.maxLength)==null?void 0:t.toString();return l.validateMaxLength(r)?e.html`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${r}</span>`:e.nothing}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},f=(d.styles=[u.commonStyles],d);n.default([t.property({type:String})],f.prototype,`size`,void 0),n.default([t.property({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),n.default([t.property({type:String,attribute:`forced-error`})],f.prototype,`forcedError`,void 0),n.default([t.property({type:String,attribute:`invalid-error`})],f.prototype,`invalidError`,void 0),n.default([t.property({type:String,attribute:`readonly-text`})],f.prototype,`readonlyText`,void 0),n.default([t.property({type:String,attribute:`data-aria-label-remove-button`})],f.prototype,`dataAriaLabelRemoveButton`,void 0),n.default([t.property({type:Boolean,attribute:`hide-clear-button`})],f.prototype,`hideClearButton`,void 0),f=n.default([i.customUiKitElement(`ds-text-input`)],f),Object.defineProperty(exports,"DsTextInput",{enumerable:!0,get:function(){return f}});
+        ></ds-icon-button>`}get lengthTemplate(){var t,n;let r=(t=this.nativeInput)==null||(t=t.maxLength)==null?void 0:t.toString();return l.validateMaxLength(r)?e.html`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${r}</span>`:e.nothing}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},h=(m.styles=[u.commonStyles,d.cupraDiagonalStyles,p.seatStyles,f.seatLegacyStyles],m);n.default([t.property({type:String})],h.prototype,`size`,void 0),n.default([t.property({type:String,attribute:`helper-text`})],h.prototype,`helperText`,void 0),n.default([t.property({type:String,attribute:`forced-error`})],h.prototype,`forcedError`,void 0),n.default([t.property({type:String,attribute:`invalid-error`})],h.prototype,`invalidError`,void 0),n.default([t.property({type:String,attribute:`readonly-text`})],h.prototype,`readonlyText`,void 0),n.default([t.property({type:String,attribute:`data-aria-label-remove-button`})],h.prototype,`dataAriaLabelRemoveButton`,void 0),n.default([t.property({type:Boolean,attribute:`hide-clear-button`})],h.prototype,`hideClearButton`,void 0),h=n.default([i.customUiKitElement(`ds-text-input`)],h),Object.defineProperty(exports,"DsTextInput",{enumerable:!0,get:function(){return h}});