@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/card/card/card.js

@@ -0,0 +1,70 @@
+var _ = (a) => {
+  throw TypeError(a);
+};
+var z = (a, r, s) => r.has(a) || _("Cannot " + s);
+var l = (a, r, s) => (z(a, r, "read from private field"), s ? s.call(a) : r.get(a)), v = (a, r, s) => r.has(a) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, s), p = (a, r, s, e) => (z(a, r, "write to private field"), e ? e.call(a, s) : r.set(a, s), s);
+import { __esDecorate as h, __runInitializers as c } from "tslib";
+import { css as E, LitElement as I, nothing as T, html as y } from "lit";
+import { customElement as B, property as S } from "lit/decorators.js";
+import { isLean as D } from "../../core/dom.js";
+const L = E`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-card-background-color: var(--sbb-color-white);--sbb-card-border-radius: var(--sbb-border-radius-4x);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );--sbb-card-animation-easing: var(--sbb-animation-easing);--sbb-card-border-color: transparent;--sbb-card-border-style: solid;--sbb-card-hover-shift: 0;--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}@media (forced-colors: active){:host{--sbb-card-border-color: CanvasText;--sbb-card-border-width: var(--sbb-border-width-2x)}}:host([color=milk]){--sbb-card-background-color: var(--sbb-color-milk);--sbb-card-border-color: transparent}:host([color=transparent-bordered]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cloud);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host([color=transparent-bordered-dashed]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host([data-has-active-action]){--sbb-card-border-color: var(--sbb-color-charcoal);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media (forced-colors: active){:host([data-has-active-action]){--sbb-card-border-color: Highlight}}:host([size=xs]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-3x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=s]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-4x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=l][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-fixed-4x)}:host([size=xl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xl][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxs)}:host([size=xxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xxxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}@media (forced-colors: active){:host([data-has-action]){--sbb-title-text-color-normal-override: var(--sbb-card-color)}}@media (any-hover: hover){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-hover-shift: -.125rem}:host([data-has-action]:not([data-has-active-action]):hover) .sbb-card{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}@media (any-hover: hover) and (forced-colors: active){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-border-color: Highlight}}@media (forced-colors: active){:host([data-has-action][data-action-role=button]){--sbb-card-color: ButtonText}}@media (forced-colors: active){:host([data-has-action][data-action-role=link]){--sbb-card-color: LinkText}}.sbb-card{width:100%;height:100%;display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block-start) var(--sbb-card-padding-block-end);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}.sbb-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}.sbb-card__wrapper{display:block;height:100%}:host([data-has-action]) .sbb-card__wrapper{pointer-events:none;transform:translateY(var(--sbb-card-hover-shift));transition:transform var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius)}:host([data-has-action]) .sbb-card__badge-wrapper{pointer-events:none}:host(:not([data-has-card-badge])) .sbb-card__badge-wrapper{display:none}::slotted(sbb-title){margin-block-start:0}`;
+let Y = (() => {
+  var d, i, b;
+  let a = [B("sbb-card")], r, s = [], e, g = I, x, u = [], m = [], f, k = [], w = [];
+  return b = class extends g {
+    constructor() {
+      super(...arguments);
+      v(this, d, c(this, u, D() ? "xs" : "m"));
+      v(this, i, (c(this, m), c(this, k, "white")));
+      c(this, w);
+    }
+    /**
+     * Size variant, either xs, s, m, l, xl, xxl or xxxl.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return l(this, d);
+    }
+    set size(t) {
+      p(this, d, t);
+    }
+    /** Option to set the component's background color. */
+    get color() {
+      return l(this, i);
+    }
+    set color(t) {
+      p(this, i, t);
+    }
+    /**
+     * It is used internally to show the `<sbb-card-badge>`.
+     *
+     * @returns True whether size is equal to m, l, xl or xxl.
+     */
+    _isBadgeVisible() {
+      return ["m", "l", "xl", "xxl", "xxxl"].includes(this.size);
+    }
+    render() {
+      return y`
+      <span class="sbb-card">
+        <slot name="action"></slot>
+        <span class="sbb-card__wrapper">
+          <slot></slot>
+        </span>
+        ${this._isBadgeVisible() ? y`<span class="sbb-card__badge-wrapper">
+              <slot name="badge"></slot>
+            </span>` : T}
+      </span>
+    `;
+    }
+  }, d = new WeakMap(), i = new WeakMap(), e = b, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+    x = [S({ reflect: !0 })], f = [S({ reflect: !0 })], h(b, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (o) => "size" in o, get: (o) => o.size, set: (o, n) => {
+      o.size = n;
+    } }, metadata: t }, u, m), h(b, null, f, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (o) => "color" in o, get: (o) => o.color, set: (o, n) => {
+      o.color = n;
+    } }, metadata: t }, k, w), h(null, r = { value: e }, a, { kind: "class", name: e.name, metadata: t }, null, s), e = r.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), b.styles = L, c(e, s), e;
+})();
+export {
+  Y as SbbCardElement
+};

package/card/card-badge/card-badge.js

@@ -0,0 +1,57 @@
+var m = (e) => {
+  throw TypeError(e);
+};
+var u = (e, a, t) => a.has(e) || m("Cannot " + t);
+var h = (e, a, t) => (u(e, a, "read from private field"), t ? t.call(e) : a.get(e)), f = (e, a, t) => a.has(e) ? m("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, t), l = (e, a, t, r) => (u(e, a, "write to private field"), r ? r.call(e, t) : a.set(e, t), t);
+import { __runInitializers as i, __esDecorate as v } from "tslib";
+import { css as _, LitElement as k, html as y } from "lit";
+import { customElement as w, property as E } from "lit/decorators.js";
+import { hostAttributes as z } from "../../core/decorators.js";
+const C = _`*,:before,:after{box-sizing:border-box}:host{--sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);display:block}:host([color=white]){--sbb-card-badge-color: var(--sbb-color-charcoal);--sbb-card-badge-background-color: var(--sbb-color-white);--sbb-card-badge-border-color: var(--sbb-color-aluminium)}:host([color=charcoal]){--sbb-card-badge-color: var(--sbb-color-white);--sbb-card-badge-background-color: var(--sbb-color-charcoal);--sbb-card-badge-border-color: transparent}.sbb-card-badge-wrapper{display:flex;position:relative;height:fit-content;justify-content:end}@media (forced-colors: active){.sbb-card-badge-wrapper:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-card-badge{position:relative;display:flex;inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x)}.sbb-card-badge-content{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-border-radius-4x);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:skew(16deg)}:host(:dir(rtl)) .sbb-card-badge-background{transform:skew(-16deg)}.sbb-card-badge-background:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-border-radius-4x)}@media (forced-colors: active){.sbb-card-badge-background:before{border:none}}`;
+let T = (() => {
+  var s, o;
+  let e = [w("sbb-card-badge"), z({
+    slot: "badge",
+    role: "text"
+  })], a, t = [], r, d = k, n, g = [], p = [];
+  return o = class extends d {
+    constructor() {
+      super(...arguments);
+      f(this, s);
+      l(this, s, i(this, g, "charcoal")), this._parentElement = i(this, p);
+    }
+    /** Color of the card badge. */
+    get color() {
+      return h(this, s);
+    }
+    set color(b) {
+      l(this, s, b);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this._parentElement = this.parentElement, this._parentElement && this._parentElement.toggleAttribute("data-has-card-badge", !0);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this._parentElement && this._parentElement.removeAttribute("data-has-card-badge"), this._parentElement = void 0;
+    }
+    render() {
+      return y`
+      <span class="sbb-card-badge-wrapper">
+        <span class="sbb-card-badge">
+          <span class="sbb-card-badge-background" aria-hidden="true"></span>
+          <span class="sbb-card-badge-content">
+            <slot></slot>
+          </span>
+        </span>
+      </span>
+    `;
+    }
+  }, s = new WeakMap(), r = o, (() => {
+    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+    n = [E({ reflect: !0 })], v(o, null, n, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (c) => "color" in c, get: (c) => c.color, set: (c, x) => {
+      c.color = x;
+    } }, metadata: b }, g, p), v(null, a = { value: r }, e, { kind: "class", name: r.name, metadata: b }, null, t), r = a.value, b && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
+  })(), o.styles = C, i(r, t), r;
+})();
+export {
+  T as SbbCardBadgeElement
+};

package/card/card-badge.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './card-badge/card-badge.js';
 //# sourceMappingURL=card-badge.d.ts.map

package/card/card-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-badge.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-badge.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}

package/card/card-badge.js

@@ -1,57 +1,4 @@
-var m = (e) => {
-  throw TypeError(e);
-};
-var u = (e, a, t) => a.has(e) || m("Cannot " + t);
-var h = (e, a, t) => (u(e, a, "read from private field"), t ? t.call(e) : a.get(e)), f = (e, a, t) => a.has(e) ? m("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, t), l = (e, a, t, r) => (u(e, a, "write to private field"), r ? r.call(e, t) : a.set(e, t), t);
-import { __runInitializers as i, __esDecorate as v } from "tslib";
-import { css as _, LitElement as k, html as y } from "lit";
-import { customElement as w, property as E } from "lit/decorators.js";
-import { hostAttributes as z } from "../core/decorators.js";
-const C = _`*,:before,:after{box-sizing:border-box}:host{--sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);display:block}:host([color=white]){--sbb-card-badge-color: var(--sbb-color-charcoal);--sbb-card-badge-background-color: var(--sbb-color-white);--sbb-card-badge-border-color: var(--sbb-color-aluminium)}:host([color=charcoal]){--sbb-card-badge-color: var(--sbb-color-white);--sbb-card-badge-background-color: var(--sbb-color-charcoal);--sbb-card-badge-border-color: transparent}.sbb-card-badge-wrapper{display:flex;position:relative;height:fit-content;justify-content:end}@media (forced-colors: active){.sbb-card-badge-wrapper:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-card-badge{position:relative;display:flex;inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x)}.sbb-card-badge-content{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-border-radius-4x);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:skew(16deg)}:host(:dir(rtl)) .sbb-card-badge-background{transform:skew(-16deg)}.sbb-card-badge-background:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-border-radius-4x)}@media (forced-colors: active){.sbb-card-badge-background:before{border:none}}`;
-let T = (() => {
-  var s, o;
-  let e = [w("sbb-card-badge"), z({
-    slot: "badge",
-    role: "text"
-  })], a, t = [], r, d = k, n, g = [], p = [];
-  return o = class extends d {
-    constructor() {
-      super(...arguments);
-      f(this, s);
-      l(this, s, i(this, g, "charcoal")), this._parentElement = i(this, p);
-    }
-    /** Color of the card badge. */
-    get color() {
-      return h(this, s);
-    }
-    set color(b) {
-      l(this, s, b);
-    }
-    connectedCallback() {
-      super.connectedCallback(), this._parentElement = this.parentElement, this._parentElement && this._parentElement.toggleAttribute("data-has-card-badge", !0);
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this._parentElement && this._parentElement.removeAttribute("data-has-card-badge"), this._parentElement = void 0;
-    }
-    render() {
-      return y`
-      <span class="sbb-card-badge-wrapper">
-        <span class="sbb-card-badge">
-          <span class="sbb-card-badge-background" aria-hidden="true"></span>
-          <span class="sbb-card-badge-content">
-            <slot></slot>
-          </span>
-        </span>
-      </span>
-    `;
-    }
-  }, s = new WeakMap(), r = o, (() => {
-    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    n = [E({ reflect: !0 })], v(o, null, n, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (c) => "color" in c, get: (c) => c.color, set: (c, x) => {
-      c.color = x;
-    } }, metadata: b }, g, p), v(null, a = { value: r }, e, { kind: "class", name: r.name, metadata: b }, null, t), r = a.value, b && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), o.styles = C, i(r, t), r;
-})();
+import { SbbCardBadgeElement as a } from "./card-badge/card-badge.js";
 export {
-  T as SbbCardBadgeElement
+  a as SbbCardBadgeElement
 };

package/card/card-button/card-button.js

@@ -0,0 +1,19 @@
+import { __esDecorate as n, __runInitializers as m } from "tslib";
+import { customElement as i } from "lit/decorators.js";
+import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
+import { SbbCardActionCommonElementMixin as u } from "../common.js";
+let f = (() => {
+  var e;
+  let s = [i("sbb-card-button")], r, l = [], t, o = u(c);
+  return e = class extends o {
+    constructor() {
+      super(...arguments), this.actionRole = "button";
+    }
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    n(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, l);
+  })(), t;
+})();
+export {
+  f as SbbCardButtonElement
+};

package/card/card-button.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './card-button/card-button.js';
 //# sourceMappingURL=card-button.d.ts.map

package/card/card-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-button.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-button.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"card-button.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}

package/card/card-button.js

@@ -1,19 +1,4 @@
-import { __esDecorate as n, __runInitializers as m } from "tslib";
-import { customElement as i } from "lit/decorators.js";
-import { SbbButtonBaseElement as c } from "../core/base-elements.js";
-import { SbbCardActionCommonElementMixin as u } from "./common.js";
-let f = (() => {
-  var e;
-  let s = [i("sbb-card-button")], r, l = [], t, o = u(c);
-  return e = class extends o {
-    constructor() {
-      super(...arguments), this.actionRole = "button";
-    }
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, l);
-  })(), t;
-})();
+import { SbbCardButtonElement as o } from "./card-button/card-button.js";
 export {
-  f as SbbCardButtonElement
+  o as SbbCardButtonElement
 };

package/card/card-link/card-link.js

@@ -0,0 +1,19 @@
+import { __esDecorate as n, __runInitializers as o } from "tslib";
+import { customElement as m } from "lit/decorators.js";
+import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
+import { SbbCardActionCommonElementMixin as u } from "../common.js";
+let f = (() => {
+  var t;
+  let i = [m("sbb-card-link")], l, r = [], e, s = u(c);
+  return t = class extends s {
+    constructor() {
+      super(...arguments), this.actionRole = "link";
+    }
+  }, e = t, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    n(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
+  })(), e;
+})();
+export {
+  f as SbbCardLinkElement
+};

package/card/card-link.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './card-link/card-link.js';
 //# sourceMappingURL=card-link.d.ts.map

package/card/card-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-link.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-link.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"card-link.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-link.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0BAA0B,CAAC"}

package/card/card-link.js

@@ -1,19 +1,4 @@
-import { __esDecorate as n, __runInitializers as o } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbLinkBaseElement as c } from "../core/base-elements.js";
-import { SbbCardActionCommonElementMixin as u } from "./common.js";
-let f = (() => {
-  var t;
-  let i = [m("sbb-card-link")], l, r = [], e, s = u(c);
-  return t = class extends s {
-    constructor() {
-      super(...arguments), this.actionRole = "link";
-    }
-  }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    n(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
-  })(), e;
-})();
+import { SbbCardLinkElement as b } from "./card-link/card-link.js";
 export {
-  f as SbbCardLinkElement
+  b as SbbCardLinkElement
 };

package/card/card.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './card/card.js';
 //# sourceMappingURL=card.d.ts.map

package/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gBAAgB,CAAC"}

package/card/card.js

@@ -1,70 +1,4 @@
-var _ = (a) => {
-  throw TypeError(a);
-};
-var z = (a, r, s) => r.has(a) || _("Cannot " + s);
-var l = (a, r, s) => (z(a, r, "read from private field"), s ? s.call(a) : r.get(a)), v = (a, r, s) => r.has(a) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, s), p = (a, r, s, e) => (z(a, r, "write to private field"), e ? e.call(a, s) : r.set(a, s), s);
-import { __esDecorate as h, __runInitializers as c } from "tslib";
-import { css as E, LitElement as I, nothing as T, html as y } from "lit";
-import { customElement as B, property as S } from "lit/decorators.js";
-import { isLean as D } from "../core/dom.js";
-const L = E`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-card-background-color: var(--sbb-color-white);--sbb-card-border-radius: var(--sbb-border-radius-4x);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );--sbb-card-animation-easing: var(--sbb-animation-easing);--sbb-card-border-color: transparent;--sbb-card-border-style: solid;--sbb-card-hover-shift: 0;--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}@media (forced-colors: active){:host{--sbb-card-border-color: CanvasText;--sbb-card-border-width: var(--sbb-border-width-2x)}}:host([color=milk]){--sbb-card-background-color: var(--sbb-color-milk);--sbb-card-border-color: transparent}:host([color=transparent-bordered]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cloud);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host([color=transparent-bordered-dashed]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host([data-has-active-action]){--sbb-card-border-color: var(--sbb-color-charcoal);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media (forced-colors: active){:host([data-has-active-action]){--sbb-card-border-color: Highlight}}:host([size=xs]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-3x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=s]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-4x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=l][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-fixed-4x)}:host([size=xl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xl][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxs)}:host([size=xxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xxxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}@media (forced-colors: active){:host([data-has-action]){--sbb-title-text-color-normal-override: var(--sbb-card-color)}}@media (any-hover: hover){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-hover-shift: -.125rem}:host([data-has-action]:not([data-has-active-action]):hover) .sbb-card{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}@media (any-hover: hover) and (forced-colors: active){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-border-color: Highlight}}@media (forced-colors: active){:host([data-has-action][data-action-role=button]){--sbb-card-color: ButtonText}}@media (forced-colors: active){:host([data-has-action][data-action-role=link]){--sbb-card-color: LinkText}}.sbb-card{width:100%;height:100%;display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block-start) var(--sbb-card-padding-block-end);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}.sbb-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}.sbb-card__wrapper{display:block;height:100%}:host([data-has-action]) .sbb-card__wrapper{pointer-events:none;transform:translateY(var(--sbb-card-hover-shift));transition:transform var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius)}:host([data-has-action]) .sbb-card__badge-wrapper{pointer-events:none}:host(:not([data-has-card-badge])) .sbb-card__badge-wrapper{display:none}::slotted(sbb-title){margin-block-start:0}`;
-let Y = (() => {
-  var d, i, b;
-  let a = [B("sbb-card")], r, s = [], e, g = I, x, u = [], m = [], f, k = [], w = [];
-  return b = class extends g {
-    constructor() {
-      super(...arguments);
-      v(this, d, c(this, u, D() ? "xs" : "m"));
-      v(this, i, (c(this, m), c(this, k, "white")));
-      c(this, w);
-    }
-    /**
-     * Size variant, either xs, s, m, l, xl, xxl or xxxl.
-     * @default 'm' / 'xs' (lean)
-     */
-    get size() {
-      return l(this, d);
-    }
-    set size(t) {
-      p(this, d, t);
-    }
-    /** Option to set the component's background color. */
-    get color() {
-      return l(this, i);
-    }
-    set color(t) {
-      p(this, i, t);
-    }
-    /**
-     * It is used internally to show the `<sbb-card-badge>`.
-     *
-     * @returns True whether size is equal to m, l, xl or xxl.
-     */
-    _isBadgeVisible() {
-      return ["m", "l", "xl", "xxl", "xxxl"].includes(this.size);
-    }
-    render() {
-      return y`
-      <span class="sbb-card">
-        <slot name="action"></slot>
-        <span class="sbb-card__wrapper">
-          <slot></slot>
-        </span>
-        ${this._isBadgeVisible() ? y`<span class="sbb-card__badge-wrapper">
-              <slot name="badge"></slot>
-            </span>` : T}
-      </span>
-    `;
-    }
-  }, d = new WeakMap(), i = new WeakMap(), e = b, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-    x = [S({ reflect: !0 })], f = [S({ reflect: !0 })], h(b, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (o) => "size" in o, get: (o) => o.size, set: (o, n) => {
-      o.size = n;
-    } }, metadata: t }, u, m), h(b, null, f, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (o) => "color" in o, get: (o) => o.color, set: (o, n) => {
-      o.color = n;
-    } }, metadata: t }, k, w), h(null, r = { value: e }, a, { kind: "class", name: e.name, metadata: t }, null, s), e = r.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), b.styles = L, c(e, s), e;
-})();
+import { SbbCardElement as b } from "./card/card.js";
 export {
-  Y as SbbCardElement
+  b as SbbCardElement
 };

package/card/common/card-action-common.js

@@ -0,0 +1,60 @@
+import { __runInitializers as d, __esDecorate as u } from "tslib";
+import { MutationController as f } from "@lit-labs/observers/mutation-controller.js";
+import { property as _ } from "lit/decorators.js";
+import { html as v } from "lit/static-html.js";
+import { IS_FOCUSABLE_QUERY as p } from "../../core/a11y.js";
+import { hostAttributes as A } from "../../core/decorators.js";
+import { css as y } from "lit";
+import "../../screen-reader-only.js";
+const g = y`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;position:absolute;top:0;right:0;bottom:0;left:0}:is(.sbb-card-button,.sbb-card-link){display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-card-border-radius);cursor:pointer;outline:none}:host(:focus-visible) :is(.sbb-card-button,.sbb-card-link),:is(.sbb-card-button,.sbb-card-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}`, M = (h) => (() => {
+  var e;
+  let m = [A({
+    slot: "action"
+  })], i, c = [], r, l = h, n = [], b;
+  return e = class extends l {
+    constructor() {
+      super(...arguments), this._active = (d(this, n), !1), this._card = null, this._cardMutationObserver = new f(this, {
+        target: null,
+        config: { childList: !0, subtree: !0 },
+        callback: () => this._checkForSlottedActions()
+      });
+    }
+    /** Whether the card is active. */
+    set active(t) {
+      this._active = t, this._onActiveChange();
+    }
+    get active() {
+      return this._active;
+    }
+    _onActiveChange() {
+      this._card && this._card.toggleAttribute("data-has-active-action", this.active);
+    }
+    _checkForSlottedActions() {
+      var a, o;
+      const t = "data-card-focusable";
+      Array.from(((o = (a = this._card) == null ? void 0 : a.querySelectorAll) == null ? void 0 : o.call(a, p)) ?? []).filter((s) => s.localName !== "sbb-card-link" && s.localName !== "sbb-card-button" && !s.hasAttribute(t)).forEach((s) => s.setAttribute(t, ""));
+    }
+    connectedCallback() {
+      var t;
+      super.connectedCallback(), this._card = (t = this.closest) == null ? void 0 : t.call(this, "sbb-card"), this._card && (this._card.toggleAttribute("data-has-action", !0), this._card.toggleAttribute("data-has-active-action", this.active), this._card.setAttribute("data-action-role", this.actionRole), this._checkForSlottedActions(), this._cardMutationObserver.observe(this._card));
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this._card && (["data-has-action", "data-has-active-action", "data-action-role"].forEach((t) => this._card.removeAttribute(t)), this._card.querySelectorAll("[data-card-focusable]").forEach((t) => t.removeAttribute("data-card-focusable")), this._card = null);
+    }
+    renderTemplate() {
+      return v`
+        <sbb-screen-reader-only>
+          <slot></slot>
+        </sbb-screen-reader-only>
+      `;
+    }
+  }, r = e, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    b = [_({ reflect: !0, type: Boolean })], u(e, null, b, { kind: "setter", name: "active", static: !1, private: !1, access: { has: (a) => "active" in a, set: (a, o) => {
+      a.active = o;
+    } }, metadata: t }, null, n), u(null, i = { value: r }, m, { kind: "class", name: r.name, metadata: t }, null, c), r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), e.styles = g, d(r, c), r;
+})();
+export {
+  M as SbbCardActionCommonElementMixin
+};

package/card/common.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './common/card-action-common.js';
 //# sourceMappingURL=common.d.ts.map

package/card/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/card/common.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/card/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC"}

package/card/common.js

@@ -1,60 +1,4 @@
-import { __runInitializers as d, __esDecorate as u } from "tslib";
-import { MutationController as f } from "@lit-labs/observers/mutation-controller.js";
-import { property as _ } from "lit/decorators.js";
-import { html as v } from "lit/static-html.js";
-import { IS_FOCUSABLE_QUERY as p } from "../core/a11y.js";
-import { hostAttributes as A } from "../core/decorators.js";
-import { css as g } from "lit";
-import "../screen-reader-only.js";
-const y = g`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;position:absolute;top:0;right:0;bottom:0;left:0}:is(.sbb-card-button,.sbb-card-link){display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-card-border-radius);cursor:pointer;outline:none}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-card-button,.sbb-card-link),:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-card-button,.sbb-card-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`, M = (h) => (() => {
-  var e;
-  let m = [A({
-    slot: "action"
-  })], s, c = [], o, l = h, n = [], b;
-  return e = class extends l {
-    constructor() {
-      super(...arguments), this._active = (d(this, n), !1), this._card = null, this._cardMutationObserver = new f(this, {
-        target: null,
-        config: { childList: !0, subtree: !0 },
-        callback: () => this._checkForSlottedActions()
-      });
-    }
-    /** Whether the card is active. */
-    set active(t) {
-      this._active = t, this._onActiveChange();
-    }
-    get active() {
-      return this._active;
-    }
-    _onActiveChange() {
-      this._card && this._card.toggleAttribute("data-has-active-action", this.active);
-    }
-    _checkForSlottedActions() {
-      var a, i;
-      const t = "data-card-focusable";
-      Array.from(((i = (a = this._card) == null ? void 0 : a.querySelectorAll) == null ? void 0 : i.call(a, p)) ?? []).filter((r) => r.localName !== "sbb-card-link" && r.localName !== "sbb-card-button" && !r.hasAttribute(t)).forEach((r) => r.setAttribute(t, ""));
-    }
-    connectedCallback() {
-      var t;
-      super.connectedCallback(), this._card = (t = this.closest) == null ? void 0 : t.call(this, "sbb-card"), this._card && (this._card.toggleAttribute("data-has-action", !0), this._card.toggleAttribute("data-has-active-action", this.active), this._card.setAttribute("data-action-role", this.actionRole), this._checkForSlottedActions(), this._cardMutationObserver.observe(this._card));
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this._card && (["data-has-action", "data-has-active-action", "data-action-role"].forEach((t) => this._card.removeAttribute(t)), this._card.querySelectorAll("[data-card-focusable]").forEach((t) => t.removeAttribute("data-card-focusable")), this._card = null);
-    }
-    renderTemplate() {
-      return v`
-        <sbb-screen-reader-only>
-          <slot></slot>
-        </sbb-screen-reader-only>
-      `;
-    }
-  }, o = e, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    b = [_({ reflect: !0, type: Boolean })], u(e, null, b, { kind: "setter", name: "active", static: !1, private: !1, access: { has: (a) => "active" in a, set: (a, i) => {
-      a.active = i;
-    } }, metadata: t }, null, n), u(null, s = { value: o }, m, { kind: "class", name: o.name, metadata: t }, null, c), o = s.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), e.styles = y, d(o, c), o;
-})();
+import { SbbCardActionCommonElementMixin as n } from "./common/card-action-common.js";
 export {
-  M as SbbCardActionCommonElementMixin
+  n as SbbCardActionCommonElementMixin
 };

package/card.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './card/card.js';
 export * from './card/card-badge.js';
 export * from './card/card-button.js';

package/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/elements/card.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/elements/card.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}

package/card.js

@@ -1,5 +1,12 @@
-export * from "./card/card.js";
-export * from "./card/card-badge.js";
-export * from "./card/card-button.js";
-export * from "./card/card-link.js";
-export * from "./card/common.js";
+import { SbbCardElement as o } from "./card/card/card.js";
+import { SbbCardBadgeElement as m } from "./card/card-badge/card-badge.js";
+import { SbbCardButtonElement as n } from "./card/card-button/card-button.js";
+import { SbbCardLinkElement as d } from "./card/card-link/card-link.js";
+import { SbbCardActionCommonElementMixin as C } from "./card/common/card-action-common.js";
+export {
+  C as SbbCardActionCommonElementMixin,
+  m as SbbCardBadgeElement,
+  n as SbbCardButtonElement,
+  o as SbbCardElement,
+  d as SbbCardLinkElement
+};