@cupra/ui-kit 2.0.0-canary.237 → 2.0.0-canary.239

package/dist-react/types/utils/observeScroll/observeScroll.d.ts

@@ -3,5 +3,7 @@ export type ScrollState = {
     bottom: boolean;
     left: boolean;
     right: boolean;
+    start: boolean;
+    end: boolean;
 };
 export declare function observeScroll(element: HTMLElement, callback: (state: ScrollState) => void): () => void;

package/dist-react/types/utils/resolveLang/resolveLang.d.ts

@@ -0,0 +1 @@
+export declare function resolveLang(element: Element, fallback?: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.237",
+  "version": "2.0.0-canary.239",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -176,6 +176,7 @@
     "test:visual:update": "docker build -f $(git rev-parse --show-toplevel)/Dockerfile.visual.update -t ds-visual-tests-update $(git rev-parse --show-toplevel) && docker run --rm -v $(git rev-parse --show-toplevel):/app ds-visual-tests-update && pnpm install --force",
     "test:visual:check": "docker build -f $(git rev-parse --show-toplevel)/Dockerfile.visual.check -t ds-visual-tests-check $(git rev-parse --show-toplevel) && docker run --rm -v $(git rev-parse --show-toplevel):/app ds-visual-tests-check && pnpm install --force",
     "validate:icons": "node scripts/validate-icons/validate-icons.js",
+    "lint:logical-css": "node scripts/check-logical-css/check-logical-css.js",
     "generate-licenses": "generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci"
   }
 }

package/dist/cjs/components/ds-date-picker/styles/cupra-diagonal.styles.cjs

@@ -1,202 +0,0 @@
-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']):has(.disabled),
-    :host([data-ui-kit-theme='cupra-diagonal']):has(.readonly) {
-        pointer-events: none;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .container {
-        position: relative;
-        border-radius: var(--ds-border-radius-xxs, 4px);
-        display: flex;
-        width: 100%;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: var(--ds-spacing-s-3);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .container.focus-visible {
-        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
-        outline-offset: 0.125rem;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label) {
-        color: var(--ds-field-text-color-label-default, #c3c3cb);
-        font-family: var(--ds-typography-family-primary);
-        font-style: normal;
-        font-weight: 350;
-        letter-spacing: var(--ds-typography-letter-spacing-m);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(label) {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-m);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(label) {
-        font-size: var(--ds-typography-size-body-s);
-        line-height: var(--ds-typography-height-body-s);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .disabled ::slotted(label) {
-        color: var(--ds-field-text-color-label-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(label) {
-        color: var(--ds-field-text-color-label-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input) {
-        width: 100%;
-        box-sizing: border-box;
-        flex: 1 0 0;
-        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
-        color-scheme: dark;
-        font-family: var(--ds-typography-family-primary);
-        font-style: normal;
-        font-weight: 400;
-        letter-spacing: var(--ds-typography-letter-spacing-m);
-        border: none;
-        outline: none;
-        background: transparent;
-        cursor: text;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .focus:not(.filled) ::slotted(input) {
-        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .filled ::slotted(input) {
-        color: var(--ds-field-text-color-input-default, #fafafa);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input:disabled) {
-        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(input) {
-        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(input) {
-        font-size: var(--ds-typography-size-body-l);
-        line-height: var(--ds-typography-height-body-l);
-        height: var(--ds-sizing-48, 48px);
-        padding: var(--ds-spacing-m-1) 0;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(input) {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-m);
-        height: var(--ds-sizing-40, 40px);
-        padding: var(--ds-spacing-s-5) 0;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .input-container {
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-end;
-        width: 100%;
-        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
-            var(--ds-border-radius-none);
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .medium .input-container {
-        padding-left: var(--ds-spacing-s-5);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .input-container > div {
-        flex: 1 1 auto;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .input-container:hover,
-    :host([data-ui-kit-theme='cupra-diagonal']) .focus-visible .input-container {
-        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .focus:not(.focus-visible) .input-container {
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .filled .input-container {
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .container.error .input-container,
-    :host([data-ui-kit-theme='cupra-diagonal']) .container.invalid .input-container {
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .input-container,
-    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.error .input-container,
-    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.invalid .input-container {
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .input-container {
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .footer {
-        box-sizing: border-box;
-        display: flex;
-        align-items: flex-start;
-        align-self: stretch;
-        gap: var(--ds-spacing-s-5, 8px);
-        overflow: hidden;
-        color: var(--ds-field-text-color-caption-default, #c3c3cb);
-        text-overflow: ellipsis;
-        font-family: var(--ds-typography-family-primary);
-        font-style: normal;
-        font-weight: 350;
-        letter-spacing: var(--ds-typography-letter-spacing-m);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .large .footer {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-m);
-        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
-            var(--ds-spacing-m-1, 12px);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .medium .footer {
-        font-size: var(--ds-typography-size-body-s);
-        line-height: var(--ds-typography-height-body-s);
-        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .support-text {
-        flex: 1 1 auto;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .helper-text,
-    :host([data-ui-kit-theme='cupra-diagonal']) .readonly-text {
-        color: var(--ds-field-text-color-caption-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .error-text {
-        color: var(--ds-field-text-color-caption-error, #ff403d);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .support-text {
-        color: var(--ds-field-text-color-caption-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .support-text {
-        color: var(--ds-field-text-color-caption-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .calendar-dropdown {
-        position: absolute;
-        top: 100%;
-        left: 0;
-        z-index: 10;
-        margin-top: var(--ds-spacing-s-3, 4px);
-    }
-`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-date-picker/styles/seat.styles.cjs

@@ -1,201 +0,0 @@
-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']):has(.disabled),
-    :host([data-ui-kit-theme='seat']):has(.readonly) {
-        pointer-events: none;
-    }
-
-    :host([data-ui-kit-theme='seat']) .container {
-        position: relative;
-        border-radius: var(--ds-border-radius-xxs, 4px);
-        display: flex;
-        width: 100%;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: var(--ds-spacing-s-3);
-    }
-
-    :host([data-ui-kit-theme='seat']) .container.focus-visible {
-        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
-        outline-offset: 0.125rem;
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted(label) {
-        color: var(--ds-field-text-color-label-default, #c3c3cb);
-        font-family: var(--ds-typography-family-primary);
-        font-style: normal;
-        font-weight: 350;
-        letter-spacing: var(--ds-typography-letter-spacing-m);
-    }
-
-    :host([data-ui-kit-theme='seat']) .large ::slotted(label) {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-m);
-    }
-
-    :host([data-ui-kit-theme='seat']) .medium ::slotted(label) {
-        font-size: var(--ds-typography-size-body-s);
-        line-height: var(--ds-typography-height-body-s);
-    }
-
-    :host([data-ui-kit-theme='seat']) .disabled ::slotted(label) {
-        color: var(--ds-field-text-color-label-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='seat']) .readonly ::slotted(label) {
-        color: var(--ds-field-text-color-label-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted(input) {
-        width: 100%;
-        box-sizing: border-box;
-        flex: 1 0 0;
-        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
-        font-family: var(--ds-typography-family-primary);
-        font-style: normal;
-        font-weight: 400;
-        letter-spacing: var(--ds-typography-letter-spacing-m);
-        border: none;
-        outline: none;
-        background: transparent;
-        cursor: text;
-    }
-
-    :host([data-ui-kit-theme='seat']) .focus:not(.filled) ::slotted(input) {
-        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='seat']) .filled ::slotted(input) {
-        color: var(--ds-field-text-color-input-default, #fafafa);
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted(input:disabled) {
-        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='seat']) .readonly ::slotted(input) {
-        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='seat']) .large ::slotted(input) {
-        font-size: var(--ds-typography-size-body-l);
-        line-height: var(--ds-typography-height-body-l);
-        height: var(--ds-sizing-48, 48px);
-        padding: var(--ds-spacing-m-1) 0;
-    }
-
-    :host([data-ui-kit-theme='seat']) .medium ::slotted(input) {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-m);
-        height: var(--ds-sizing-40, 40px);
-        padding: var(--ds-spacing-s-5) 0;
-    }
-
-    :host([data-ui-kit-theme='seat']) .input-container {
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-end;
-        width: 100%;
-        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
-            var(--ds-border-radius-none);
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
-    }
-
-    :host([data-ui-kit-theme='seat']) .medium .input-container {
-        padding-left: var(--ds-spacing-s-5);
-    }
-
-    :host([data-ui-kit-theme='seat']) .input-container > div {
-        flex: 1 1 auto;
-    }
-
-    :host([data-ui-kit-theme='seat']) .input-container:hover,
-    :host([data-ui-kit-theme='seat']) .focus-visible .input-container {
-        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
-    }
-
-    :host([data-ui-kit-theme='seat']) .focus:not(.focus-visible) .input-container {
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
-    }
-
-    :host([data-ui-kit-theme='seat']) .filled .input-container {
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
-    }
-
-    :host([data-ui-kit-theme='seat']) .container.error .input-container,
-    :host([data-ui-kit-theme='seat']) .container.invalid .input-container {
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
-    }
-
-    :host([data-ui-kit-theme='seat']) .disabled .input-container,
-    :host([data-ui-kit-theme='seat']) .disabled.error .input-container,
-    :host([data-ui-kit-theme='seat']) .disabled.invalid .input-container {
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='seat']) .readonly .input-container {
-        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
-    }
-
-    :host([data-ui-kit-theme='seat']) .footer {
-        box-sizing: border-box;
-        display: flex;
-        align-items: flex-start;
-        align-self: stretch;
-        gap: var(--ds-spacing-s-5, 8px);
-        overflow: hidden;
-        color: var(--ds-field-text-color-caption-default, #c3c3cb);
-        text-overflow: ellipsis;
-        font-family: var(--ds-typography-family-primary);
-        font-style: normal;
-        font-weight: 350;
-        letter-spacing: var(--ds-typography-letter-spacing-m);
-    }
-
-    :host([data-ui-kit-theme='seat']) .large .footer {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-m);
-        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
-            var(--ds-spacing-m-1, 12px);
-    }
-
-    :host([data-ui-kit-theme='seat']) .medium .footer {
-        font-size: var(--ds-typography-size-body-s);
-        line-height: var(--ds-typography-height-body-s);
-        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
-    }
-
-    :host([data-ui-kit-theme='seat']) .support-text {
-        flex: 1 1 auto;
-    }
-
-    :host([data-ui-kit-theme='seat']) .helper-text,
-    :host([data-ui-kit-theme='seat']) .readonly-text {
-        color: var(--ds-field-text-color-caption-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='seat']) .error-text {
-        color: var(--ds-field-text-color-caption-error, #ff403d);
-    }
-
-    :host([data-ui-kit-theme='seat']) .disabled .support-text {
-        color: var(--ds-field-text-color-caption-disabled, #5a5c67);
-    }
-
-    :host([data-ui-kit-theme='seat']) .readonly .support-text {
-        color: var(--ds-field-text-color-caption-default, #c3c3cb);
-    }
-
-    :host([data-ui-kit-theme='seat']) .calendar-dropdown {
-        position: absolute;
-        top: 100%;
-        left: 0;
-        z-index: 10;
-        margin-top: var(--ds-spacing-s-3, 4px);
-    }
-`;exports.seatStyles=t;

package/dist/cjs/components/ds-list-item/styles/cupra-diagonal.styles.cjs

@@ -1,118 +0,0 @@
-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']) .content {
-        display: flex;
-        align-items: center;
-        padding: var(--ds-sizing-08) 0;
-        font-family: var(--ds-typography-family-primary);
-        font-weight: 400;
-        gap: var(--ds-sizing-08);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .container {
-        display: flex;
-        gap: var(--ds-sizing-08);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .container-text {
-        padding-right: var(--ds-sizing-24);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .content.info-variant,
-    :host([data-ui-kit-theme='cupra-diagonal']) .content.action-variant {
-        padding: var(--ds-sizing-08);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='input-left']),
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='input-right']) {
-        width: unset;
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']) {
-        color: var(--ds-color-neutral-10);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']) {
-        color: var(--ds-color-neutral-60);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']) {
-        padding-top: var(--ds-sizing-08);
-    }
-
-    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-square']) {
-        width: var(--ds-sizing-48);
-        height: var(--ds-sizing-48);
-    }
-
-    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-square']) {
-        width: var(--ds-sizing-32);
-        height: var(--ds-sizing-32);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
-        -o-object-fit: cover;
-        object-fit: cover;
-    }
-
-    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
-        width: var(--ds-sizing-96);
-        height: var(--ds-sizing-48);
-    }
-
-    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='image-wide']) {
-        width: var(--ds-sizing-64);
-        height: var(--ds-sizing-32);
-    }
-
-    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
-    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
-    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
-    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
-    :host([size='medium'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-xs);
-    }
-
-    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
-    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
-    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
-    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
-    :host([size='large'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
-        font-size: var(--ds-typography-size-body-l);
-        line-height: var(--ds-typography-height-body-s);
-    }
-
-    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-text']),
-    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='secondary-text']),
-    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='description-text']),
-    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='primary-subtext']),
-    :host([size='small'][data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='aside']) {
-        font-size: var(--ds-typography-size-body-s);
-        line-height: var(--ds-typography-height-body-xs);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .content:hover {
-        background: var(--ds-color-control-bg-hover);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .content:active {
-        background: var(--ds-color-control-bg-pressed);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .content:focus-visible {
-        outline: var(--ds-border-width-l) solid var(--ds-color-border-focus-ring);
-        background-color: var(--ds-color-control-bg-hover);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .selected {
-        background: var(--ds-color-control-bg-default);
-        border-left: var(--ds-sizing-04) solid var(--ds-color-border-selected);
-    }
-
-    :host([data-ui-kit-theme='cupra-diagonal']) .disabled {
-        opacity: 0.25;
-        pointer-events: none;
-    }
-`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-list-item/styles/seat.styles.cjs

@@ -1,118 +0,0 @@
-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']) .content {
-        display: flex;
-        align-items: center;
-        padding: var(--ds-sizing-08) 0;
-        font-family: var(--ds-typography-family-primary);
-        font-weight: 400;
-        gap: var(--ds-sizing-08);
-    }
-
-    :host([data-ui-kit-theme='seat']) .container {
-        display: flex;
-        gap: var(--ds-sizing-08);
-    }
-
-    :host([data-ui-kit-theme='seat']) .container-text {
-        padding-right: var(--ds-sizing-24);
-    }
-
-    :host([data-ui-kit-theme='seat']) .content.info-variant,
-    :host([data-ui-kit-theme='seat']) .content.action-variant {
-        padding: var(--ds-sizing-08);
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='input-left']),
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='input-right']) {
-        width: unset;
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='primary-text']) {
-        color: var(--ds-color-text-default-subtlest, #484848);
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='description-text']) {
-        color: var(--ds-color-text-default-subtle, #565656);
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='description-text']) {
-        padding-top: var(--ds-sizing-08);
-    }
-
-    :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='image-square']) {
-        width: var(--ds-sizing-48);
-        height: var(--ds-sizing-48);
-    }
-
-    :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='image-square']) {
-        width: var(--ds-sizing-32);
-        height: var(--ds-sizing-32);
-    }
-
-    :host([data-ui-kit-theme='seat']) ::slotted([slot='image-wide']) {
-        -o-object-fit: cover;
-        object-fit: cover;
-    }
-
-    :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='image-wide']) {
-        width: var(--ds-sizing-96);
-        height: var(--ds-sizing-48);
-    }
-
-    :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='image-wide']) {
-        width: var(--ds-sizing-64);
-        height: var(--ds-sizing-32);
-    }
-
-    :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='primary-text']),
-    :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
-    :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='description-text']),
-    :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
-    :host([size='medium'][data-ui-kit-theme='seat']) ::slotted([slot='aside']) {
-        font-size: var(--ds-typography-size-body-m);
-        line-height: var(--ds-typography-height-body-xs);
-    }
-
-    :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='primary-text']),
-    :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
-    :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='description-text']),
-    :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
-    :host([size='large'][data-ui-kit-theme='seat']) ::slotted([slot='aside']) {
-        font-size: var(--ds-typography-size-body-l);
-        line-height: var(--ds-typography-height-body-s);
-    }
-
-    :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='primary-text']),
-    :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='secondary-text']),
-    :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='description-text']),
-    :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='primary-subtext']),
-    :host([size='small'][data-ui-kit-theme='seat']) ::slotted([slot='aside']) {
-        font-size: var(--ds-typography-size-body-s);
-        line-height: var(--ds-typography-height-body-xs);
-    }
-
-    :host([data-ui-kit-theme='seat']) .content:hover {
-        background: var(--ds-color-control-bg-hover);
-    }
-
-    :host([data-ui-kit-theme='seat']) .content:active {
-        background: var(--ds-color-control-bg-pressed);
-    }
-
-    :host([data-ui-kit-theme='seat']) .content:focus-visible {
-        outline: var(--ds-border-width-l) solid var(--ds-color-border-focus-ring);
-        background-color: var(--ds-color-control-bg-hover);
-    }
-
-    :host([data-ui-kit-theme='seat']) .selected {
-        background: var(--ds-color-control-bg-default);
-        border-left: var(--ds-sizing-04) solid var(--ds-color-border-selected);
-    }
-
-    :host([data-ui-kit-theme='seat']) .disabled {
-        opacity: 0.25;
-        pointer-events: none;
-    }
-`;exports.seatStyles=t;