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

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

@@ -0,0 +1,86 @@
+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']) .light nav {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark nav {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) nav {
+        border-radius: 0;
+        background-color: transparent;
+        gap: 1.5rem;
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab']) {
+        padding: 0.25rem 1rem;
+        letter-spacing: 0px;
+        border-radius: 0px;
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra']) .large ::slotted([slot='tab']) {
+        font: var(--ds-font-cupra-light-30-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .small ::slotted([slot='tab']) {
+        font: var(--ds-font-cupra-light-20-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .light ::slotted([slot='tab']) {
+        color: var(--ds-color-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark ::slotted([slot='tab']) {
+        color: var(--ds-color-off-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .light ::slotted([slot='tab'][selected]) {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark ::slotted([slot='tab'][selected]) {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .light ::slotted([slot='tab']:hover) {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark ::slotted([slot='tab']:hover) {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .light ::slotted([slot='tab']:focus-visible) {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark ::slotted([slot='tab']:focus-visible) {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab'][selected]) {
+        background-color: transparent;
+        -webkit-text-stroke-width: 0.05625rem;
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab']:hover) {
+        background-color: transparent;
+        -webkit-text-stroke-width: 0.05625rem;
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab']:focus-visible) {
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab'])::after {
+        border-bottom-style: solid;
+        border-bottom-width: 1px;
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab'][selected])::after {
+        transform: scaleX(1);
+    }
+    :host([data-ui-kit-theme='cupra']) .nav-arrow {
+        display: block;
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab']):after {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        height: 0.0625rem;
+        width: 100%;
+        display: block;
+        content: '';
+        transform: scaleX(0);
+        transition: transform 200ms ease-in-out;
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted([slot='tab'][selected]):after {
+        transition: transform 200ms ease-in-out;
+    }
+`;exports.cupraStyles=t;

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

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

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

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

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

@@ -1,7 +1,7 @@
-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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var f=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}get classes(){return{container:!0,[this.variant||this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;let e=new CustomEvent(`clickicon`,{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class=${c.classMap(this.iconClasses)} icon-name=${l.ifDefined(this.iconName)} size="16" @click=${this.handleClickIcon}></ds-icon>`:e.nothing}render(){return this.show?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("../../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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/cupra.styles.cjs"),m=require("./styles/seat-legacy.styles.cjs"),h=require("./styles/seat.styles.cjs");var g=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}get classes(){return{container:!0,[this.variant||this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;let e=new CustomEvent(`clickicon`,{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class=${c.classMap(this.iconClasses)} icon-name=${l.ifDefined(this.iconName)} size="16" @click=${this.handleClickIcon}></ds-icon>`:e.nothing}render(){return this.show?e.html`
                 <div class=${c.classMap(this.classes)}>
                     ${u.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                     <slot></slot>
                     ${u.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
                 </div>
-            `:e.nothing}},p=(f.styles=[d.commonStyles,d.iconStyles],f);r.default([t.property({type:Boolean,converter:o.booleanConverter})],p.prototype,`show`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],p.prototype,`clickableIcon`,void 0),r.default([t.property({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),r.default([t.property({type:String,attribute:`icon-position`})],p.prototype,`iconPosition`,void 0),r.default([t.property({type:String,attribute:`color`})],p.prototype,`color`,void 0),r.default([t.property({type:String,attribute:`variant`})],p.prototype,`variant`,void 0),r.default([n.state()],p.prototype,`onClickHandler`,void 0),p=r.default([a.customUiKitElement(`ds-tag`)],p),Object.defineProperty(exports,"DsTag",{enumerable:!0,get:function(){return p}});
+            `:e.nothing}},_=(g.styles=[d.commonStyles,d.iconStyles,f.cupraDiagonalStyles,h.seatStyles,p.cupraStyles,m.seatLegacyStyles],g);r.default([t.property({type:Boolean,converter:o.booleanConverter})],_.prototype,`show`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],_.prototype,`clickableIcon`,void 0),r.default([t.property({type:String,attribute:`icon-name`})],_.prototype,`iconName`,void 0),r.default([t.property({type:String,attribute:`icon-position`})],_.prototype,`iconPosition`,void 0),r.default([t.property({type:String,attribute:`color`})],_.prototype,`color`,void 0),r.default([t.property({type:String,attribute:`variant`})],_.prototype,`variant`,void 0),r.default([n.state()],_.prototype,`onClickHandler`,void 0),_=r.default([a.customUiKitElement(`ds-tag`)],_),Object.defineProperty(exports,"DsTag",{enumerable:!0,get:function(){return _}});

package/dist/cjs/components/ds-tag/styles/cupra-diagonal.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='cupra-diagonal']) .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='cupra-diagonal']) .container.moonlate,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .container.white,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .container.copper,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .container.rio-green,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .container.electric,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .container.yellow,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .container.red,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .container.green,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .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='cupra-diagonal']) .container.black,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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.cupraDiagonalStyles=t;

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

@@ -0,0 +1,43 @@
+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 {
+        padding: 0.25rem 0.5rem;
+        border-radius: 2px;
+        gap: 0.25rem;
+        font: var(--ds-font-cupra-light-20-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.black {
+        background-color: var(--ds-color-black);
+        color: var(--ds-color-white);
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.petrol {
+        background-color: var(--ds-color-petrol-100);
+        color: var(--ds-color-white);
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.copper {
+        background-color: var(--ds-color-copper-100);
+        color: var(--ds-color-white);
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.grey {
+        background-color: var(--ds-color-dark-grey);
+        color: var(--ds-color-white);
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.white {
+        background-color: var(--ds-color-white);
+        color: var(--ds-color-black);
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.desert {
+        background-color: var(--ds-color-desert-sand-100);
+        color: var(--ds-color-black);
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.orange {
+        background-color: var(--ds-color-orange-50);
+        color: var(--ds-color-black);
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+`;exports.cupraStyles=t;

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

@@ -0,0 +1,21 @@
+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 {
+        padding: var(--dg-spacing-s-3) var(--dg-spacing-s-5);
+        border-radius: var(--dg-border-radius-02);
+        gap: var(--dg-spacing-s-3);
+        font: 500 var(--dg-font-size-body-s) / var(--dg-font-height-body-s) var(--dg-font-family-base);
+        color: var(--dg-color-text-strong);
+        --ui-kit-icon-color: var(--dg-color-text-strong);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.moonlate {
+        background-color: var(--dg-tag-bg-color-moonslate);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.white {
+        background-color: var(--dg-tag-bg-color-white);
+        color: var(--dg-color-text-inverted);
+        --ui-kit-icon-color: var(--dg-color-text-inverted);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.copper {
+        background-color: var(--dg-tag-bg-color-copper);
+    }
+`;exports.seatLegacyStyles=t;