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

package/dist/esm/components/ds-dialog-footer/ds-dialog-footer.js

@@ -9,8 +9,11 @@ import { booleanConverter as o } from "../../utils/booleanConverter.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";
+import { cupraDiagonalStyles as l } from "./styles/cupra-diagonal.styles.js";
+import { seatLegacyStyles as u } from "./styles/seat-legacy.styles.js";
+import { seatStyles as d } from "./styles/seat.styles.js";
 //#region src/components/ds-dialog-footer/ds-dialog-footer.ts
-var l = class extends i {
+var f = class extends i {
 	constructor(...e) {
 		super(...e), this.withDivider = !0;
 	}
@@ -26,11 +29,16 @@ var l = class extends i {
             </div>
         `;
 	}
-}, u = (l.styles = [c], l);
+}, p = (f.styles = [
+	c,
+	l,
+	d,
+	u
+], f);
 r([n({
 	type: Boolean,
 	attribute: "with-divider",
 	converter: o
-})], u.prototype, "withDivider", void 0), u = r([a("ds-dialog-footer")], u);
+})], p.prototype, "withDivider", void 0), p = r([a("ds-dialog-footer")], p);
 //#endregion
-export { u as DsDialogFooter };
+export { p as DsDialogFooter };

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

@@ -0,0 +1,31 @@
+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-dialog-footer/styles/cupra-diagonal.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ds-spacing-layout-m);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .divider {
+        height: 0.0625rem;
+        background-image: linear-gradient(90deg, var(--ds-opacity-white-30) 40%, var(--ds-opacity-grey-00) 100%);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='actions']) {
+        display: grid;
+        grid-gap: var(--ds-spacing-m-2);
+        grid-template:
+            'a' auto
+            'b' auto / 100%;
+    }
+    @media (min-width: 480px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='actions']) {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: flex-end;
+            gap: var(--ds-spacing-m-2);
+        }
+    }
+`;
+//#endregion
+export { t as cupraDiagonalStyles };

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

@@ -0,0 +1,31 @@
+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-dialog-footer/styles/seat-legacy.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat-legacy']) .container {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ds-spacing-layout-m);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider {
+        height: 0.0625rem;
+        background-image: linear-gradient(90deg, var(--ds-opacity-white-30) 40%, var(--ds-opacity-grey-00) 100%);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='actions']) {
+        display: grid;
+        grid-gap: var(--ds-spacing-m-2);
+        grid-template:
+            'a' auto
+            'b' auto / 100%;
+    }
+    @media (min-width: 480px) {
+        :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='actions']) {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: flex-end;
+            gap: var(--ds-spacing-m-2);
+        }
+    }
+`;
+//#endregion
+export { t as seatLegacyStyles };

package/dist/esm/components/ds-dialog-footer/styles/seat.styles.js

@@ -0,0 +1,31 @@
+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-dialog-footer/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']) .container {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ds-spacing-layout-m);
+    }
+    :host([data-ui-kit-theme='seat']) .divider {
+        height: 0.0625rem;
+        background-image: linear-gradient(90deg, var(--ds-opacity-white-30) 40%, var(--ds-opacity-grey-00) 100%);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='actions']) {
+        display: grid;
+        grid-gap: var(--ds-spacing-m-2);
+        grid-template:
+            'a' auto
+            'b' auto / 100%;
+    }
+    @media (min-width: 480px) {
+        :host([data-ui-kit-theme='seat']) ::slotted([slot='actions']) {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: flex-end;
+            gap: var(--ds-spacing-m-2);
+        }
+    }
+`;
+//#endregion
+export { t as seatStyles };

package/dist/esm/components/ds-dialog-fullscreen/ds-dialog-fullscreen.js

@@ -12,8 +12,11 @@ import { classMap as l } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modu
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { debounce as u } from "../../utils/debounce.js";
 import { commonStyles as d } from "./styles/common.styles.js";
+import { cupraDiagonalStyles as f } from "./styles/cupra-diagonal.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-dialog-fullscreen/ds-dialog-fullscreen.ts
-var f = class extends o {
+var h = class extends o {
 	constructor(...e) {
 		super(...e), this.lockClose = !1, this.lockScroll = !0, this._open = void 0, this._openState = !1, this.hasScroll = !1, this.hasBeenOpened = !1, this.debouncedCheckScroll = u({ func: () => this.checkScroll() }), this.handleKeyDown = (e) => {
 			this.open && e.key === "Escape" && this.handleClose();
@@ -79,19 +82,24 @@ var f = class extends o {
             </div>
         `;
 	}
-}, p = (f.styles = [d], f);
+}, g = (h.styles = [
+	d,
+	f,
+	m,
+	p
+], h);
 a([n({
 	type: Boolean,
 	converter: c,
 	attribute: "lock-close"
-})], p.prototype, "lockClose", void 0), a([n({
+})], g.prototype, "lockClose", void 0), a([n({
 	type: Boolean,
 	converter: c,
 	attribute: "lock-scroll"
-})], p.prototype, "lockScroll", void 0), a([n({
+})], g.prototype, "lockScroll", void 0), a([n({
 	type: Boolean,
 	attribute: "open",
 	converter: c
-})], p.prototype, "_open", void 0), a([r()], p.prototype, "_openState", void 0), a([r()], p.prototype, "hasScroll", void 0), a([i(".content")], p.prototype, "content", void 0), p = a([s("ds-dialog-fullscreen")], p);
+})], g.prototype, "_open", void 0), a([r()], g.prototype, "_openState", void 0), a([r()], g.prototype, "hasScroll", void 0), a([i(".content")], g.prototype, "content", void 0), g = a([s("ds-dialog-fullscreen")], g);
 //#endregion
-export { p as DsDialogFullscreen };
+export { g as DsDialogFullscreen };

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

@@ -0,0 +1,53 @@
+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-dialog-fullscreen/styles/cupra-diagonal.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra-diagonal']) .container-fullscreen {
+        box-sizing: border-box;
+        padding: 0;
+        background-color: var(--ds-color-surface-elevated);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .ds-scroll::-webkit-scrollbar-thumb,
+    :host([data-ui-kit-theme='cupra-diagonal']) .ds-scroll-global *::-webkit-scrollbar-thumb {
+        border-radius: var(--ds-border-radius-full);
+        background-color: var(--ds-opacity-white-70);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .dialog-fullscreen {
+        background: transparent;
+        border: none;
+        display: flex;
+        gap: var(--ds-spacing-s-5);
+        box-sizing: border-box;
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        position: relative;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .content-container-fullscreen {
+        flex: 1 1 auto;
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .with-scroll .content-fullscreen {
+        padding-right: var(--ds-spacing-layout-s);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .content-fullscreen {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ds-spacing-layout-s);
+        overflow: auto;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='close-button']) {
+        position: absolute;
+        top: var(--ds-spacing-m-2);
+        right: var(--ds-spacing-m-2);
+    }
+`;
+//#endregion
+export { t as cupraDiagonalStyles };

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

@@ -0,0 +1,54 @@
+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-dialog-fullscreen/styles/seat-legacy.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat-legacy']) .container-fullscreen {
+        box-sizing: border-box;
+        padding: 0;
+        background-color: var(--ds-color-surface-elevated);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .ds-scroll::-webkit-scrollbar-thumb,
+    :host([data-ui-kit-theme='seat-legacy']) .ds-scroll-global *::-webkit-scrollbar-thumb {
+        border-radius: var(--ds-border-radius-full);
+        background-color: var(--ds-opacity-white-70);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .dialog-fullscreen {
+        background: transparent;
+        border: none;
+        display: flex;
+        gap: var(--ds-spacing-s-5);
+        box-sizing: border-box;
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        position: relative;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .content-container-fullscreen {
+        flex: 1 1 auto;
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .with-scroll .content-fullscreen {
+        padding-right: var(--ds-spacing-layout-s);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .content-fullscreen {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ds-spacing-layout-s);
+        overflow: auto;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='close-button']) {
+        position: absolute;
+        top: var(--ds-spacing-m-2);
+        right: var(--ds-spacing-m-2);
+        --dg-icon-button-border-radius-base: var(--dg-border-radius-full);
+    }
+`;
+//#endregion
+export { t as seatLegacyStyles };

package/dist/esm/components/ds-dialog-fullscreen/styles/seat.styles.js

@@ -0,0 +1,53 @@
+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-dialog-fullscreen/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']) .container-fullscreen {
+        box-sizing: border-box;
+        padding: 0;
+        background-color: var(--ds-color-surface-elevated);
+    }
+
+    :host([data-ui-kit-theme='seat']) .ds-scroll::-webkit-scrollbar-thumb,
+    :host([data-ui-kit-theme='seat']) .ds-scroll-global *::-webkit-scrollbar-thumb {
+        border-radius: var(--ds-border-radius-full);
+        background-color: var(--ds-opacity-white-70);
+    }
+
+    :host([data-ui-kit-theme='seat']) .dialog-fullscreen {
+        background: transparent;
+        border: none;
+        display: flex;
+        gap: var(--ds-spacing-s-5);
+        box-sizing: border-box;
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        position: relative;
+    }
+
+    :host([data-ui-kit-theme='seat']) .content-container-fullscreen {
+        flex: 1 1 auto;
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat']) .with-scroll .content-fullscreen {
+        padding-right: var(--ds-spacing-layout-s);
+    }
+
+    :host([data-ui-kit-theme='seat']) .content-fullscreen {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ds-spacing-layout-s);
+        overflow: auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='close-button']) {
+        position: absolute;
+        top: var(--ds-spacing-m-2);
+        right: var(--ds-spacing-m-2);
+    }
+`;
+//#endregion
+export { t as seatStyles };

package/dist/esm/components/ds-dialog-header/ds-dialog-header.js

@@ -12,8 +12,11 @@ import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map
 import { ifDefined as c } 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 l } from "./styles/common.styles.js";
+import { cupraDiagonalStyles as u } from "./styles/cupra-diagonal.styles.js";
+import { seatLegacyStyles as d } from "./styles/seat-legacy.styles.js";
+import { seatStyles as f } from "./styles/seat.styles.js";
 //#region src/components/ds-dialog-header/ds-dialog-header.ts
-var u = class extends i {
+var p = class extends i {
 	constructor(...e) {
 		super(...e), this.title = "primary", this.iconSize = 32;
 	}
@@ -44,13 +47,18 @@ var u = class extends i {
             </div>
         `;
 	}
-}, d = (u.styles = [l], u);
-r([n({ type: String })], d.prototype, "title", void 0), r([n({
+}, m = (p.styles = [
+	l,
+	u,
+	f,
+	d
+], p);
+r([n({ type: String })], m.prototype, "title", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], d.prototype, "iconName", void 0), r([n({
+})], m.prototype, "iconName", void 0), r([n({
 	type: Number,
 	attribute: "icon-size"
-})], d.prototype, "iconSize", void 0), d = r([a("ds-dialog-header")], d);
+})], m.prototype, "iconSize", void 0), m = r([a("ds-dialog-header")], m);
 //#endregion
-export { d as DsDialogHeader };
+export { m as DsDialogHeader };

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

@@ -0,0 +1,42 @@
+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-dialog-header/styles/cupra-diagonal.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        display: flex;
+        flex-direction: row;
+        gap: var(--ds-spacing-layout-xxs);
+        align-items: flex-end;
+        flex-wrap: wrap;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .title-container {
+        display: flex;
+        flex: auto;
+        flex-direction: row;
+        align-items: center;
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .title {
+        color: var(--ds-color-text-default);
+        font: var(--ds-typography-weight-headline-primary, 300) var(--ds-typography-size-headline-s) /
+            var(--ds-typography-height-headline-s) var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='subtitle']) {
+        display: inline-flex;
+        color: var(--ds-color-text-default);
+        flex: 0 0 auto;
+        font: 350 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .icon {
+        --ui-kit-icon-color: var(--ds-color-text-default);
+    }
+    @media (min-width: 1440px) {
+        :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='subtitle']) {
+            font: 400 var(--ds-typography-size-headline-xs) / var(--ds-typography-height-headline-xs)
+                var(--ds-typography-family-primary);
+        }
+    }
+`;
+//#endregion
+export { t as cupraDiagonalStyles };

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

@@ -0,0 +1,42 @@
+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-dialog-header/styles/seat-legacy.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat-legacy']) .container {
+        display: flex;
+        flex-direction: row;
+        gap: var(--ds-spacing-layout-xxs);
+        align-items: flex-end;
+        flex-wrap: wrap;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .title-container {
+        display: flex;
+        flex: auto;
+        flex-direction: row;
+        align-items: center;
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .title {
+        color: var(--ds-color-text-default);
+        font: 300 var(--ds-typography-size-headline-s) / var(--ds-typography-height-headline-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='subtitle']) {
+        display: inline-flex;
+        color: var(--ds-color-text-default);
+        flex: 0 0 auto;
+        font: 350 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-color: var(--ds-color-text-default);
+    }
+    @media (min-width: 1440px) {
+        :host([data-ui-kit-theme='seat-legacy']) ::slotted([slot='subtitle']) {
+            font: 400 var(--ds-typography-size-headline-xs) / var(--ds-typography-height-headline-xs)
+                var(--ds-typography-family-primary);
+        }
+    }
+`;
+//#endregion
+export { t as seatLegacyStyles };

package/dist/esm/components/ds-dialog-header/styles/seat.styles.js

@@ -0,0 +1,42 @@
+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-dialog-header/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']) .container {
+        display: flex;
+        flex-direction: row;
+        gap: var(--ds-spacing-layout-xxs);
+        align-items: flex-end;
+        flex-wrap: wrap;
+    }
+    :host([data-ui-kit-theme='seat']) .title-container {
+        display: flex;
+        flex: auto;
+        flex-direction: row;
+        align-items: center;
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat']) .title {
+        color: var(--ds-color-text-default);
+        font: var(--ds-typography-weight-headline-primary, 300) var(--ds-typography-size-headline-s) /
+            var(--ds-typography-height-headline-s) var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='subtitle']) {
+        display: inline-flex;
+        color: var(--ds-color-text-default);
+        flex: 0 0 auto;
+        font: 350 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-color-text-default);
+    }
+    @media (min-width: 1440px) {
+        :host([data-ui-kit-theme='seat']) ::slotted([slot='subtitle']) {
+            font: 400 var(--ds-typography-size-headline-xs) / var(--ds-typography-height-headline-xs)
+                var(--ds-typography-family-primary);
+        }
+    }
+`;
+//#endregion
+export { t as seatStyles };

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

@@ -8,8 +8,12 @@ import { customUiKitElement as i } from "../../decorators/customUiKitElement.js"
 import { classMap as a } 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 { orientationStyles as o } from "./styles/common.styles.js";
+import { cupraDiagonalStyles as s } from "./styles/cupra-diagonal.styles.js";
+import { cupraStyles as c } from "./styles/cupra.styles.js";
+import { seatLegacyStyles as l } from "./styles/seat-legacy.styles.js";
+import { seatStyles as u } from "./styles/seat.styles.js";
 //#region src/components/ds-divider/ds-divider.ts
-var s = class extends r {
+var d = class extends r {
 	constructor(...e) {
 		super(...e), this.orientation = "horizontal", this.variant = "primary", this.mode = "light";
 	}
@@ -36,10 +40,16 @@ var s = class extends r {
             <hr aria-orientation=${this.orientation} class=${a(this.classes)} />
         `;
 	}
-}, c = (s.styles = [o], s);
-n([t({ type: String })], c.prototype, "orientation", void 0), n([t({ type: String })], c.prototype, "variant", void 0), n([t({
+}, f = (d.styles = [
+	o,
+	s,
+	u,
+	c,
+	l
+], d);
+n([t({ type: String })], f.prototype, "orientation", void 0), n([t({ type: String })], f.prototype, "variant", void 0), n([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "mode", void 0), c = n([i("ds-divider")], c);
+})], f.prototype, "mode", void 0), f = n([i("ds-divider")], f);
 //#endregion
-export { c as DsDivider };
+export { f as DsDivider };

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

@@ -0,0 +1,23 @@
+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-divider/styles/cupra-diagonal.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra-diagonal']) .divider.horizontal {
+        height: 0.0625rem;
+        width: 100%;
+        margin: 0;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .divider.vertical {
+        height: 100%;
+        width: 0.0625rem;
+        margin: 0;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .divider.primary {
+        background: var(--ds-divider-bg-color-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .divider.secondary {
+        background: var(--ds-divider-bg-color-secondary);
+    }
+`;
+//#endregion
+export { t as cupraDiagonalStyles };

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

@@ -0,0 +1,35 @@
+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-divider/styles/cupra.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra']) .divider.horizontal {
+        height: 0.0625rem;
+        width: 100%;
+        margin: 0.25rem 0;
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.vertical {
+        height: 100%;
+        width: 0.0625rem;
+        margin: 0 0.25rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.primary.light {
+        background: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.primary.dark {
+        background: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.secondary.light {
+        background: var(--ds-color-grey-40);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.secondary.dark {
+        background: var(--ds-color-grey-120);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.tertiary.light {
+        background: var(--ds-color-grey-15);
+    }
+    :host([data-ui-kit-theme='cupra']) .divider.tertiary.dark {
+        background: var(--ds-color-grey-160);
+    }
+`;
+//#endregion
+export { t as cupraStyles };

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

@@ -0,0 +1,26 @@
+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-divider/styles/seat-legacy.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat-legacy']) .divider.horizontal {
+        height: 0.0625rem;
+        width: 100%;
+        margin: 0.25rem 0;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.vertical {
+        height: 100%;
+        width: 0.0625rem;
+        margin: 0 0.25rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.primary {
+        background: var(--dg-global-color-gray-80);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.secondary {
+        background: var(--ds-divider-bg-color-secondary);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .divider.tertiary {
+        background: var(--dg-global-color-gray-80);
+    }
+`;
+//#endregion
+export { t as seatLegacyStyles };

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

@@ -0,0 +1,23 @@
+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-divider/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']) .divider.horizontal {
+        height: 0.0625rem;
+        width: 100%;
+        margin: 0;
+    }
+    :host([data-ui-kit-theme='seat']) .divider.vertical {
+        height: 100%;
+        width: 0.0625rem;
+        margin: 0;
+    }
+    :host([data-ui-kit-theme='seat']) .divider.primary {
+        background: var(--ds-divider-bg-color-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .divider.secondary {
+        background: var(--ds-divider-bg-color-secondary);
+    }
+`;
+//#endregion
+export { t as seatStyles };