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

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

@@ -0,0 +1,281 @@
+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-button/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']) .button {
+        text-transform: var(--ui-kit-button-text-transform, var(--ui-kit-private-button-text-transform, none));
+        border-radius: var(--ds-button-border-radius-base, 6px);
+        outline-color: transparent;
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+        border-style: none;
+        border-width: var(--ui-kit-button-border-width, var(--ui-kit-private-button-border-width, 0));
+        font-size: var(--ui-kit-button-font-size, var(--ui-kit-private-button-font-size));
+        line-height: var(--ui-kit-button-line-height, var(--ui-kit-private-button-line-height));
+        font-weight: var(--ui-kit-button-font-weight, var(--ui-kit-private-button-font-weight));
+        font-family: var(--ui-kit-button-font-family, var(--ui-kit-private-button-font-family));
+        background: var(--ui-kit-button-background, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color,
+            var(--ui-kit-button-color, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color, var(--ui-kit-private-button-color));
+        transition: var(
+            --ui-kit-button-transition,
+            background-color 0.3s cubic-bezier(0, 0, 0.2, 1),
+            color 0.3s cubic-bezier(0, 0, 0.2, 1),
+            border-color 0.3s cubic-bezier(0, 0, 0.2, 1)
+        );
+    }
+    :host([data-ui-kit-theme='seat']) .button.large {
+        height: var(--ds-sizing-48, 48px);
+        padding: var(--ds-spacing-m-1, 12px) var(--ds-spacing-m-2, 16px);
+        gap: var(--ds-spacing-s-5, 8px);
+        --ui-kit-private-button-gap: var(--ds-spacing-s-5, 8px);
+        --ui-kit-private-button-font-size: var(--ds-typography-size-body-l);
+        --ui-kit-private-button-line-height: var(--ds-typography-height-body-l);
+        --ui-kit-private-button-font-weight: 500;
+        --ui-kit-private-button-font-family: var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .button.medium {
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-1, 12px);
+        gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-font-size: var(--ds-typography-size-body-m);
+        --ui-kit-private-button-line-height: var(--ds-typography-height-body-m);
+        --ui-kit-private-button-font-weight: 500;
+        --ui-kit-private-button-font-family: var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .button.small {
+        height: var(--ds-sizing-36, 36px);
+        padding: var(--ds-spacing-s-4, 6px) var(--ds-spacing-m-1, 12px);
+        gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-font-size: var(--ds-typography-size-body-m);
+        --ui-kit-private-button-line-height: var(--ds-typography-height-body-m);
+        --ui-kit-private-button-font-weight: 500;
+        --ui-kit-private-button-font-family: var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .button:has(:focus-visible) {
+        background: var(--ui-kit-button-background-focus, var(--ui-kit-private-button-bg));
+        outline-width: var(--ds-button-border-width-base, 2px);
+        outline-offset: 0.125rem;
+        outline-color: var(--ds-button-outline-color-focus, #6b8494);
+    }
+    :host([data-ui-kit-theme='seat']) .button:hover {
+        background: var(--ui-kit-button-background-hover, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color-hover, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color-hover,
+            var(--ui-kit-button-color-hover, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color-hover, var(--ui-kit-private-button-color));
+    }
+    :host([data-ui-kit-theme='seat']) .button:active {
+        background: var(--ui-kit-button-background-active, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color-active, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color-active,
+            var(--ui-kit-button-color-active, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color-active, var(--ui-kit-private-button-color));
+    }
+    :host([data-ui-kit-theme='seat']) .button.disabled {
+        background: var(--ui-kit-button-background-disabled, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color-disabled, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color-disabled,
+            var(--ui-kit-button-color-disabled, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color-disabled, var(--ui-kit-private-button-color));
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-default);
+        --ui-kit-private-button-border-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-default);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-default);
+        --ui-kit-private-button-border-width: var(--ds-button-border-width-base, 2px);
+        border-style: solid;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-default);
+        --ui-kit-private-button-border-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-default, #a7b5be);
+        --ui-kit-private-button-border-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-default);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-default);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-default);
+        border-style: solid;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-default, #ff6966);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-hover);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked:hover {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-hover, #8ea1ae);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-hover);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive:hover {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-hover, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-focus);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked:has(:focus-visible) {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-focus, #8ea1ae);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive:has(:focus-visible) {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-focus, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-pressed);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked:active {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-pressed, #f9fafb);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-pressed);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive:active {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-pressed, #eb0400);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-disabled);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.disabled {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-disabled);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive.disabled {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(a),
+    :host([data-ui-kit-theme='seat']) ::slotted(button) {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        background: transparent;
+        border: none;
+        padding: 0;
+        color: var(--ui-kit-button-color, var(--ui-kit-private-button-color));
+        font: inherit;
+        cursor: pointer;
+        text-decoration: none;
+        text-transform: inherit;
+        letter-spacing: inherit;
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted(*) {
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(*) {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .small ::slotted(*) {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .small .icon {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+`;
+//#endregion
+export { t as seatStyles };

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

@@ -1,10 +1,10 @@
 import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import { LitElement as t } 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 t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import r from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
-import { UiKitElement as i } from "../base/UiKitElement.js";
+import i from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
 import { uiKitHtml as o } from "../../utils/uiKitHtml.js";
 import { classMap as s } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
@@ -16,7 +16,7 @@ import "../ds-calendar-day/ds-calendar-day.js";
 import { numberArrayConverter as l, stringArrayConverter as u } from "../../utils/arrayConverter.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-calendar/ds-calendar.ts
-var f = class extends i {
+var f = class extends t {
 	constructor(...e) {
 		super(...e), this.variant = "plane", this.size = "large", this.locale = "en-US", this.firstDayOfWeek = 1, this.disabledDates = [], this.disabledWeekdays = [], this._viewDate = /* @__PURE__ */ new Date(), this._value = null, this._initialValueApplied = !1, this._viewDateInitialized = !1;
 	}
@@ -234,43 +234,43 @@ var f = class extends i {
         `;
 	}
 }, p = (f.styles = [d], f);
-r([t({
+i([n({
 	type: String,
 	reflect: !0
-})], p.prototype, "value", void 0), r([t({
+})], p.prototype, "value", void 0), i([n({
 	type: String,
 	reflect: !0
-})], p.prototype, "variant", void 0), r([t({
+})], p.prototype, "variant", void 0), i([n({
 	type: String,
 	reflect: !0
-})], p.prototype, "size", void 0), r([t({
+})], p.prototype, "size", void 0), i([n({
 	type: String,
 	reflect: !0
-})], p.prototype, "locale", void 0), r([t({
+})], p.prototype, "locale", void 0), i([n({
 	type: Number,
 	reflect: !0,
 	attribute: "first-day-of-week"
-})], p.prototype, "firstDayOfWeek", void 0), r([t({
+})], p.prototype, "firstDayOfWeek", void 0), i([n({
 	type: String,
 	reflect: !0,
 	attribute: "min-date"
-})], p.prototype, "minDate", void 0), r([t({
+})], p.prototype, "minDate", void 0), i([n({
 	type: String,
 	reflect: !0,
 	attribute: "max-date"
-})], p.prototype, "maxDate", void 0), r([t({
+})], p.prototype, "maxDate", void 0), i([n({
 	attribute: "disabled-dates",
 	converter: u
-})], p.prototype, "disabledDates", void 0), r([t({
+})], p.prototype, "disabledDates", void 0), i([n({
 	attribute: "disabled-weekdays",
 	converter: l
-})], p.prototype, "disabledWeekdays", void 0), r([t({
+})], p.prototype, "disabledWeekdays", void 0), i([n({
 	type: String,
 	reflect: !0,
 	attribute: "view-date"
-})], p.prototype, "viewDateAttr", void 0), r([t({
+})], p.prototype, "viewDateAttr", void 0), i([n({
 	type: String,
 	attribute: "initial-value"
-})], p.prototype, "initialValue", void 0), r([n()], p.prototype, "_viewDate", void 0), r([n()], p.prototype, "_value", void 0), p = r([a("ds-calendar")], p);
+})], p.prototype, "initialValue", void 0), i([r()], p.prototype, "_viewDate", void 0), i([r()], p.prototype, "_value", void 0), p = i([a("ds-calendar")], p);
 //#endregion
 export { p as DsCalendar };

package/dist/esm/components/ds-calendar-day/ds-calendar-day.js

@@ -1,16 +1,16 @@
 import { html as e } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import { LitElement as t } 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 t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { property as n } 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 n from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
-import { UiKitElement as r } from "../base/UiKitElement.js";
+import r from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as a } from "../../utils/booleanConverter.js";
 import { classMap as o } 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 s } from "./styles/common.styles.js";
 //#region src/components/ds-calendar-day/ds-calendar-day.ts
-var c = class extends r {
+var c = class extends t {
 	constructor(...e) {
 		super(...e), this.size = "large", this.disabled = !1, this.selected = !1, this.today = !1, this.outsideMonth = !1;
 	}
@@ -56,29 +56,29 @@ var c = class extends r {
         `;
 	}
 }, l = (c.styles = [s], c);
-n([t({
+r([n({
 	type: Number,
 	reflect: !0
-})], l.prototype, "day", void 0), n([t({
+})], l.prototype, "day", void 0), r([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "size", void 0), n([t({
+})], l.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], l.prototype, "disabled", void 0), n([t({
+})], l.prototype, "disabled", void 0), r([n({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], l.prototype, "selected", void 0), n([t({
+})], l.prototype, "selected", void 0), r([n({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], l.prototype, "today", void 0), n([t({
+})], l.prototype, "today", void 0), r([n({
 	type: Boolean,
 	converter: a,
 	reflect: !0,
 	attribute: "outside-month"
-})], l.prototype, "outsideMonth", void 0), l = n([i("ds-calendar-day")], l);
+})], l.prototype, "outsideMonth", void 0), l = r([i("ds-calendar-day")], l);
 //#endregion
 export { l as DsCalendarDay };

package/dist/esm/components/ds-carousel-indicator/ds-carousel-indicator.js

@@ -1,16 +1,16 @@
 import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import { LitElement as n } 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 n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { property as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import i from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
-import { UiKitElement as a } from "../base/UiKitElement.js";
+import a from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
 import { classMap as s } 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 c } from "./styles/common.styles.js";
 //#region src/components/ds-carousel-indicator/ds-carousel-indicator.ts
-var l = class extends a {
+var l = class extends n {
 	constructor(...e) {
 		super(...e), this.maxSelectorsShown = 6;
 	}
@@ -42,12 +42,12 @@ var l = class extends a {
               ` : t;
 	}
 }, u = (l.styles = [c], l);
-i([n({
+a([r({
 	type: Number,
 	attribute: "selectors-number"
-})], u.prototype, "selectorsNumber", void 0), i([n({
+})], u.prototype, "selectorsNumber", void 0), a([r({
 	type: Number,
 	attribute: "selected-index"
-})], u.prototype, "selectedIndex", void 0), i([r()], u.prototype, "maxSelectorsShown", void 0), u = i([o("ds-carousel-indicator")], u);
+})], u.prototype, "selectedIndex", void 0), a([i()], u.prototype, "maxSelectorsShown", void 0), u = a([o("ds-carousel-indicator")], u);
 //#endregion
 export { u as DsCarouselIndicator };

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

@@ -15,8 +15,12 @@ import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map
 import { checkboxGroupDisabledContext as d, checkboxGroupErrorContext as f, checkboxGroupSizeContext as p } from "../ds-checkbox-group/ds-checkbox-group.js";
 import { FormAssociatedMixin as m } from "../../mixins/FormAssociatedMixin.js";
 import { commonStyles as h } from "./styles/common.styles.js";
+import { cupraDiagonalStyles as g } from "./styles/cupra-diagonal.styles.js";
+import { cupraStyles as _ } from "./styles/cupra.styles.js";
+import { seatLegacyStyles as v } from "./styles/seat-legacy.styles.js";
+import { seatStyles as y } from "./styles/seat.styles.js";
 //#region src/components/ds-checkbox/ds-checkbox.ts
-var g = class extends m(o) {
+var b = class extends m(o) {
 	constructor(...e) {
 		super(...e), this.inputPlacement = "left", this._checked = void 0, this._checkedState = !1, this.required = !1, this._disabled = !1, this.mode = "light", this._size = "medium", this.helperText = "", this.infoText = "", this._forcedError = "", this.invalidError = "", this.indeterminate = !1, this.dataAriaLabel = "";
 	}
@@ -151,46 +155,52 @@ var g = class extends m(o) {
             </div>
         `;
 	}
-}, _ = (g.styles = [h], g);
-a([r({ type: String })], _.prototype, "name", void 0), a([r({ type: String })], _.prototype, "value", void 0), a([r({
+}, x = (b.styles = [
+	h,
+	g,
+	y,
+	_,
+	v
+], b);
+a([r({ type: String })], x.prototype, "name", void 0), a([r({ type: String })], x.prototype, "value", void 0), a([r({
 	type: String,
 	attribute: "input-placement"
-})], _.prototype, "inputPlacement", void 0), a([r({
+})], x.prototype, "inputPlacement", void 0), a([r({
 	type: Boolean,
 	attribute: "checked",
 	converter: c,
 	reflect: !0
-})], _.prototype, "_checked", void 0), a([i()], _.prototype, "_checkedState", void 0), a([r({
+})], x.prototype, "_checked", void 0), a([i()], x.prototype, "_checkedState", void 0), a([r({
 	type: Boolean,
 	converter: c
-})], _.prototype, "required", void 0), a([r({
+})], x.prototype, "required", void 0), a([r({
 	type: Boolean,
 	converter: c,
 	attribute: "disabled"
-})], _.prototype, "_disabled", void 0), a([r({
+})], x.prototype, "_disabled", void 0), a([r({
 	type: String,
 	reflect: !0
-})], _.prototype, "mode", void 0), a([r({
+})], x.prototype, "mode", void 0), a([r({
 	type: String,
 	attribute: "size"
-})], _.prototype, "_size", void 0), a([r({
+})], x.prototype, "_size", void 0), a([r({
 	type: String,
 	attribute: "helper-text"
-})], _.prototype, "helperText", void 0), a([r({
+})], x.prototype, "helperText", void 0), a([r({
 	type: String,
 	attribute: "info-text"
-})], _.prototype, "infoText", void 0), a([r({
+})], x.prototype, "infoText", void 0), a([r({
 	type: String,
 	attribute: "forced-error"
-})], _.prototype, "_forcedError", void 0), a([r({
+})], x.prototype, "_forcedError", void 0), a([r({
 	type: String,
 	attribute: "invalid-error"
-})], _.prototype, "invalidError", void 0), a([r({
+})], x.prototype, "invalidError", void 0), a([r({
 	type: Boolean,
 	converter: c
-})], _.prototype, "indeterminate", void 0), a([r({
+})], x.prototype, "indeterminate", void 0), a([r({
 	type: String,
 	attribute: "data-aria-label"
-})], _.prototype, "dataAriaLabel", void 0), a([i()], _.prototype, "disabledGroup", void 0), a([i()], _.prototype, "errorGroup", void 0), a([i()], _.prototype, "sizeGroup", void 0), _ = a([s("ds-checkbox")], _);
+})], x.prototype, "dataAriaLabel", void 0), a([i()], x.prototype, "disabledGroup", void 0), a([i()], x.prototype, "errorGroup", void 0), a([i()], x.prototype, "sizeGroup", void 0), x = a([s("ds-checkbox")], x);
 //#endregion
-export { _ as DsCheckbox };
+export { x as DsCheckbox };