@sbb-esta/lyne-elements 1.13.0 → 1.14.1

package/card/card/card.d.ts

@@ -9,9 +9,9 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 export declare class SbbCardElement extends LitElement {
     static styles: CSSResultGroup;
     /** Size variant, either xs, s, m, l, xl, xxl or xxxl. */
-    size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+    accessor size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
     /** Option to set the component's background color. */
-    color: 'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed';
+    accessor color: 'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed';
     /**
      * It is used internally to show the `<sbb-card-badge>`.
      *

package/card/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD;;;;;;GAMG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,yDAAyD;IACrB,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAO;IAE/F,sDAAsD;IAClB,KAAK,EACrC,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,6BAA6B,CAAW;IAE5C;;;;OAIG;IACH,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD;;;;;;GAMG;AACH,qBAEM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,yDAAyD;IACzD,SAA6C,IAAI,EAC7C,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,KAAK,GACL,MAAM,CAAO;IAEjB,sDAAsD;IACtD,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,6BAA6B,CAAW;IAE5C;;;;OAIG;IACH,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -8,7 +8,7 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 export declare class SbbCardBadgeElement extends LitElement {
     static styles: CSSResultGroup;
     /** Color of the card badge. */
-    color: 'charcoal' | 'white';
+    accessor color: 'charcoal' | 'white';
     private _parentElement?;
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-badge/card-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;;GAKG;AACH,qBAKa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+BAA+B;IACK,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAE7E,OAAO,CAAC,cAAc,CAAC,CAAqB;IAE5B,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-badge/card-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;;GAKG;AACH,qBAMM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+BAA+B;IAC/B,SAA6C,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAEtF,OAAO,CAAC,cAAc,CAAC,CAAqB;IAE5B,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/card/card-badge.js

@@ -1,24 +1,40 @@
-import { css as n, LitElement as i, html as l } from "lit";
-import { property as p, customElement as g } from "lit/decorators.js";
-import { hostAttributes as f } from "../core/decorators.js";
-const h = n`*,: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}}`;
-var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (d, r, b, a) => {
-  for (var e = a > 1 ? void 0 : a ? u(r, b) : r, o = d.length - 1, s; o >= 0; o--)
-    (s = d[o]) && (e = (a ? s(r, b, e) : s(e)) || e);
-  return a && e && v(r, b, e), e;
+var m = (e) => {
+  throw TypeError(e);
 };
-let t = class extends i {
-  constructor() {
-    super(...arguments), this.color = "charcoal";
-  }
-  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 l`
+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 _, html as k, LitElement 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 = y, 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 k`
       <span class="sbb-card-badge-wrapper">
         <span class="sbb-card-badge">
           <span class="sbb-card-badge-background" aria-hidden="true"></span>
@@ -28,19 +44,14 @@ let t = class extends i {
         </span>
       </span>
     `;
-  }
-};
-t.styles = h;
-c([
-  p({ reflect: !0 })
-], t.prototype, "color", 2);
-t = c([
-  g("sbb-card-badge"),
-  f({
-    slot: "badge",
-    role: "text"
-  })
-], t);
+    }
+  }, 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
+  T as SbbCardBadgeElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"card-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-button/card-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAAqD;IAC7F,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAY;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"card-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-button/card-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAAqD;IACtF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAY;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/card/card-button.js

@@ -1,19 +1,19 @@
-import { customElement as l } from "lit/decorators.js";
-import { SbbButtonBaseElement as p } from "../core/base-elements.js";
+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";
-var c = Object.defineProperty, a = Object.getOwnPropertyDescriptor, f = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? a(e, o) : e, n = s.length - 1, m; n >= 0; n--)
-    (m = s[n]) && (t = (r ? m(e, o, t) : m(t)) || t);
-  return r && t && c(e, o, t), t;
-};
-let b = class extends u(p) {
-  constructor() {
-    super(...arguments), this.actionRole = "button";
-  }
-};
-b = f([
-  l("sbb-card-button")
-], b);
+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 {
-  b as SbbCardButtonElement
+  f as SbbCardButtonElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"card-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-link/card-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,uBAAmD;IACzF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAU;CAC3D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"card-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-link/card-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;;GAKG;AACH,qBAEM,kBAAmB,SAAQ,uBAAmD;IAClF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAU;CAC3D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/card/card-link.js

@@ -1,19 +1,19 @@
-import { customElement as l } from "lit/decorators.js";
-import { SbbLinkBaseElement as b } from "../core/base-elements.js";
-import { SbbCardActionCommonElementMixin as p } from "./common.js";
-var c = Object.defineProperty, a = Object.getOwnPropertyDescriptor, f = (s, r, n, t) => {
-  for (var e = t > 1 ? void 0 : t ? a(r, n) : r, o = s.length - 1, m; o >= 0; o--)
-    (m = s[o]) && (e = (t ? m(r, n, e) : m(e)) || e);
-  return t && e && c(r, n, e), e;
-};
-let i = class extends p(b) {
-  constructor() {
-    super(...arguments), this.actionRole = "link";
-  }
-};
-i = f([
-  l("sbb-card-link")
-], i);
+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 {
-  i as SbbCardLinkElement
+  f as SbbCardLinkElement
 };

package/card/card.js

@@ -1,47 +1,66 @@
-import { css as l, LitElement as v, html as c, nothing as p } from "lit";
-import { property as n, customElement as h } from "lit/decorators.js";
-const g = l`*,: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-zero-time, 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}`;
-var x = Object.defineProperty, u = Object.getOwnPropertyDescriptor, t = (i, s, o, b) => {
-  for (var a = b > 1 ? void 0 : b ? u(s, o) : s, d = i.length - 1, e; d >= 0; d--)
-    (e = i[d]) && (a = (b ? e(s, o, a) : e(a)) || a);
-  return b && a && x(s, o, a), a;
+var _ = (a) => {
+  throw TypeError(a);
 };
-let r = class extends v {
-  constructor() {
-    super(...arguments), this.size = "m", this.color = "white";
-  }
-  /**
-   * 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 c`
+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, html as y, nothing as I, LitElement as T } from "lit";
+import { customElement as B, property as S } from "lit/decorators.js";
+const D = 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-zero-time, 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 V = (() => {
+  var d, i, b;
+  let a = [B("sbb-card")], r, s = [], e, g = T, x, u = [], m = [], f, k = [], w = [];
+  return b = class extends g {
+    constructor() {
+      super(...arguments);
+      v(this, d, c(this, u, "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. */
+    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() ? c`<span class="sbb-card__badge-wrapper">
+        ${this._isBadgeVisible() ? y`<span class="sbb-card__badge-wrapper">
               <slot name="badge"></slot>
-            </span>` : p}
+            </span>` : I}
       </span>
     `;
-  }
-};
-r.styles = g;
-t([
-  n({ reflect: !0 })
-], r.prototype, "size", 2);
-t([
-  n({ reflect: !0 })
-], r.prototype, "color", 2);
-r = t([
-  h("sbb-card")
-], r);
+    }
+  }, 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 = D, c(e, s), e;
+})();
 export {
-  r as SbbCardElement
+  V as SbbCardElement
 };

package/card/common/card-action-common.d.ts

@@ -1,7 +1,7 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { AbstractConstructor } from '../../core/mixins.js';
 export declare class SbbCardActionCommonElementMixinType {
-    active: boolean;
+    accessor active: boolean;
     protected actionRole: 'link' | 'button';
 }
 export declare const SbbCardActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbCardActionCommonElementMixinType> & T;

package/card/common/card-action-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKhE,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,mCAAmC;IAC/C,MAAM,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAqF7D,CAAC"}
+{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKhE,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,mCAAmC;IACtD,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAqF7D,CAAC"}

package/card/common.js

@@ -1,25 +1,25 @@
-import { MutationController as n } from "@lit-labs/observers/mutation-controller.js";
-import { property as l } from "lit/decorators.js";
-import { html as b } from "lit/static-html.js";
-import { IS_FOCUSABLE_QUERY as d } from "../core/a11y.js";
-import { hostAttributes as u } from "../core/decorators.js";
-import { css as h } from "lit";
+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 f = h`*,: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)}`;
-var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (i, o, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? _(o, t) : o, a = i.length - 1, s; a >= 0; a--)
-    (s = i[a]) && (e = (r ? s(o, t, e) : s(e)) || e);
-  return r && e && m(o, t, e), e;
-};
-const S = (i) => {
-  let o = class extends i {
+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 = !1, this._card = null, this._cardMutationObserver = new n(this, {
+      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();
     }
@@ -30,37 +30,31 @@ const S = (i) => {
       this._card && this._card.toggleAttribute("data-has-active-action", this.active);
     }
     _checkForSlottedActions() {
-      var r, e;
+      var a, i;
       const t = "data-card-focusable";
-      Array.from(((e = (r = this._card) == null ? void 0 : r.querySelectorAll) == null ? void 0 : e.call(r, d)) ?? []).filter(
-        (a) => a.localName !== "sbb-card-link" && a.localName !== "sbb-card-button" && !a.hasAttribute(t)
-      ).forEach((a) => a.setAttribute(t, ""));
+      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);
+      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 b`
+      return v`
         <sbb-screen-reader-only>
           <slot></slot>
         </sbb-screen-reader-only>
       `;
     }
-  };
-  return o.styles = f, c([
-    l({ reflect: !0, type: Boolean })
-  ], o.prototype, "active", 1), o = c([
-    u({
-      slot: "action"
-    })
-  ], o), o;
-};
+  }, 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;
+})();
 export {
-  S as SbbCardActionCommonElementMixin
+  M as SbbCardActionCommonElementMixin
 };

package/checkbox/checkbox/checkbox.d.ts

@@ -10,6 +10,7 @@ declare const SbbCheckboxElement_base: import('../../core/mixins.js').Constructo
  * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
  * @event {Event} change - Event fired on change.
  * @event {InputEvent} input - Event fired on input.
+ * @overrideType value - string | null
  */
 export declare class SbbCheckboxElement extends SbbCheckboxElement_base {
     static styles: CSSResultGroup;
@@ -17,11 +18,9 @@ export declare class SbbCheckboxElement extends SbbCheckboxElement_base {
         readonly didChange: "didChange";
     };
     /** Size variant. */
-    set size(value: SbbCheckboxSize);
-    get size(): SbbCheckboxSize;
-    private _size;
+    accessor size: SbbCheckboxSize;
     /** The label position relative to the labelIcon. Defaults to end */
-    iconPlacement: SbbIconPlacement;
+    accessor iconPlacement: SbbIconPlacement;
     protected render(): TemplateResult;
 }
 declare global {

package/checkbox/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAItB,OAAO,0BAA0B,CAAC;;AAElC;;;;;;;;GAQG;AACH,qBAEa,kBAAmB,SAAQ,uBAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,gBAAuB,MAAM;;MAElB;IAEX,oBAAoB;IACpB,IACW,IAAI,CAAC,KAAK,EAAE,eAAe,EAErC;IACD,IAAW,IAAI,IAAI,eAAe,CAEjC;IACD,OAAO,CAAC,KAAK,CAAwB;IAErC,oEAAoE;IAE7D,aAAa,EAAE,gBAAgB,CAAS;cAE5B,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAItB,OAAO,0BAA0B,CAAC;;AAElC;;;;;;;;;GASG;AACH,qBAGM,kBAAmB,SAAQ,uBAA2D;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,gBAAuB,MAAM;;MAElB;IAEX,oBAAoB;IACpB,SAEgB,IAAI,EAAE,eAAe,CAAO;IAE5C,oEAAoE;IACpE,SACgB,aAAa,EAAE,gBAAgB,CAAS;cAErC,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

package/checkbox/checkbox-group/checkbox-group.d.ts

@@ -13,13 +13,13 @@ declare const SbbCheckboxGroupElement_base: import('../../core/mixins.js').Abstr
 export declare class SbbCheckboxGroupElement extends SbbCheckboxGroupElement_base {
     static styles: CSSResultGroup;
     /** Whether the checkbox group is required. */
-    required: boolean;
+    accessor required: boolean;
     /** Size variant, either m or s. */
-    size: SbbCheckboxSize;
+    accessor size: SbbCheckboxSize;
     /** Overrides the behaviour of `orientation` property. */
-    horizontalFrom?: SbbHorizontalFrom;
+    accessor horizontalFrom: SbbHorizontalFrom | null;
     /** Indicates the orientation of the checkboxes inside the `<sbb-checkbox-group>`. */
-    orientation: SbbOrientation;
+    accessor orientation: SbbOrientation;
     /** List of contained checkbox elements. */
     get checkboxes(): (SbbCheckboxElement | SbbCheckboxPanelElement)[];
     private _abort;

package/checkbox/checkbox-group/checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBAEa,uBAAwB,SAAQ,4BAA4B;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IACK,QAAQ,UAAS;IAEpE,mCAAmC;IAChB,IAAI,EAAE,eAAe,CAAO;IAE/C,yDAAyD;IAElD,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,qFAAqF;IAE9E,WAAW,EAAE,cAAc,CAAgB;IAElD,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;IAED,OAAO,CAAC,MAAM,CAAsE;IAEpE,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA0BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-group/checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBAGM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,mCAAmC;IACnC,SAA4B,IAAI,EAAE,eAAe,CAAO;IAExD,yDAAyD;IACzD,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE,qFAAqF;IACrF,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;IAED,OAAO,CAAC,MAAM,CAAsE;IAEpE,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA0BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}