@sbb-esta/lyne-elements-dev 4.7.0-dev.1773149675 → 4.7.0-dev.1773159918

package/button/mini-button-group/mini-button-group.component.js

@@ -1,66 +1,67 @@
-var x = (i) => {
+var v = (i) => {
   throw TypeError(i);
 };
-var L = (i, t, s) => t.has(i) || x("Cannot " + s);
-var d = (i, t, s) => (L(i, t, "read from private field"), s ? s.call(i) : t.get(i)), m = (i, t, s) => t.has(i) ? x("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), l = (i, t, s, a) => (L(i, t, "write to private field"), a ? a.call(i, s) : t.set(i, s), s);
-import { __esDecorate as g, __runInitializers as c } from "tslib";
-import { css as S, LitElement as w, html as N } from "lit";
-import { customElement as E, property as k } from "lit/decorators.js";
-import { forceType as I } from "../../core/decorators.js";
-import { isLean as D } from "../../core/dom.js";
-import { SbbNegativeMixin as M, SbbNamedSlotListMixin as O } from "../../core/mixins.js";
-import { boxSizingStyles as j } from "../../core/styles.js";
-const T = S`:host{display:block}:host([negative]){--sbb-mini-button-group-background: var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`;
+var f = (i, t, e) => t.has(i) || v("Cannot " + e);
+var m = (i, t, e) => (f(i, t, "read from private field"), e ? e.call(i) : t.get(i)), u = (i, t, e) => t.has(i) ? v("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), l = (i, t, e, o) => (f(i, t, "write to private field"), o ? o.call(i, e) : t.set(i, e), e);
+import { __esDecorate as y, __runInitializers as c } from "tslib";
+import { css as x, html as _ } from "lit";
+import { property as z } from "lit/decorators.js";
+import { SbbElement as L } from "../../core/base-elements.js";
+import { forceType as k } from "../../core/decorators.js";
+import { isLean as w } from "../../core/dom.js";
+import { SbbNegativeMixin as S, SbbNamedSlotListMixin as N } from "../../core/mixins.js";
+import { boxSizingStyles as I } from "../../core/styles.js";
+const O = x`:host{display:block}:host([negative]){--sbb-mini-button-group-background: var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`;
 let H = (() => {
-  var n, o, r;
-  let i = [E("sbb-mini-button-group")], t, s = [], a, p = M(O(w)), h, v = [], y = [], f, _ = [], z = [];
-  return r = class extends p {
+  var a, n, r;
+  let i = S(N(L)), t, e = [], o = [], g, p = [], h = [];
+  return r = class extends i {
     constructor() {
       super(...arguments);
-      m(this, n);
-      m(this, o);
+      u(this, a);
+      u(this, n);
       this.listChildLocalNames = [
         "sbb-mini-button",
         "sbb-mini-button-link",
         "sbb-divider"
-      ], l(this, n, c(this, v, "")), l(this, o, (c(this, y), c(this, _, D() ? "s" : "m"))), c(this, z);
+      ], l(this, a, c(this, e, "")), l(this, n, (c(this, o), c(this, p, w() ? "s" : "m"))), c(this, h);
     }
     /** This will be forwarded as aria-label to the list that contains the buttons. */
     get accessibilityLabel() {
-      return d(this, n);
+      return m(this, a);
     }
-    set accessibilityLabel(e) {
-      l(this, n, e);
+    set accessibilityLabel(s) {
+      l(this, a, s);
     }
     /**
      * Size variant, either s, m, l or xl.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return d(this, o);
+      return m(this, n);
     }
-    set size(e) {
-      l(this, o, e);
+    set size(s) {
+      l(this, n, s);
     }
-    willUpdate(e) {
-      super.willUpdate(e), e.has("negative") && this._proxyNegative();
+    willUpdate(s) {
+      super.willUpdate(s), s.has("negative") && this._proxyNegative();
     }
     _proxyNegative() {
-      this.querySelectorAll?.("sbb-divider, sbb-mini-button, sbb-mini-button-link").forEach((e) => e.negative = this.negative);
+      this.querySelectorAll?.("sbb-divider, sbb-mini-button, sbb-mini-button-link").forEach((s) => s.negative = this.negative);
     }
     render() {
-      return N`
+      return _`
       ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
     `;
     }
-  }, n = new WeakMap(), o = new WeakMap(), a = r, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-    h = [I(), k({ attribute: "accessibility-label" })], f = [k({ reflect: !0 })], g(r, null, h, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (b) => "accessibilityLabel" in b, get: (b) => b.accessibilityLabel, set: (b, u) => {
-      b.accessibilityLabel = u;
-    } }, metadata: e }, v, y), g(r, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (b) => "size" in b, get: (b) => b.size, set: (b, u) => {
-      b.size = u;
-    } }, metadata: e }, _, z), g(null, t = { value: a }, i, { kind: "class", name: a.name, metadata: e }, null, s), a = t.value, e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), r.styles = [j, T], c(a, s), a;
+  }, a = new WeakMap(), n = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    t = [k(), z({ attribute: "accessibility-label" })], g = [z({ reflect: !0 })], y(r, null, t, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (b) => "accessibilityLabel" in b, get: (b) => b.accessibilityLabel, set: (b, d) => {
+      b.accessibilityLabel = d;
+    } }, metadata: s }, e, o), y(r, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (b) => "size" in b, get: (b) => b.size, set: (b, d) => {
+      b.size = d;
+    } }, metadata: s }, p, h), s && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), r.elementName = "sbb-mini-button-group", r.styles = [I, O], r;
 })();
 export {
   H as SbbMiniButtonGroupElement

package/button/mini-button-group.js

@@ -1,4 +1,6 @@
-import { SbbMiniButtonGroupElement as e } from "./mini-button-group/mini-button-group.component.js";
+import { SbbMiniButtonGroupElement as o } from "../button.pure.js";
+import { SbbMiniButtonGroupElement as i } from "./mini-button-group/mini-button-group.component.js";
+o.define();
 export {
-  e as SbbMiniButtonGroupElement
+  i as SbbMiniButtonGroupElement
 };

package/button/mini-button-link/mini-button-link.component.js

@@ -1,35 +1,27 @@
-import { __esDecorate as n, __runInitializers as s } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { html as b } from "lit/static-html.js";
-import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
-import { SbbNegativeMixin as u, SbbDisabledInteractiveMixin as p, SbbDisabledMixin as S } from "../../core/mixins.js";
-import { boxSizingStyles as d } from "../../core/styles.js";
-import { SbbIconNameMixin as f } from "../../icon.js";
-import { miniButtonStyle as _, miniButtonLabelStyle as y } from "../common.js";
-import { css as x } from "lit";
-const v = x`@media(forced-colors:active){:host{--sbb-mini-button-color: LinkText !important}}`;
-let z = (() => {
-  var e;
-  let r = [m("sbb-mini-button-link")], a, o = [], t, l = u(f(p(S(c))));
-  return e = class extends l {
-    renderTemplate() {
-      return b`
+import { html as o } from "lit/static-html.js";
+import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
+import { SbbNegativeMixin as s, SbbDisabledInteractiveMixin as r, SbbDisabledMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as a } from "../../core/styles.js";
+import { SbbIconNameMixin as l } from "../../icon.js";
+import { miniButtonStyle as n, miniButtonLabelStyle as b } from "../common.js";
+import { css as c } from "lit";
+const p = c`@media(forced-colors:active){:host{--sbb-mini-button-color: LinkText !important}}`, t = class t extends s(l(r(m(e)))) {
+  renderTemplate() {
+    return o`
       ${super.renderIconSlot()}
       <span class="sbb-mini-button__label">
         <slot></slot>
       </span>
     `;
-    }
-  }, t = e, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    n(null, a = { value: t }, r, { kind: "class", name: t.name, metadata: i }, null, o), t = a.value, i && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), e.styles = [
-    d,
-    _,
-    y,
-    v
-  ], s(t, o), t;
-})();
+  }
+};
+t.elementName = "sbb-mini-button-link", t.styles = [
+  a,
+  n,
+  b,
+  p
+];
+let i = t;
 export {
-  z as SbbMiniButtonLinkElement
+  i as SbbMiniButtonLinkElement
 };

package/button/mini-button-link.js

@@ -1,4 +1,6 @@
-import { SbbMiniButtonLinkElement as e } from "./mini-button-link/mini-button-link.component.js";
+import { SbbMiniButtonLinkElement as n } from "../button.pure.js";
+import { SbbMiniButtonLinkElement as o } from "./mini-button-link/mini-button-link.component.js";
+n.define();
 export {
-  e as SbbMiniButtonLinkElement
+  o as SbbMiniButtonLinkElement
 };

package/button/mini-button.js

@@ -1,4 +1,6 @@
-import { SbbMiniButtonElement as n } from "./mini-button/mini-button.component.js";
+import { SbbMiniButtonElement as t } from "../button.pure.js";
+import { SbbMiniButtonElement as o } from "./mini-button/mini-button.component.js";
+t.define();
 export {
-  n as SbbMiniButtonElement
+  o as SbbMiniButtonElement
 };

package/button/secondary-button/secondary-button.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as i } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbButtonBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as c } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonSecondaryStyle as y } from "../common.js";
-let B = (() => {
-  var e;
-  let r = [m("sbb-secondary-button")], o, l = [], t, n = S(c(b));
-  return e = class extends n {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, o = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, l), t = o.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    d,
-    y
-  ], i(t, l), t;
-})();
+import { SbbButtonBaseElement as o } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as s } from "../../core/mixins.js";
+import { boxSizingStyles as m } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as n, buttonSecondaryStyle as b } from "../common.js";
+const t = class t extends e(s(o)) {
+};
+t.elementName = "sbb-secondary-button", t.styles = [
+  m,
+  n,
+  b
+];
+let i = t;
 export {
-  B as SbbSecondaryButtonElement
+  i as SbbSecondaryButtonElement
 };

package/button/secondary-button-link/secondary-button-link.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as r, __runInitializers as s } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbLinkBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../../core/mixins.js";
-import { boxSizingStyles as S } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as d, buttonCommonStyle as y, buttonSecondaryStyle as f } from "../common.js";
-let k = (() => {
-  var e;
-  let n = [m("sbb-secondary-button-link")], l, i = [], t, o = d(c(u(b)));
-  return e = class extends o {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    r(null, l = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    S,
-    y,
-    f
-  ], s(t, i), t;
-})();
+import { SbbLinkBaseElement as s } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as o, SbbDisabledMixin as e } from "../../core/mixins.js";
+import { boxSizingStyles as m } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as b, buttonCommonStyle as r, buttonSecondaryStyle as l } from "../common.js";
+const t = class t extends b(o(e(s))) {
+};
+t.elementName = "sbb-secondary-button-link", t.styles = [
+  m,
+  r,
+  l
+];
+let i = t;
 export {
-  k as SbbSecondaryButtonLinkElement
+  i as SbbSecondaryButtonLinkElement
 };

package/button/secondary-button-link.js

@@ -1,4 +1,6 @@
-import { SbbSecondaryButtonLinkElement as o } from "./secondary-button-link/secondary-button-link.component.js";
+import { SbbSecondaryButtonLinkElement as e } from "../button.pure.js";
+import { SbbSecondaryButtonLinkElement as r } from "./secondary-button-link/secondary-button-link.component.js";
+e.define();
 export {
-  o as SbbSecondaryButtonLinkElement
+  r as SbbSecondaryButtonLinkElement
 };

package/button/secondary-button-static/secondary-button-static.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as n } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbActionBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledMixin as b } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonSecondaryStyle as y } from "../common.js";
-let D = (() => {
-  var e;
-  let r = [m("sbb-secondary-button-static")], o, l = [], t, i = S(b(c));
-  return e = class extends i {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    s(null, o = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, l), t = o.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    d,
-    y
-  ], n(t, l), t;
-})();
+import { SbbActionBaseElement as t } from "../../core/base-elements.js";
+import { SbbDisabledMixin as i } from "../../core/mixins.js";
+import { boxSizingStyles as m } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as r, buttonSecondaryStyle as b } from "../common.js";
+const o = class o extends e(i(t)) {
+};
+o.elementName = "sbb-secondary-button-static", o.styles = [
+  m,
+  r,
+  b
+];
+let s = o;
 export {
-  D as SbbSecondaryButtonStaticElement
+  s as SbbSecondaryButtonStaticElement
 };

package/button/secondary-button-static.js

@@ -1,4 +1,6 @@
-import { SbbSecondaryButtonStaticElement as o } from "./secondary-button-static/secondary-button-static.component.js";
+import { SbbSecondaryButtonStaticElement as t } from "../button.pure.js";
+import { SbbSecondaryButtonStaticElement as r } from "./secondary-button-static/secondary-button-static.component.js";
+t.define();
 export {
-  o as SbbSecondaryButtonStaticElement
+  r as SbbSecondaryButtonStaticElement
 };

package/button/secondary-button.js

@@ -1,4 +1,6 @@
-import { SbbSecondaryButtonElement as t } from "./secondary-button/secondary-button.component.js";
+import { SbbSecondaryButtonElement as e } from "../button.pure.js";
+import { SbbSecondaryButtonElement as r } from "./secondary-button/secondary-button.component.js";
+e.define();
 export {
-  t as SbbSecondaryButtonElement
+  r as SbbSecondaryButtonElement
 };

package/button/transparent-button/transparent-button.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as i } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbButtonBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as c } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as p, buttonCommonStyle as S, buttonTransparentStyle as d } from "../common.js";
-let B = (() => {
-  var e;
-  let r = [m("sbb-transparent-button")], l, n = [], t, o = p(c(b));
-  return e = class extends o {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    S,
-    d
-  ], i(t, n), t;
-})();
+import { SbbButtonBaseElement as i } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as s } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as b, buttonTransparentStyle as n } from "../common.js";
+const t = class t extends e(m(i)) {
+};
+t.elementName = "sbb-transparent-button", t.styles = [
+  s,
+  b,
+  n
+];
+let o = t;
 export {
-  B as SbbTransparentButtonElement
+  o as SbbTransparentButtonElement
 };

package/button/transparent-button-link/transparent-button-link.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as o } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbLinkBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../../core/mixins.js";
-import { boxSizingStyles as p } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonTransparentStyle as f } from "../common.js";
-let k = (() => {
-  var e;
-  let r = [m("sbb-transparent-button-link")], l, n = [], t, i = S(c(u(b)));
-  return e = class extends i {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    p,
-    d,
-    f
-  ], o(t, n), t;
-})();
+import { SbbLinkBaseElement as o } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as s } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as b, buttonCommonStyle as l, buttonTransparentStyle as r } from "../common.js";
+const t = class t extends b(e(m(o))) {
+};
+t.elementName = "sbb-transparent-button-link", t.styles = [
+  s,
+  l,
+  r
+];
+let i = t;
 export {
-  k as SbbTransparentButtonLinkElement
+  i as SbbTransparentButtonLinkElement
 };

package/button/transparent-button-link.js

@@ -1,4 +1,6 @@
-import { SbbTransparentButtonLinkElement as e } from "./transparent-button-link/transparent-button-link.component.js";
+import { SbbTransparentButtonLinkElement as n } from "../button.pure.js";
+import { SbbTransparentButtonLinkElement as o } from "./transparent-button-link/transparent-button-link.component.js";
+n.define();
 export {
-  e as SbbTransparentButtonLinkElement
+  o as SbbTransparentButtonLinkElement
 };

package/button/transparent-button-static/transparent-button-static.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as n, __runInitializers as i } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbActionBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledMixin as c } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as p, buttonCommonStyle as S, buttonTransparentStyle as f } from "../common.js";
-let D = (() => {
-  var e;
-  let s = [m("sbb-transparent-button-static")], l, r = [], t, o = p(c(b));
-  return e = class extends o {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, r), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    S,
-    f
-  ], i(t, r), t;
-})();
+import { SbbActionBaseElement as i } from "../../core/base-elements.js";
+import { SbbDisabledMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as s } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as b, buttonTransparentStyle as r } from "../common.js";
+const o = class o extends e(m(i)) {
+};
+o.elementName = "sbb-transparent-button-static", o.styles = [
+  s,
+  b,
+  r
+];
+let t = o;
 export {
-  D as SbbTransparentButtonStaticElement
+  t as SbbTransparentButtonStaticElement
 };

package/button/transparent-button-static.js

@@ -1,4 +1,6 @@
-import { SbbTransparentButtonStaticElement as n } from "./transparent-button-static/transparent-button-static.component.js";
+import { SbbTransparentButtonStaticElement as t } from "../button.pure.js";
+import { SbbTransparentButtonStaticElement as a } from "./transparent-button-static/transparent-button-static.component.js";
+t.define();
 export {
-  n as SbbTransparentButtonStaticElement
+  a as SbbTransparentButtonStaticElement
 };

package/button/transparent-button.js

@@ -1,4 +1,6 @@
-import { SbbTransparentButtonElement as n } from "./transparent-button/transparent-button.component.js";
+import { SbbTransparentButtonElement as t } from "../button.pure.js";
+import { SbbTransparentButtonElement as o } from "./transparent-button/transparent-button.component.js";
+t.define();
 export {
-  n as SbbTransparentButtonElement
+  o as SbbTransparentButtonElement
 };

package/button.js

@@ -1,37 +1,52 @@
-import { SbbButtonElement as n } from "./button/button/button.component.js";
-import { SbbSecondaryButtonElement as r } from "./button/secondary-button/secondary-button.component.js";
-import { SbbAccentButtonElement as b } from "./button/accent-button/accent-button.component.js";
-import { SbbTransparentButtonElement as a } from "./button/transparent-button/transparent-button.component.js";
-import { SbbMiniButtonElement as u } from "./button/mini-button/mini-button.component.js";
+import { SbbButtonElement as t } from "./button/button/button.component.js";
+import { SbbSecondaryButtonElement as e } from "./button/secondary-button/secondary-button.component.js";
+import { SbbAccentButtonElement as n } from "./button/accent-button/accent-button.component.js";
+import { SbbTransparentButtonElement as o } from "./button/transparent-button/transparent-button.component.js";
+import { SbbMiniButtonElement as m } from "./button/mini-button/mini-button.component.js";
 import { SbbMiniButtonLinkElement as i } from "./button/mini-button-link/mini-button-link.component.js";
-import { SbbMiniButtonGroupElement as B } from "./button/mini-button-group/mini-button-group.component.js";
-import { SbbButtonLinkElement as f } from "./button/button-link/button-link.component.js";
-import { SbbSecondaryButtonLinkElement as s } from "./button/secondary-button-link/secondary-button-link.component.js";
-import { SbbAccentButtonLinkElement as L } from "./button/accent-button-link/accent-button-link.component.js";
-import { SbbTransparentButtonLinkElement as d } from "./button/transparent-button-link/transparent-button-link.component.js";
-import { SbbButtonStaticElement as M } from "./button/button-static/button-static.component.js";
-import { SbbSecondaryButtonStaticElement as C } from "./button/secondary-button-static/secondary-button-static.component.js";
-import { SbbAccentButtonStaticElement as P } from "./button/accent-button-static/accent-button-static.component.js";
-import { SbbTransparentButtonStaticElement as h } from "./button/transparent-button-static/transparent-button-static.component.js";
+import { SbbMiniButtonGroupElement as r } from "./button/mini-button-group/mini-button-group.component.js";
+import { SbbButtonLinkElement as b } from "./button/button-link/button-link.component.js";
+import { SbbSecondaryButtonLinkElement as f } from "./button/secondary-button-link/secondary-button-link.component.js";
+import { SbbAccentButtonLinkElement as S } from "./button/accent-button-link/accent-button-link.component.js";
+import { SbbTransparentButtonLinkElement as a } from "./button/transparent-button-link/transparent-button-link.component.js";
+import { SbbButtonStaticElement as l } from "./button/button-static/button-static.component.js";
+import { SbbSecondaryButtonStaticElement as p } from "./button/secondary-button-static/secondary-button-static.component.js";
+import { SbbAccentButtonStaticElement as u } from "./button/accent-button-static/accent-button-static.component.js";
+import { SbbTransparentButtonStaticElement as d } from "./button/transparent-button-static/transparent-button-static.component.js";
 import { SbbButtonCommonElementMixin as q } from "./button/common/button-common.js";
 import { a as w, b as z, p as D, s as F, t as H, m as I, c as J } from "./mini-button-label-common-Dx9JhmQ6.js";
+n.define();
+S.define();
+u.define();
+t.define();
+b.define();
+l.define();
+m.define();
+r.define();
+i.define();
+e.define();
+f.define();
+p.define();
+o.define();
+a.define();
+d.define();
 export {
-  b as SbbAccentButtonElement,
-  L as SbbAccentButtonLinkElement,
-  P as SbbAccentButtonStaticElement,
+  n as SbbAccentButtonElement,
+  S as SbbAccentButtonLinkElement,
+  u as SbbAccentButtonStaticElement,
   q as SbbButtonCommonElementMixin,
-  n as SbbButtonElement,
-  f as SbbButtonLinkElement,
-  M as SbbButtonStaticElement,
-  u as SbbMiniButtonElement,
-  B as SbbMiniButtonGroupElement,
+  t as SbbButtonElement,
+  b as SbbButtonLinkElement,
+  l as SbbButtonStaticElement,
+  m as SbbMiniButtonElement,
+  r as SbbMiniButtonGroupElement,
   i as SbbMiniButtonLinkElement,
-  r as SbbSecondaryButtonElement,
-  s as SbbSecondaryButtonLinkElement,
-  C as SbbSecondaryButtonStaticElement,
-  a as SbbTransparentButtonElement,
-  d as SbbTransparentButtonLinkElement,
-  h as SbbTransparentButtonStaticElement,
+  e as SbbSecondaryButtonElement,
+  f as SbbSecondaryButtonLinkElement,
+  p as SbbSecondaryButtonStaticElement,
+  o as SbbTransparentButtonElement,
+  a as SbbTransparentButtonLinkElement,
+  d as SbbTransparentButtonStaticElement,
   w as buttonAccentStyle,
   z as buttonCommonStyle,
   D as buttonPrimaryStyle,

package/button.pure.js

@@ -0,0 +1,42 @@
+import { SbbButtonElement as n } from "./button/button/button.component.js";
+import { SbbSecondaryButtonElement as r } from "./button/secondary-button/secondary-button.component.js";
+import { SbbAccentButtonElement as b } from "./button/accent-button/accent-button.component.js";
+import { SbbTransparentButtonElement as a } from "./button/transparent-button/transparent-button.component.js";
+import { SbbMiniButtonElement as u } from "./button/mini-button/mini-button.component.js";
+import { SbbMiniButtonLinkElement as i } from "./button/mini-button-link/mini-button-link.component.js";
+import { SbbMiniButtonGroupElement as B } from "./button/mini-button-group/mini-button-group.component.js";
+import { SbbButtonLinkElement as f } from "./button/button-link/button-link.component.js";
+import { SbbSecondaryButtonLinkElement as s } from "./button/secondary-button-link/secondary-button-link.component.js";
+import { SbbAccentButtonLinkElement as L } from "./button/accent-button-link/accent-button-link.component.js";
+import { SbbTransparentButtonLinkElement as d } from "./button/transparent-button-link/transparent-button-link.component.js";
+import { SbbButtonStaticElement as M } from "./button/button-static/button-static.component.js";
+import { SbbSecondaryButtonStaticElement as C } from "./button/secondary-button-static/secondary-button-static.component.js";
+import { SbbAccentButtonStaticElement as P } from "./button/accent-button-static/accent-button-static.component.js";
+import { SbbTransparentButtonStaticElement as h } from "./button/transparent-button-static/transparent-button-static.component.js";
+import { SbbButtonCommonElementMixin as q } from "./button/common/button-common.js";
+import { a as w, b as z, p as D, s as F, t as H, m as I, c as J } from "./mini-button-label-common-Dx9JhmQ6.js";
+export {
+  b as SbbAccentButtonElement,
+  L as SbbAccentButtonLinkElement,
+  P as SbbAccentButtonStaticElement,
+  q as SbbButtonCommonElementMixin,
+  n as SbbButtonElement,
+  f as SbbButtonLinkElement,
+  M as SbbButtonStaticElement,
+  u as SbbMiniButtonElement,
+  B as SbbMiniButtonGroupElement,
+  i as SbbMiniButtonLinkElement,
+  r as SbbSecondaryButtonElement,
+  s as SbbSecondaryButtonLinkElement,
+  C as SbbSecondaryButtonStaticElement,
+  a as SbbTransparentButtonElement,
+  d as SbbTransparentButtonLinkElement,
+  h as SbbTransparentButtonStaticElement,
+  w as buttonAccentStyle,
+  z as buttonCommonStyle,
+  D as buttonPrimaryStyle,
+  F as buttonSecondaryStyle,
+  H as buttonTransparentStyle,
+  I as miniButtonLabelStyle,
+  J as miniButtonStyle
+};