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

package/dist/esm/components/ds-checkbox/styles/cupra-diagonal.styles.js

@@ -0,0 +1,185 @@
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+//#region src/components/ds-checkbox/styles/cupra-diagonal.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        padding: var(--ds-spacing-s-2) var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:not(.disabled):active {
+        background-color: var(--ds-checkbox-bg-color-pressed);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text-container {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .text-container {
+        margin: var(--ds-spacing-s-3) 0 0 0;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .text-container {
+        margin: var(--ds-spacing-s-2) 0 0 0;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .checkmark-container {
+        pointer-events: none;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        background-color: transparent;
+        border-radius: var(--ds-border-radius-s);
+        outline-style: solid;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .checkmark-container {
+        width: var(--ds-sizing-32);
+        height: var(--ds-sizing-32);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .checkmark-container {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) :hover .checkmark-container {
+        background-color: var(--ds-checkbox-bg-color-hover);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .checkmark-container:has(input:focus-visible) {
+        background-color: var(--ds-checkbox-bg-color-focus);
+        outline-offset: 0;
+        outline-color: var(--ds-color-border-focus-ring);
+        outline-width: 0.125rem;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) label:active .checkmark-container {
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .checkmark {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .checkmark {
+        width: var(--ds-sizing-16);
+        height: var(--ds-sizing-16);
+        border-radius: var(--ds-border-radius-xxs);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .checkmark {
+        border-width: 1px;
+        border-color: var(--ds-checkbox-border-color-default);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-selected);
+        border-color: var(--ds-checkbox-border-color-selected);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .error.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-error);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) :has(input:invalid) .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .error .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .checkmark {
+        border-color: var(--ds-checkbox-border-color-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) label {
+        display: flex;
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .right label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-active);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .icon {
+        --ui-kit-icon-height: 1rem;
+        --ui-kit-icon-width: 1rem;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .icon {
+        --ui-kit-icon-height: 0.75rem;
+        --ui-kit-icon-width: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.625rem;
+        color: var(--ds-checkbox-text-color-label-default);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .text {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .text {
+        color: var(--ds-checkbox-text-color-label-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .text {
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .helper-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-caption-default);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .helper-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .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='cupra-diagonal']) .large .helper-text {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .info-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-secondary-default);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .info-text {
+        color: var(--ds-checkbox-text-color-secondary-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .info-text {
+        font: 400 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .info-text {
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .error-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-caption-error);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .error-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .error-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='cupra-diagonal']) .large .error-text {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+`;
+//#endregion
+export { t as cupraDiagonalStyles };

package/dist/esm/components/ds-checkbox/styles/cupra.styles.js

@@ -0,0 +1,79 @@
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+//#region src/components/ds-checkbox/styles/cupra.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra']) .disabled label {
+        opacity: 0.4;
+    }
+    :host([data-ui-kit-theme='cupra']) label {
+        gap: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .medium label {
+        font: var(--ds-font-cupra-light-30-paragraph);
+    }
+    :host([data-ui-kit-theme='cupra']) .small label {
+        font: var(--ds-font-cupra-light-20-paragraph);
+    }
+    :host([data-ui-kit-theme='cupra']) .light label {
+        color: var(--ds-color-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark label {
+        color: var(--ds-color-off-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .medium .checkmark-container {
+        margin: 0.125rem 0 0 0;
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark {
+        width: 1.25rem;
+        height: 1.25rem;
+        border-width: 1px;
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.light .checkmark {
+        background-color: var(--ds-color-black);
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.dark .checkmark {
+        background-color: var(--ds-color-white);
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.light {
+        border-color: var(--ds-color-dark-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.dark {
+        border-color: var(--ds-color-medium-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.checked.light {
+        border-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.checked.dark {
+        border-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.error.light {
+        border-color: #b50303;
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.error.dark {
+        border-color: #ec8b8b;
+    }
+    :host([data-ui-kit-theme='cupra']) .light .error-text {
+        color: #b50303;
+    }
+    :host([data-ui-kit-theme='cupra']) .dark .error-text {
+        color: #ec8b8b;
+    }
+    :host([data-ui-kit-theme='cupra']) .error-text {
+        margin-top: 0.25rem;
+        font: var(--ds-font-cupra-light-10);
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.light .icon {
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.dark .icon {
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+`;
+//#endregion
+export { t as cupraStyles };

package/dist/esm/components/ds-checkbox/styles/seat-legacy.styles.js

@@ -0,0 +1,88 @@
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+//#region src/components/ds-checkbox/styles/seat-legacy.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat-legacy']) .disabled label {
+        opacity: 0.6;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) label {
+        gap: 0.75rem;
+        justify-content: flex-start;
+        align-items: center;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium label {
+        font: var(--dg-font-body-m-regular-weight) var(--dg-font-body-m-regular-size) /
+            var(--dg-font-body-m-regular-line-height) var(--dg-font-body-m-regular-family);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .small label {
+        font: var(--dg-font-body-s-regular-weight) var(--dg-font-body-s-regular-size) /
+            var(--dg-font-body-s-regular-line-height) var(--dg-font-body-s-regular-family);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .light label {
+        color: var(--dg-global-color-gray-85);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .dark label {
+        color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium .checkmark-container {
+        margin: 0.125rem 0 0 0;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark {
+        width: 1.25rem;
+        height: 1.25rem;
+        border-width: 1px;
+        border-radius: 2px;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checked.light .checkmark {
+        background-color: var(--dg-global-color-black-100);
+        color: var(--dg-global-color-black-100);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .checked.dark .checkmark {
+        background-color: #ece9e1;
+        color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.light {
+        border-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.dark {
+        border-color: var(--dg-global-color-black-100);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.checked.light {
+        border-color: var(--dg-global-color-black-100);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.checked.dark {
+        border-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.error.light {
+        border-color: #b0042c;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.error.dark {
+        border-color: #e38f95;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .light .error-text {
+        color: #b0042c;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .dark .error-text {
+        color: #e38f95;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .error-text {
+        margin-top: 0.25rem;
+        font: var(--dg-font-body-m-regular-weight) var(--dg-font-body-m-regular-size) /
+            var(--dg-font-body-m-regular-line-height) var(--dg-font-body-m-regular-family);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checked.light .icon {
+        --ui-kit-icon-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checked.dark .icon {
+        --ui-kit-icon-color: var(--dg-global-color-black-100);
+        background-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+`;
+//#endregion
+export { t as seatLegacyStyles };

package/dist/esm/components/ds-checkbox/styles/seat.styles.js

@@ -0,0 +1,185 @@
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+//#region src/components/ds-checkbox/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']) .container {
+        padding: var(--ds-spacing-s-2) var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat']) .container:not(.disabled):active {
+        background-color: var(--ds-checkbox-bg-color-pressed);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='seat']) .text-container {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+    :host([data-ui-kit-theme='seat']) .large .text-container {
+        margin: var(--ds-spacing-s-3) 0 0 0;
+    }
+    :host([data-ui-kit-theme='seat']) .medium .text-container {
+        margin: var(--ds-spacing-s-2) 0 0 0;
+    }
+    :host([data-ui-kit-theme='seat']) .checkmark-container {
+        pointer-events: none;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        background-color: transparent;
+        border-radius: var(--ds-border-radius-s);
+        outline-style: solid;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .large .checkmark-container {
+        width: var(--ds-sizing-32);
+        height: var(--ds-sizing-32);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .checkmark-container {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+    }
+    :host([data-ui-kit-theme='seat']) :hover .checkmark-container {
+        background-color: var(--ds-checkbox-bg-color-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .checkmark-container:has(input:focus-visible) {
+        background-color: var(--ds-checkbox-bg-color-focus);
+        outline-offset: 0;
+        outline-color: var(--ds-color-border-focus-ring);
+        outline-width: 0.125rem;
+    }
+    :host([data-ui-kit-theme='seat']) label:active .checkmark-container {
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .large .checkmark {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .checkmark {
+        width: var(--ds-sizing-16);
+        height: var(--ds-sizing-16);
+        border-radius: var(--ds-border-radius-xxs);
+    }
+    :host([data-ui-kit-theme='seat']) .checkmark {
+        border-width: 1px;
+        border-color: var(--ds-checkbox-border-color-default);
+    }
+    :host([data-ui-kit-theme='seat']) .checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-selected);
+        border-color: var(--ds-checkbox-border-color-selected);
+    }
+    :host([data-ui-kit-theme='seat']) .error.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-error);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) :has(input:invalid) .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='seat']) .error .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .checkmark {
+        border-color: var(--ds-checkbox-border-color-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) label {
+        display: flex;
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat']) .right label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-active);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-height: 1rem;
+        --ui-kit-icon-width: 1rem;
+    }
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-height: 0.75rem;
+        --ui-kit-icon-width: 0.75rem;
+    }
+    :host([data-ui-kit-theme='seat']) .text {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.625rem;
+        color: var(--ds-checkbox-text-color-label-default);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .large .text {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        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']) .disabled .text {
+        color: var(--ds-checkbox-text-color-label-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .text {
+        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']) .helper-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-caption-default);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .helper-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .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']) .large .helper-text {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .info-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-secondary-default);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .info-text {
+        color: var(--ds-checkbox-text-color-secondary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .info-text {
+        font: 400 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .large .info-text {
+        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']) .error-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-caption-error);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .error-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .error-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']) .large .error-text {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+`;
+//#endregion
+export { t as seatStyles };

package/dist/esm/components/ds-checkbox-group/ds-checkbox-group.js

@@ -1,18 +1,18 @@
 import { createContext as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js";
 import { provide as t } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
 import { html as n, nothing as r } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import { LitElement as i } from "../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
-import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { property as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import a from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
-import { UiKitElement as o } from "../base/UiKitElement.js";
+import o from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as c } from "../../utils/booleanConverter.js";
 import { classMap as l } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-checkbox-group/ds-checkbox-group.ts
-var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-group:error")), m = e(Symbol("ds-checkbox-group:error-text")), h = e(Symbol("ds-checkbox-group:helper-text")), g = e(Symbol("ds-checkbox-group:size")), _ = (d = class extends o {
+var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-group:error")), m = e(Symbol("ds-checkbox-group:error-text")), h = e(Symbol("ds-checkbox-group:helper-text")), g = e(Symbol("ds-checkbox-group:size")), _ = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.error = !1, this.errorText = "", this.helperText = "", this.disabled = !1, this.size = "medium", this.orientation = "vertical";
 	}
@@ -43,21 +43,21 @@ var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-gr
         `;
 	}
 }, d.styles = [u], d);
-a([t({ context: p }), i({
+o([t({ context: p }), a({
 	type: Boolean,
 	converter: c
-})], _.prototype, "error", void 0), a([t({ context: m }), i({
+})], _.prototype, "error", void 0), o([t({ context: m }), a({
 	type: String,
 	attribute: "error-text"
-})], _.prototype, "errorText", void 0), a([t({ context: h }), i({
+})], _.prototype, "errorText", void 0), o([t({ context: h }), a({
 	type: String,
 	attribute: "helper-text"
-})], _.prototype, "helperText", void 0), a([t({ context: f }), i({
+})], _.prototype, "helperText", void 0), o([t({ context: f }), a({
 	type: Boolean,
 	converter: c
-})], _.prototype, "disabled", void 0), a([t({ context: g }), i({ type: String })], _.prototype, "size", void 0), a([i({
+})], _.prototype, "disabled", void 0), o([t({ context: g }), a({ type: String })], _.prototype, "size", void 0), o([a({
 	type: String,
 	reflect: !0
-})], _.prototype, "orientation", void 0), _ = a([s("ds-checkbox-group")], _);
+})], _.prototype, "orientation", void 0), _ = o([s("ds-checkbox-group")], _);
 //#endregion
 export { _ as DsCheckboxGroup, f as checkboxGroupDisabledContext, p as checkboxGroupErrorContext, m as checkboxGroupErrorTextContext, h as checkboxGroupHelperTextContext, g as checkboxGroupSizeContext };

package/dist/esm/components/ds-chip/ds-chip.js

@@ -13,8 +13,12 @@ import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map
 import { ifDefined as l } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.js";
 import { commonStyles as u } from "./styles/common.styles.js";
+import { cupraDiagonalStyles as d } from "./styles/cupra-diagonal.styles.js";
+import { cupraStyles as f } from "./styles/cupra.styles.js";
+import { seatLegacyStyles as p } from "./styles/seat-legacy.styles.js";
+import { seatStyles as m } from "./styles/seat.styles.js";
 //#region src/components/ds-chip/ds-chip.ts
-var d = class extends i {
+var h = class extends i {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "", this.handleSlotChange = (e) => {
 			let t = e.target.assignedNodes({ flatten: !0 });
@@ -97,23 +101,29 @@ var d = class extends i {
             </div>
         `;
 	}
-}, f = (d.styles = [u], d);
-r([n({ type: String })], f.prototype, "value", void 0), r([n({
+}, g = (h.styles = [
+	u,
+	d,
+	m,
+	f,
+	p
+], h);
+r([n({ type: String })], g.prototype, "value", void 0), r([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "mode", void 0), r([n({
+})], g.prototype, "mode", void 0), r([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "size", void 0), r([n({
+})], g.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], f.prototype, "selected", void 0), r([n({
+})], g.prototype, "selected", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], f.prototype, "deselectable", void 0), r([n({
+})], g.prototype, "deselectable", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], f.prototype, "iconName", void 0), f = r([a("ds-chip")], f);
+})], g.prototype, "iconName", void 0), g = r([a("ds-chip")], g);
 //#endregion
-export { f as DsChip };
+export { g as DsChip };