@cupra/ui-kit 2.0.0-canary.17 → 2.0.0-canary.171

package/dist-react/esm/components/ds-badge/ds-badge.js

@@ -1,53 +1,41 @@
-import { UiKitElement as h } from "../base/UiKitElement.js";
-import { customUiKitElement as l } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as b, html as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as f } from "./styles/common.styles.js";
-import { cupraDiagonalStyles as v } from "./styles/cupra-diagonal.styles.js";
-var y = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (p, r, m, s) => {
-  for (var t = s > 1 ? void 0 : s ? g(r, m) : r, o = p.length - 1, n; o >= 0; o--)
-    (n = p[o]) && (t = (s ? n(r, m, t) : n(t)) || t);
-  return s && t && y(r, m, t), t;
-};
-let e = class extends h {
-  constructor() {
-    super(...arguments), this.variant = "base", this.size = "medium";
-  }
-  get hasNumber() {
-    return typeof this.number == "number" && !Number.isNaN(this.number);
-  }
-  get classes() {
-    return {
-      container: !0,
-      dot: !this.hasNumber,
-      number: this.hasNumber,
-      [`variant-${this.variant}`]: !0,
-      [`size-${this.size}`]: !0
-    };
-  }
-  get contentTemplate() {
-    return this.hasNumber ? u`${this.number}` : b;
-  }
-  render() {
-    return u` <div class=${c(this.classes)}>${this.contentTemplate}</div> `;
-  }
-};
-e.styles = [f, v];
-i([
-  a({ type: Number })
-], e.prototype, "number", 2);
-i([
-  a({ type: String })
-], e.prototype, "variant", 2);
-i([
-  a({ type: String })
-], e.prototype, "size", 2);
-e = i([
-  l("ds-badge")
-], e);
-export {
-  e as DsBadge
-};
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { o as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { commonStyles as c } from "./styles/common.styles.js";
+//#region src/components/ds-badge/ds-badge.ts
+var l, u = (l = class extends i {
+	constructor(...e) {
+		super(...e), this.variant = "base", this.size = "large";
+	}
+	get hasNumber() {
+		return typeof this.number == "number" && !Number.isNaN(this.number);
+	}
+	get classes() {
+		return {
+			container: !0,
+			dot: !this.hasNumber,
+			number: this.hasNumber,
+			[`variant-${this.variant}`]: !0,
+			[`size-${this.size}`]: !0
+		};
+	}
+	get badgeAriaLabel() {
+		return this.hasNumber ? `${this.number} notifications` : void 0;
+	}
+	get contentTemplate() {
+		return this.hasNumber ? t`${this.number}` : e;
+	}
+	render() {
+		return t` <div class=${o(this.classes)} aria-label=${s(this.badgeAriaLabel)}>${this.contentTemplate}</div> `;
+	}
+}, l.styles = [c], l);
+r([n({ type: Number })], u.prototype, "number", void 0), r([n({ type: String })], u.prototype, "variant", void 0), r([n({ type: String })], u.prototype, "size", void 0), u = r([a("ds-badge")], u);
+//#endregion

package/dist-react/esm/components/ds-badge/styles/common.styles.js

@@ -1,9 +1,10 @@
-import { cssWithTokens as o } from "../../../utils/cssWithTokens.js";
-const t = o`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-badge/styles/common.styles.ts
+var t = e`
     :host {
         display: inline-flex;
     }
 `;
-export {
-  t as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-basic-card/ds-basic-card.js

@@ -1,58 +1,44 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as m, html as n } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as u } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as v } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as f } from "./styles/common.styles.js";
-var h = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (c, r, a, e) => {
-  for (var t = e > 1 ? void 0 : e ? b(r, a) : r, i = c.length - 1, o; i >= 0; i--)
-    (o = c[i]) && (t = (e ? o(r, a, t) : o(t)) || t);
-  return e && t && h(r, a, t), t;
-};
-let s = class extends p {
-  constructor() {
-    super(...arguments), this.variant = "default";
-  }
-  get classes() {
-    return {
-      "card-wrapper": !0,
-      subgrid: !0,
-      [this.variant]: !!this.variant
-    };
-  }
-  handleClick() {
-    this.dispatchEvent(
-      new Event("ds-basic-card:click", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  render() {
-    return n`
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { commonStyles as s } from "./styles/common.styles.js";
+//#region src/components/ds-basic-card/ds-basic-card.ts
+var c, l = (c = class extends i {
+	constructor(...e) {
+		super(...e), this.variant = "default";
+	}
+	get classes() {
+		return {
+			container: !0,
+			subgrid: !0,
+			[this.variant]: !!this.variant
+		};
+	}
+	handleClick() {
+		this.dispatchEvent(new Event("ds-basic-card:click", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	render() {
+		return t`
             <article
-                part="card-wrapper"
-                class="${v(this.classes)}"
+                part="container"
+                class="${o(this.classes)}"
                 @click=${this.handleClick}
                 data-testid="ds-basic-card-container"
             >
-                <div>${this.variant === "featured" ? n`<slot name="featured-text"></slot>` : m}</div>
-                <div class="container subgrid">
-                    <slot></slot>
-                </div>
+                ${this.variant === "featured" ? t`<div><slot name="featured-text"></slot></div>` : e}
+                <slot></slot>
             </article>
         `;
-  }
-};
-s.styles = [f];
-l([
-  u({ type: String })
-], s.prototype, "variant", 2);
-s = l([
-  d("ds-basic-card")
-], s);
-export {
-  s as DsBasicCard
-};
+	}
+}, c.styles = [s], c);
+r([n({ type: String })], l.prototype, "variant", void 0), l = r([a("ds-basic-card")], l);
+//#endregion

package/dist-react/esm/components/ds-basic-card/styles/common.styles.js

@@ -1,9 +1,7 @@
-import { cssQueries as r } from "../../../utils/cssQueries.js";
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as s } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const e = s`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-basic-card/styles/common.styles.ts
+var t = e`
     :host {
         row-gap: 0;
         display: grid;
@@ -24,15 +22,7 @@ const e = s`
 
     ::slotted([slot='featured-text']) {
         pointer-events: none;
-        padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-2, 16px);
-    }
-
-    ${r.m} {
-        ::slotted([slot='featured-text']) {
-            padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-4, 24px);
-        }
     }
 `;
-export {
-  e as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-basic-card-header/ds-basic-card-header.js

@@ -1,32 +1,26 @@
-import { UiKitElement as l } from "../base/UiKitElement.js";
-import { customUiKitElement as p } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as m } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { classMap as n } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as c } from "./styles/common.styles.js";
-var h = Object.getOwnPropertyDescriptor, v = (a, s, d, i) => {
-  for (var e = i > 1 ? void 0 : i ? h(s, d) : s, t = a.length - 1, o; t >= 0; t--)
-    (o = a[t]) && (e = o(e) || e);
-  return e;
-};
-let r = class extends l {
-  get dividerTemplate() {
-    return this.componentFactory.createDivider({
-      class: "divider",
-      variant: "secondary"
-    });
-  }
-  get classes() {
-    return {
-      "header-wrapper": !0
-    };
-  }
-  render() {
-    return m`
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as n } from "../base/UiKitElement.js";
+import { customUiKitElement as r } from "../../decorators/customUiKitElement.js";
+import { uiKitHtml as i } from "../../utils/uiKitHtml.js";
+import { e as a } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import "../ds-divider/ds-divider.js";
+import { commonStyles as o } from "./styles/common.styles.js";
+//#region src/components/ds-basic-card-header/ds-basic-card-header.ts
+var s, c = (s = class extends n {
+	get dividerTemplate() {
+		return i`<ds-divider class="divider" variant="secondary"></ds-divider>`;
+	}
+	get classes() {
+		return { "header-wrapper": !0 };
+	}
+	render() {
+		return e`
             <header
                 part="header-wrapper"
-                class="${n(this.classes)}"
+                class="${a(this.classes)}"
                 data-testid="ds-basic-card-header-container"
             >
                 <div class="header-content">
@@ -40,12 +34,7 @@ let r = class extends l {
                 ${this.dividerTemplate}
             </header>
         `;
-  }
-};
-r.styles = [c];
-r = v([
-  p("ds-basic-card-header")
-], r);
-export {
-  r as DsBasicCardHeader
-};
+	}
+}, s.styles = [o], s);
+c = t([r("ds-basic-card-header")], c);
+//#endregion

package/dist-react/esm/components/ds-basic-card-header/styles/common.styles.js

@@ -1,25 +1,17 @@
-import { cssQueries as p } from "../../../utils/cssQueries.js";
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as i } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const d = i`
-    :host {
-        padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-2, 16px) 0px var(--dg-spacing-m-2, 16px);
-    }
-
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-basic-card-header/styles/common.styles.ts
+var t = e`
     .header-wrapper {
         align-items: flex-start;
         align-self: stretch;
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
     }
 
     .header-content {
         display: flex;
-        gap: var(--dg-spacing-m-1, 8px);
         width: 100%;
         justify-content: space-between;
     }
@@ -27,7 +19,6 @@ const d = i`
     .title-wrapper {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-s-5, 8px);
         width: 100%;
     }
 
@@ -37,7 +28,6 @@ const d = i`
 
     ::slotted([slot='sub-header']) {
         display: flex;
-        gap: var(--dg-spacing-m-1, 12px);
         flex-direction: column;
     }
 
@@ -45,13 +35,6 @@ const d = i`
         margin-top: auto;
         width: 100%;
     }
-
-    ${p.m} {
-        :host {
-            padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-4, 24px) 0px var(--dg-spacing-m-4, 24px);
-        }
-    }
 `;
-export {
-  d as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-basic-card-image/ds-basic-card-image.js

@@ -1,37 +1,27 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { customUiKitElement as l } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { classMap as n } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as d } from "./styles/common.styles.js";
-var g = Object.getOwnPropertyDescriptor, f = (s, a, o, i) => {
-  for (var r = i > 1 ? void 0 : i ? g(a, o) : a, e = s.length - 1, m; e >= 0; e--)
-    (m = s[e]) && (r = m(r) || r);
-  return r;
-};
-let t = class extends p {
-  get classes() {
-    return {
-      "image-wrapper": !0
-    };
-  }
-  render() {
-    return c`
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as n } from "../base/UiKitElement.js";
+import { customUiKitElement as r } from "../../decorators/customUiKitElement.js";
+import { e as i } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { commonStyles as a } from "./styles/common.styles.js";
+//#region src/components/ds-basic-card-image/ds-basic-card-image.ts
+var o, s = (o = class extends n {
+	get classes() {
+		return { "image-wrapper": !0 };
+	}
+	render() {
+		return e`
             <div
                 part="image-wrapper"
-                class="${n(this.classes)}"
+                class="${i(this.classes)}"
                 data-testid="ds-basic-card-image-container"
             >
                <slot></slot>
             </div>
         `;
-  }
-};
-t.styles = [d];
-t = f([
-  l("ds-basic-card-image")
-], t);
-export {
-  t as DsBasicCardImage
-};
+	}
+}, o.styles = [a], o);
+s = t([r("ds-basic-card-image")], s);
+//#endregion

package/dist-react/esm/components/ds-basic-card-image/styles/common.styles.js

@@ -1,13 +1,11 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const s = o`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-basic-card-image/styles/common.styles.ts
+var t = e`
     :host {
         height: 100%;
         width: 100%;
     }
 `;
-export {
-  s as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-basic-card-section/ds-basic-card-section.js

@@ -1,52 +1,44 @@
-import { UiKitElement as d } from "../base/UiKitElement.js";
-import { customUiKitElement as l } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as p } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as v, html as h } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as u } from "./styles/common.styles.js";
-var y = Object.defineProperty, D = Object.getOwnPropertyDescriptor, a = (c, r, o, i) => {
-  for (var e = i > 1 ? void 0 : i ? D(r, o) : r, s = c.length - 1, n; s >= 0; s--)
-    (n = c[s]) && (e = (i ? n(r, o, e) : n(e)) || e);
-  return i && e && y(r, o, e), e;
-};
-let t = class extends d {
-  constructor() {
-    super(...arguments), this.withDivider = !0, this.centered = !0;
-  }
-  get dividerTemplate() {
-    return this.componentFactory.createDivider({
-      class: "divider",
-      variant: "secondary"
-    });
-  }
-  get classes() {
-    return {
-      container: !0,
-      centered: this.centered
-    };
-  }
-  render() {
-    return h`
-            <div part="container" class=${f(this.classes)} data-testid="ds-basic-card-section-container">
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { uiKitHtml as s } from "../../utils/uiKitHtml.js";
+import { e as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import "../ds-divider/ds-divider.js";
+import { commonStyles as l } from "./styles/common.styles.js";
+//#region src/components/ds-basic-card-section/ds-basic-card-section.ts
+var u, d = (u = class extends i {
+	constructor(...e) {
+		super(...e), this.withDivider = !0, this.centered = !0;
+	}
+	get dividerTemplate() {
+		return s`<ds-divider class="divider" variant="secondary"></ds-divider>`;
+	}
+	get classes() {
+		return {
+			container: !0,
+			centered: this.centered
+		};
+	}
+	render() {
+		return t`
+            <div part="container" class=${c(this.classes)} data-testid="ds-basic-card-section-container">
                 <slot></slot>
             </div>
-            ${this.withDivider ? this.dividerTemplate : v}
+            ${this.withDivider ? this.dividerTemplate : e}
         `;
-  }
-};
-t.styles = [u];
-a([
-  m({ type: Boolean, converter: p })
-], t.prototype, "withDivider", 2);
-a([
-  m({ type: Boolean, converter: p })
-], t.prototype, "centered", 2);
-t = a([
-  l("ds-basic-card-section")
-], t);
-export {
-  t as DsBasicCardSection
-};
+	}
+}, u.styles = [l], u);
+r([n({
+	type: Boolean,
+	converter: o
+})], d.prototype, "withDivider", void 0), r([n({
+	type: Boolean,
+	converter: o
+})], d.prototype, "centered", void 0), d = r([a("ds-basic-card-section")], d);
+//#endregion

package/dist-react/esm/components/ds-basic-card-section/styles/common.styles.js

@@ -1,33 +1,21 @@
-import { cssQueries as i } from "../../../utils/cssQueries.js";
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as p } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const g = p`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-basic-card-section/styles/common.styles.ts
+var t = e`
     :host {
         display: flex;
         flex-direction: column;
-        padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-2, 16px);
     }
 
     .container {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
-        padding: var(--dg-spacing-m-4, 24px) var(--dg-spacing-s-1, 0px);
     }
 
     .centered {
         justify-content: center;
     }
-
-    ${i.m} {
-        :host {
-            padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-4, 24px);
-        }
-    }
 `;
-export {
-  g as commonStyles
-};
+//#endregion
+export { t as commonStyles };