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

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

@@ -0,0 +1,369 @@
+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 {
+        position: relative;
+    }
+    :host([data-ui-kit-theme='seat']) .container.primary {
+        --ui-kit-icon-color: var(--ds-dropdown-select-icon-color-placeholder-default);
+    }
+    :host([data-ui-kit-theme='seat']) .container.secondary {
+        --ui-kit-icon-color: var(--ds-dropdown-select-icon-color-placeholder-default);
+    }
+    :host([data-ui-kit-theme='seat']) .container.primary.disabled {
+        --ui-kit-icon-color: var(--ds-dropdown-select-icon-color-placeholder-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .container.secondary.disabled {
+        --ui-kit-icon-color: var(--ds-dropdown-select-icon-color-placeholder-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .container.readonly {
+        pointer-events: none;
+        --ui-kit-icon-color: var(--ds-dropdown-select-icon-color-placeholder-read-only);
+    }
+    :host([data-ui-kit-theme='seat']) .container.loading {
+        pointer-events: none;
+    }
+    :host([data-ui-kit-theme='seat']) .container.large {
+        --ui-kit-icon-width: 1.5rem;
+        --ui-kit-icon-height: 1.5rem;
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium {
+        --ui-kit-icon-width: 1.25rem;
+        --ui-kit-icon-height: 1.25rem;
+    }
+    :host([data-ui-kit-theme='seat']) .select-outline {
+        border-radius: var(--ds-border-radius-xxs);
+        outline-style: solid;
+        outline-width: var(--ds-border-width-l, 2px);
+        outline-offset: 0.125rem;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .select-outline:has(.select:focus-visible) {
+        outline-color: var(--ds-button-outline-color-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .select-container {
+        display: flex;
+        flex-direction: column;
+    }
+    :host([data-ui-kit-theme='seat']) .primary .select-container {
+        justify-content: center;
+        gap: var(--ds-spacing-s-3, 4px);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary .select-container {
+        gap: var(--ds-spacing-s-1, 0px);
+        border-radius: var(--ds-border-radius-xxs, 4px) var(--ds-border-radius-xxs, 4px)
+            var(--ds-border-radius-none, 0px) var(--ds-border-radius-none, 0px);
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-list-border-color-default, #aeaeb7);
+        background: var(--ds-dropdown-select-list-bg-color-default, rgba(195, 195, 203, 0.05));
+    }
+    :host([data-ui-kit-theme='seat']) .secondary .select-container:has(.select:hover) {
+        background: var(--ds-dropdown-select-list-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+    :host([data-ui-kit-theme='seat']) .secondary .select-container:has(.select:focus-visible) {
+        background: var(--ds-dropdown-select-list-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.filled .select-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-list-border-color-selected, #fafafa);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.open .select-container {
+        border-bottom: var(--ds-border-width-l, 2px) solid var(--ds-dropdown-select-list-border-color-pressed, #b2764d);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.invalid .select-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-list-border-color-error, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.error .select-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-list-border-color-error, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.disabled .select-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-list-border-color-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.large .select-container {
+        padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-1, 12px) var(--ds-spacing-s-1, 0px)
+            var(--ds-spacing-m-1, 12px);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.medium .select-container {
+        padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0px)
+            var(--ds-spacing-s-5, 8px);
+    }
+    :host([data-ui-kit-theme='seat']) .select {
+        transition: all 200ms ease-in-out;
+        outline: none;
+        display: flex;
+        box-sizing: border-box;
+        align-items: center;
+        justify-content: space-between;
+        flex: 1 1 auto;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.large .select {
+        height: var(--ds-sizing-48, 48px);
+        padding: var(--ds-spacing-m-1, 12px) var(--ds-spacing-m-2, 16px);
+        font: 400 var(--ds-typography-size-body-l, 16px) / var(--ds-typography-height-body-l, 24px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.medium .select {
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-1, 12px);
+        font: 400 var(--ds-typography-size-body-m, 14px) / var(--ds-typography-height-body-m, 20px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.large .select {
+        padding: var(--ds-spacing-m-1, 12px) 0;
+        font: 400 var(--ds-typography-size-body-l, 16px) / var(--ds-typography-height-body-l, 24px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.medium .select {
+        padding: var(--ds-spacing-s-5, 8px) 0;
+        font: 400 var(--ds-typography-size-body-m, 14px) / var(--ds-typography-height-body-m, 20px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .primary .select {
+        border-radius: var(--ds-border-radius-xs, 6px);
+        border: var(--ds-border-width-m, 1px) solid
+            var(--ds-dropdown-select-border-color-default, rgba(250, 250, 250, 0.3));
+        background: var(--ds-dropdown-select-bg-color-default);
+        -webkit-backdrop-filter: blur(var(--ds-elevation-blur-level-04));
+        backdrop-filter: blur(var(--ds-elevation-blur-level-04));
+        color: var(--ds-dropdown-select-text-color-input-default, #fafafa);
+    }
+    :host([data-ui-kit-theme='seat']) .primary .select:hover {
+        background: var(--ds-dropdown-select-bg-color-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .primary .select:focus-visible {
+        background: var(--ds-dropdown-select-bg-color-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.filled .select {
+        border: var(--ds-border-width-m, 1px) solid
+            var(--ds-dropdown-select-border-color-selected, rgba(250, 250, 250, 0.6));
+        background: var(--ds-dropdown-select-bg-color-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.invalid .select {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-border-color-error, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.error .select {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-border-color-error, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.disabled .select {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-border-color-disabled, #5a5c67);
+        background: var(--ds-dropdown-select-bg-color-disabled, #34353c);
+        -webkit-backdrop-filter: none;
+        backdrop-filter: none;
+        color: var(--ds-dropdown-select-text-color-placeholder-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.readonly .select {
+        border: var(--ds-border-width-m, 1px) solid
+            var(--ds-dropdown-select-border-color-default, rgba(250, 250, 250, 0.3));
+        background: var(--ds-dropdown-select-bg-color-default);
+        color: var(--ds-dropdown-select-text-color-placeholder-read-only, #d3d6d9);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.open .select {
+        background: var(--ds-dropdown-select-bg-color-pressed);
+        border: var(--ds-border-width-m, 1px) solid
+            var(--ds-dropdown-select-border-color-pressed, rgba(250, 250, 250, 0.6));
+    }
+    :host([data-ui-kit-theme='seat']) .secondary .select {
+        color: var(--ds-dropdown-select-text-color-input-default, #fafafa);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.disabled .select {
+        color: var(--ds-dropdown-select-text-color-placeholder-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.readonly .select-container {
+        background: var(--ds-dropdown-select-list-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-dropdown-select-list-border-color-default, #aeaeb7);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.readonly .select {
+        color: var(--ds-dropdown-select-text-color-placeholder-read-only, #d3d6d9);
+    }
+    :host([data-ui-kit-theme='seat']) .left-icon {
+        flex-shrink: 0;
+    }
+    :host([data-ui-kit-theme='seat']) .select-content {
+        flex: 1 1 auto;
+        box-sizing: border-box;
+        align-items: center;
+        gap: var(--ds-spacing-s-5, 8px);
+        display: flex;
+        overflow: hidden;
+    }
+
+    :host([data-ui-kit-theme='seat']) .select-content .text {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width: 100%;
+    }
+
+    :host([data-ui-kit-theme='seat']) .options-container {
+        display: none;
+        box-sizing: border-box;
+        margin-top: var(--ds-spacing-s-3, 4px);
+        width: 100%;
+        position: absolute;
+        z-index: var(--ds-z-index-default);
+        padding: var(--ds-spacing-s-5, 8px) 0;
+        flex-direction: column;
+        align-items: flex-start;
+        border-radius: var(--ds-border-radius-xs, 6px);
+        border-style: solid;
+        border-width: var(--ds-border-width-m, 1px);
+        border-color: var(--ds-color-border-default-subtle, rgba(9, 9, 11, 0.3));
+        background: var(--ds-color-surface-default-subtlest, #e8e8e8);
+        box-shadow: var(--ds-elevation-shadow-level-03);
+        max-height: 15rem;
+        overflow-y: auto;
+    }
+    :host([data-ui-kit-theme='seat']) .open .options-container {
+        display: flex;
+    }
+    :host([data-ui-kit-theme='seat']) .option {
+        display: flex;
+        width: 100%;
+        box-sizing: border-box;
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) var(--ds-spacing-s-5) var(--ds-spacing-m-2);
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-5);
+        color: var(--ds-dropdown-select-list-text-color-input-default, #fafafa);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border-bottom: 1px solid var(--ds-color-border-default, rgba(9, 9, 11, 0.1));
+    }
+    :host([data-ui-kit-theme='seat']) .large .option {
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .option {
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .option.selected {
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) var(--ds-spacing-s-5) calc(var(--ds-spacing-m-2) - 0.25rem);
+        background: var(--ds-dropdown-select-list-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-left: 4px solid var(--ds-color-surface-selected);
+    }
+    :host([data-ui-kit-theme='seat']) .option:last-child {
+        border-bottom: none;
+    }
+    :host([data-ui-kit-theme='seat']) .option:hover {
+        background: var(--ds-dropdown-select-list-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+    :host([data-ui-kit-theme='seat']) .option.keyboard-focused {
+        background: var(--ds-dropdown-select-list-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+    :host([data-ui-kit-theme='seat']) .primary.large .label {
+        padding: var(--ds-spacing-s-3, 4px) 0 0 var(--ds-spacing-m-2, 16px);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.medium .label {
+        padding: var(--ds-spacing-s-3, 4px) 0 0 var(--ds-spacing-m-1, 12px);
+        font: 350 var(--ds-typography-size-body-s, 12px) / var(--ds-typography-height-body-s, 16px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .label {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .primary .label {
+        color: var(--ds-dropdown-select-text-color-label-default, #c3c3cb);
+        font: 350 var(--ds-typography-size-body-m, 14px) / var(--ds-typography-height-body-m, 20px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary .label {
+        color: var(--ds-dropdown-select-text-color-label-default, #c3c3cb);
+        font: 350 var(--ds-typography-size-body-m, 14px) / var(--ds-typography-height-body-m, 20px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.medium .label {
+        font: 350 var(--ds-typography-size-body-s, 12px) / var(--ds-typography-height-body-s, 16px)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.large.disabled .label {
+        color: var(--ds-dropdown-select-text-color-label-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.medium.disabled .label {
+        color: var(--ds-dropdown-select-text-color-label-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.disabled .label {
+        color: var(--ds-dropdown-select-text-color-label-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .primary.readonly .label {
+        color: var(--ds-dropdown-select-text-color-label-default, #c3c3cb);
+    }
+    :host([data-ui-kit-theme='seat']) .secondary.readonly .label {
+        color: var(--ds-dropdown-select-text-color-label-default, #c3c3cb);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='helper-text']) {
+        margin-top: var(--ds-spacing-s-3, 4px);
+        padding: 0 var(--ds-spacing-s-5, 8px);
+        color: var(--ds-dropdown-select-text-color-caption-default, #c3c3cb);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted([slot='helper-text']) {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+        padding-left: var(--ds-spacing-m-1, 12px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted([slot='helper-text']) {
+        font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='readonly-text']) {
+        display: none;
+        margin-top: var(--ds-spacing-s-3, 4px);
+        padding: 0 var(--ds-spacing-s-5, 8px);
+        color: var(--ds-dropdown-select-text-color-caption-default, #c3c3cb);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted([slot='readonly-text']) {
+        display: block;
+    }
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted([slot='helper-text']),
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted([slot='forced-error']),
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted([slot='invalid-error']) {
+        display: none;
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted([slot='readonly-text']) {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+        padding-left: var(--ds-spacing-m-1, 12px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted([slot='readonly-text']) {
+        font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='forced-error']) {
+        margin-top: var(--ds-spacing-s-3, 4px);
+        padding: 0 var(--ds-spacing-s-5, 8px);
+        color: var(--ds-dropdown-select-text-color-caption-error, #ff403d);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted([slot='forced-error']) {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+        padding-left: var(--ds-spacing-m-1, 12px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted([slot='forced-error']) {
+        font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .error ::slotted([slot='invalid-error']) {
+        display: none;
+    }
+    :host([data-ui-kit-theme='seat']) .container:not(.invalid) ::slotted([slot='invalid-error']) {
+        display: none;
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='invalid-error']) {
+        margin-top: var(--ds-spacing-s-3, 4px);
+        padding: 0 var(--ds-spacing-s-5, 8px);
+        color: var(--ds-dropdown-select-text-color-caption-error, #ff403d);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted([slot='invalid-error']) {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+        padding-left: var(--ds-spacing-m-1, 12px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted([slot='invalid-error']) {
+        font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-selection/ds-selection.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");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),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 r.UiKitElement{get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" size="40" icon-name=${this.checked?`check`:`plus`}></ds-icon>`}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}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");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),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"),u=require("./styles/cupra.styles.cjs");var d=class extends r.UiKitElement{get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" size="40" icon-name=${this.checked?`check`:`plus`}></ds-icon>`}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){return e.html`
             <span
                 data-testid="ds-selection-container"
                 class=${s.classMap(this.classes)}
@@ -9,4 +9,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             >
                 ${this.iconTemplate}
             </span>
-        `}},d=(u.styles=[l.commonStyles],u);n.default([t.property({type:Boolean,converter:a.booleanConverter})],d.prototype,`checked`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),d=n.default([i.customUiKitElement(`ds-selection`)],d),Object.defineProperty(exports,"DsSelection",{enumerable:!0,get:function(){return d}});
+        `}},f=(d.styles=[l.commonStyles,u.cupraStyles],d);n.default([t.property({type:Boolean,converter:a.booleanConverter})],f.prototype,`checked`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],f.prototype,`dataAriaLabel`,void 0),f=n.default([i.customUiKitElement(`ds-selection`)],f),Object.defineProperty(exports,"DsSelection",{enumerable:!0,get:function(){return f}});

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

@@ -0,0 +1,11 @@
+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']) .icon {
+        border-radius: 100%;
+        outline: 0.0625rem solid var(--ds-color-black);
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .checked .icon {
+        --ui-kit-icon-color: var(--ds-color-white);
+        --ui-kit-icon-background-color: var(--ds-color-black);
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-sidebar-navigation/ds-sidebar-navigation.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../utils/scrollLock.cjs"),u=require("./styles/common.styles.cjs");var d=class extends i.UiKitElement{constructor(...e){super(...e),this.open=!1,this.scrollLocked=!1,this.toggleModal=()=>{this.open=!this.open,this.open?this.dispatchEvent(new Event(`ds-sidebar-navigation:open`,{bubbles:!0,composed:!0})):this.dispatchEvent(new Event(`ds-sidebar-navigation:close`,{bubbles:!0,composed:!0}))},this.handleModalClick=e=>{e.target===e.currentTarget&&this.toggleModal()},this.handleSlotChange=e=>{let t=e.target.assignedElements().find(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`));this.setMainCtaSize(t)},this.handleCtasSlotChange=e=>{e.target.assignedElements().filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))},this.setMainCtaSize=e=>{e&&this.setButtonSize(e)},this.setButtonSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}firstUpdated(e){var t,n;super.firstUpdated(e);let r=(t=this.mainCtas)==null?void 0:t.find(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`));r&&this.setMainCtaSize(r),(n=this.ctasButtons)==null||n.filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))}updated(e){super.updated(e),e.has(`open`)&&(this.open?(l.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1)}modalButtonTemplate(){return s.uiKitHtml`<ds-icon-button
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../utils/scrollLock.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 i.UiKitElement{constructor(...e){super(...e),this.open=!1,this.scrollLocked=!1,this.toggleModal=()=>{this.open=!this.open,this.open?this.dispatchEvent(new Event(`ds-sidebar-navigation:open`,{bubbles:!0,composed:!0})):this.dispatchEvent(new Event(`ds-sidebar-navigation:close`,{bubbles:!0,composed:!0}))},this.handleModalClick=e=>{e.target===e.currentTarget&&this.toggleModal()},this.handleSlotChange=e=>{let t=e.target.assignedElements().find(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`));this.setMainCtaSize(t)},this.handleCtasSlotChange=e=>{e.target.assignedElements().filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))},this.setMainCtaSize=e=>{e&&this.setButtonSize(e)},this.setButtonSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}firstUpdated(e){var t,n;super.firstUpdated(e);let r=(t=this.mainCtas)==null?void 0:t.find(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`));r&&this.setMainCtaSize(r),(n=this.ctasButtons)==null||n.filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))}updated(e){super.updated(e),e.has(`open`)&&(this.open?(l.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1)}modalButtonTemplate(){return s.uiKitHtml`<ds-icon-button
             class="modal-button"
             icon-name=${this.open?`cross`:`triple-dot-v`}
             @click=${this.toggleModal}
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="ctas" @slotchange=${this.handleCtasSlotChange}></slot>
                 </div>
             </div>
-        `}},f=(d.styles=[u.commonStyles],d);r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`open`,void 0),r.default([n.queryAssignedElements({slot:`main-cta`,flatten:!0})],f.prototype,`mainCtas`,void 0),r.default([n.queryAssignedElements({slot:`ctas`,flatten:!0})],f.prototype,`ctasButtons`,void 0),f=r.default([a.customUiKitElement(`ds-sidebar-navigation`)],f),Object.defineProperty(exports,"DsSidebarNavigation",{enumerable:!0,get:function(){return f}});
+        `}},h=(m.styles=[u.commonStyles,d.cupraDiagonalStyles,p.seatStyles,f.seatLegacyStyles],m);r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`open`,void 0),r.default([n.queryAssignedElements({slot:`main-cta`,flatten:!0})],h.prototype,`mainCtas`,void 0),r.default([n.queryAssignedElements({slot:`ctas`,flatten:!0})],h.prototype,`ctasButtons`,void 0),h=r.default([a.customUiKitElement(`ds-sidebar-navigation`)],h),Object.defineProperty(exports,"DsSidebarNavigation",{enumerable:!0,get:function(){return h}});