@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/breadcrumb/breadcrumb-group.js

@@ -1,141 +1,4 @@
-import { __esDecorate as h, __runInitializers as m } from "tslib";
-import { ResizeController as f } from "@lit-labs/observers/resize-controller.js";
-import { css as v, LitElement as x, html as a, nothing as y } from "lit";
-import { customElement as C, state as w } from "lit/decorators.js";
-import { isArrowKeyPressed as k, sbbInputModalityDetector as z, getNextElementIndex as E } from "../core/a11y.js";
-import { SbbLanguageController as S } from "../core/controllers.js";
-import { hostAttributes as A } from "../core/decorators.js";
-import { setOrRemoveAttribute as B } from "../core/dom.js";
-import { i18nBreadcrumbEllipsisButtonLabel as D } from "../core/i18n.js";
-import { SbbNamedSlotListMixin as I } from "../core/mixins.js";
-import "../icon.js";
-const N = v`*,:before,:after{box-sizing:border-box}:host{--sbb-breadcrumb-group-wrap: nowrap;--sbb-breadcrumb-group-visibility: hidden;display:block}:host([data-loaded]){--sbb-breadcrumb-group-visibility: visible}:host([data-state]){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-color-granite)}#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);--sbb-breadcrumb-group-ellipsis-background-color: transparent;--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);--sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--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);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:pointer;color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media (forced-colors: active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media (any-hover: hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-charcoal);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-color-milk)}}@media (any-hover: hover) and (forced-colors: active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`, p = 3;
-let P = (() => {
-  var t;
-  let g = [C("sbb-breadcrumb-group"), A({
-    role: "navigation"
-  })], l, o = [], s, b = I(x), n = [], d;
-  return t = class extends b {
-    /* The state of the breadcrumb group. */
-    set _state(e) {
-      B(this, "data-state", e);
-    }
-    get _state() {
-      return this.getAttribute("data-state");
-    }
-    constructor() {
-      var e;
-      super(), this.listChildLocalNames = (m(this, n), ["sbb-breadcrumb"]), this._resizeObserver = new f(this, {
-        target: null,
-        skipInitial: !0,
-        callback: () => this._evaluateCollapsedState()
-      }), this._language = new S(this), this._markForFocus = !1, (e = this.addEventListener) == null || e.call(this, "keydown", (r) => this._handleKeyDown(r));
-    }
-    _handleKeyDown(e) {
-      if (!(!this.listChildren.length || // don't trap nested handling
-      e.target !== this && e.target.parentElement !== this) && k(e)) {
-        if (this._state === "collapsed")
-          return this._focusNextCollapsed(e);
-        this._focusNext(e);
-      }
-    }
-    firstUpdated(e) {
-      super.firstUpdated(e), this._resizeObserver.observe(this), this.toggleAttribute("data-loaded", !0);
-    }
-    willUpdate(e) {
-      super.willUpdate(e), e.has("listChildren") && this._syncBreadcrumbs();
-    }
-    updated(e) {
-      var r;
-      super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && z.mostRecentModality === "keyboard" && ((r = this.listChildren[1]) == null || r.focus(), this._markForFocus = !1);
-    }
-    /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
-    _syncBreadcrumbs() {
-      var e;
-      this.listChildren.slice(0, -1).filter((r) => r.hasAttribute("accessibility-current")).forEach((r) => r.removeAttribute("accessibility-current")), (e = this.listChildren[this.listChildren.length - 1]) == null || e.setAttribute("accessibility-current", "page"), this.listChildren.length < p && (this._state = null);
-    }
-    /**
-     * Sets the focus on the correct element when the ellipsis breadcrumb is displayed and the user is navigating with keyboard's arrows.
-     */
-    _focusNextCollapsed(e) {
-      const r = [
-        this.listChildren[0],
-        this.shadowRoot.querySelector("#sbb-breadcrumb-ellipsis"),
-        this.listChildren[this.listChildren.length - 1]
-      ];
-      this._focusNext(e, r);
-    }
-    _focusNext(e, r = this.listChildren) {
-      var c;
-      const i = r.findIndex((u) => u === document.activeElement || u === this.shadowRoot.activeElement), _ = E(e, i, r.length);
-      (c = r[_]) == null || c.focus(), e.preventDefault();
-    }
-    /**
-     * Note: due to @State annotation on _state, this method triggers a new render; as a consequence, the focus is moved
-     * to the `body`, so if the ellipsis element has focus, it's asynchronously forced to the first element.
-     */
-    _expandBreadcrumbs() {
-      this._state = "manually-expanded", this._markForFocus = !0;
-    }
-    /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
-    _evaluateCollapsedState() {
-      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= p && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
-    }
-    _renderCollapsed() {
-      return a`
-      <li class="sbb-breadcrumb-group__item">
-        <slot name="li-0"></slot>
-      </li>
-      <li class="sbb-breadcrumb-group__item" id="sbb-breadcrumb-group-ellipsis">
-        <sbb-icon
-          name="chevron-small-right-small"
-          class="sbb-breadcrumb-group__divider-icon"
-        ></sbb-icon>
-        <button
-          type="button"
-          id="sbb-breadcrumb-ellipsis"
-          aria-label=${D[this._language.current]}
-          aria-expanded="false"
-          @click=${() => this._expandBreadcrumbs()}
-        >
-          ...
-        </button>
-      </li>
-      <li class="sbb-breadcrumb-group__item">
-        <sbb-icon
-          name="chevron-small-right-small"
-          class="sbb-breadcrumb-group__divider-icon"
-        ></sbb-icon>
-        <slot name=${`li-${this.listChildren.length - 1}`}></slot>
-      </li>
-    `;
-    }
-    _renderExpanded() {
-      return this.listSlotEntries().map((e, r, i) => a`
-        <li class="sbb-breadcrumb-group__item">
-          <slot name=${e.name}></slot>
-          ${r !== i.length - 1 ? a`<sbb-icon
-                name="chevron-small-right-small"
-                class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>` : y}
-        </li>
-      `);
-    }
-    render() {
-      return a`
-      <ol class="sbb-breadcrumb-group">
-        ${this._state === "collapsed" ? this._renderCollapsed() : this._renderExpanded()}
-      </ol>
-      ${this.renderHiddenSlot()}
-    `;
-    }
-  }, s = t, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    d = [w()], h(t, null, d, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (r) => "_state" in r, set: (r, i) => {
-      r._state = i;
-    } }, metadata: e }, null, n), h(null, l = { value: s }, g, { kind: "class", name: s.name, metadata: e }, null, o), s = l.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), t.styles = N, m(s, o), s;
-})();
+import { SbbBreadcrumbGroupElement as b } from "./breadcrumb-group/breadcrumb-group.js";
 export {
-  P as SbbBreadcrumbGroupElement
+  b as SbbBreadcrumbGroupElement
 };

package/breadcrumb/breadcrumb.d.ts

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

package/breadcrumb/breadcrumb.d.ts.map

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

package/breadcrumb/breadcrumb.js

@@ -1,52 +1,4 @@
-var u = (e) => {
-  throw TypeError(e);
-};
-var h = (e, t, r) => t.has(e) || u("Cannot " + r);
-var f = (e, t, r) => (h(e, t, "read from private field"), r ? r.call(e) : t.get(e)), x = (e, t, r) => t.has(e) ? u("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), _ = (e, t, r, o) => (h(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r);
-import { __esDecorate as v, __runInitializers as l } from "tslib";
-import { customElement as g, state as y } from "lit/decorators.js";
-import { html as T } from "lit/static-html.js";
-import { SbbLinkBaseElement as S } from "../core/base-elements.js";
-import { SbbHydrationMixin as k } from "../core/mixins.js";
-import { SbbIconNameMixin as w } from "../icon.js";
-import { css as z } from "lit";
-const I = z`*,:before,:after{box-sizing:border-box}:host{display:flex;--sbb-breadcrumb-color: var(--sbb-color-granite)}@media (any-hover: hover){:host(:hover){--sbb-breadcrumb-color: var(--sbb-color-charcoal)}}:host(:is(:active,[data-active])){--sbb-breadcrumb-color: var(--sbb-color-anthracite)}.sbb-breadcrumb{--sbb-link-text-decoration: none;--sbb-text-font-size: var(--sbb-font-size-text-xs);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);color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{display:flex;cursor:pointer;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-breadcrumb-color);align-items:center;overflow:hidden;outline:none}@media (forced-colors: active){.sbb-breadcrumb{--sbb-breadcrumb-color: ButtonText}}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-breadcrumb:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`;
-let C = (() => {
-  var b, a;
-  let e = [g("sbb-breadcrumb")], t, r = [], o, n = w(k(S)), c, d = [], m = [];
-  return a = class extends n {
-    constructor() {
-      super(...arguments);
-      x(this, b, l(this, d, !1));
-      l(this, m);
-    }
-    get _hasText() {
-      return f(this, b);
-    }
-    set _hasText(s) {
-      _(this, b, s);
-    }
-    _handleSlotchange() {
-      this._hasText = Array.from(this.childNodes ?? []).some((s) => {
-        var i;
-        return !s.slot && ((i = s.textContent) == null ? void 0 : i.trim());
-      });
-    }
-    renderTemplate() {
-      return T`
-      ${this.renderIconSlot("sbb-breadcrumb__icon")}
-      <span class="sbb-breadcrumb__label" ?hidden=${!this._hasText}>
-        <slot @slotchange=${this._handleSlotchange}></slot>
-      </span>
-    `;
-    }
-  }, b = new WeakMap(), o = a, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    c = [y()], v(a, null, c, { kind: "accessor", name: "_hasText", static: !1, private: !1, access: { has: (i) => "_hasText" in i, get: (i) => i._hasText, set: (i, p) => {
-      i._hasText = p;
-    } }, metadata: s }, d, m), v(null, t = { value: o }, e, { kind: "class", name: o.name, metadata: s }, null, r), o = t.value, s && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), a.styles = I, l(o, r), o;
-})();
+import { SbbBreadcrumbElement as b } from "./breadcrumb/breadcrumb.js";
 export {
-  C as SbbBreadcrumbElement
+  b as SbbBreadcrumbElement
 };

package/breadcrumb.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './breadcrumb/breadcrumb.js';
 export * from './breadcrumb/breadcrumb-group.js';
 //# sourceMappingURL=breadcrumb.d.ts.map

package/breadcrumb.d.ts.map

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

package/breadcrumb.js

@@ -1,2 +1,6 @@
-export * from "./breadcrumb/breadcrumb.js";
-export * from "./breadcrumb/breadcrumb-group.js";
+import { SbbBreadcrumbElement as b } from "./breadcrumb/breadcrumb/breadcrumb.js";
+import { SbbBreadcrumbGroupElement as o } from "./breadcrumb/breadcrumb-group/breadcrumb-group.js";
+export {
+  b as SbbBreadcrumbElement,
+  o as SbbBreadcrumbGroupElement
+};

package/button/accent-button/accent-button.js

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

package/button/accent-button-link/accent-button-link.js

@@ -0,0 +1,17 @@
+import { __esDecorate as s, __runInitializers as r } from "tslib";
+import { customElement as m } from "lit/decorators.js";
+import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as b, SbbDisabledMixin as u } from "../../core/mixins.js";
+import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonAccentStyle as f } from "../common.js";
+let D = (() => {
+  var e;
+  let o = [m("sbb-accent-button-link")], l, i = [], t, n = S(b(u(c)));
+  return e = class extends n {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    s(null, l = { value: t }, o, { 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 = [d, f], r(t, i), t;
+})();
+export {
+  D as SbbAccentButtonLinkElement
+};

package/button/accent-button-link.d.ts

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

package/button/accent-button-link.d.ts.map

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

package/button/accent-button-link.js

@@ -1,17 +1,4 @@
-import { __esDecorate as s, __runInitializers as r } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbLinkBaseElement as c } from "../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as b, SbbDisabledMixin as u } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonAccentStyle as f } from "./common.js";
-let D = (() => {
-  var e;
-  let o = [m("sbb-accent-button-link")], l, i = [], t, n = S(b(u(c)));
-  return e = class extends n {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, o, { 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 = [d, f], r(t, i), t;
-})();
+import { SbbAccentButtonLinkElement as n } from "./accent-button-link/accent-button-link.js";
 export {
-  D as SbbAccentButtonLinkElement
+  n as SbbAccentButtonLinkElement
 };

package/button/accent-button-static/accent-button-static.js

@@ -0,0 +1,17 @@
+import { __esDecorate as n, __runInitializers as r } 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 { SbbButtonCommonElementMixin as u, buttonCommonStyle as S, buttonAccentStyle as d } from "../common.js";
+let E = (() => {
+  var e;
+  let i = [m("sbb-accent-button-static")], l, o = [], t, s = u(b(c));
+  return e = class extends s {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    n(null, l = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [S, d], r(t, o), t;
+})();
+export {
+  E as SbbAccentButtonStaticElement
+};

package/button/accent-button-static.d.ts

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

package/button/accent-button-static.d.ts.map

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

package/button/accent-button-static.js

@@ -1,17 +1,4 @@
-import { __esDecorate as n, __runInitializers as r } 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 { SbbButtonCommonElementMixin as u, buttonCommonStyle as S, buttonAccentStyle as d } from "./common.js";
-let E = (() => {
-  var e;
-  let i = [m("sbb-accent-button-static")], l, o = [], t, s = u(b(c));
-  return e = class extends s {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    n(null, l = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [S, d], r(t, o), t;
-})();
+import { SbbAccentButtonStaticElement as c } from "./accent-button-static/accent-button-static.js";
 export {
-  E as SbbAccentButtonStaticElement
+  c as SbbAccentButtonStaticElement
 };

package/button/accent-button.d.ts

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

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

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

package/button/accent-button.js

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

package/button/button/button.js

@@ -0,0 +1,17 @@
+import { __esDecorate as i, __runInitializers as n } 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 { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonPrimaryStyle as S } from "../common.js";
+let E = (() => {
+  var e;
+  let s = [m("sbb-button")], l, o = [], t, r = u(c(b));
+  return e = class extends r {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    i(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [d, S], n(t, o), t;
+})();
+export {
+  E as SbbButtonElement
+};

package/button/button-link/button-link.js

@@ -0,0 +1,17 @@
+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 { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonPrimaryStyle as f } from "../common.js";
+let D = (() => {
+  var e;
+  let o = [m("sbb-button-link")], l, i = [], t, n = S(c(u(b)));
+  return e = class extends n {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    r(null, l = { value: t }, o, { 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 = [d, f], s(t, i), t;
+})();
+export {
+  D as SbbButtonLinkElement
+};

package/button/button-link.d.ts

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

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

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

package/button/button-link.js

@@ -1,17 +1,4 @@
-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 { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonPrimaryStyle as f } from "./common.js";
-let D = (() => {
-  var e;
-  let o = [m("sbb-button-link")], l, i = [], t, n = S(c(u(b)));
-  return e = class extends n {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    r(null, l = { value: t }, o, { 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 = [d, f], s(t, i), t;
-})();
+import { SbbButtonLinkElement as n } from "./button-link/button-link.js";
 export {
-  D as SbbButtonLinkElement
+  n as SbbButtonLinkElement
 };

package/button/button-static/button-static.js

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

package/button/button-static.d.ts

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

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

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

package/button/button-static.js

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

package/button/button.d.ts

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

package/button/button.d.ts.map

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

package/button/button.js

@@ -1,17 +1,4 @@
-import { __esDecorate as i, __runInitializers as n } 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 { SbbButtonCommonElementMixin as u, buttonCommonStyle as d, buttonPrimaryStyle as S } from "./common.js";
-let E = (() => {
-  var e;
-  let s = [m("sbb-button")], l, o = [], t, r = u(c(b));
-  return e = class extends r {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    i(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [d, S], n(t, o), t;
-})();
+import { SbbButtonElement as o } from "./button/button.js";
 export {
-  E as SbbButtonElement
+  o as SbbButtonElement
 };

package/button/common/button-common.js

@@ -0,0 +1,51 @@
+var d = (t) => {
+  throw TypeError(t);
+};
+var f = (t, e, s) => e.has(t) || d("Cannot " + s);
+var z = (t, e, s) => (f(t, e, "read from private field"), s ? s.call(t) : e.get(t)), S = (t, e, s) => e.has(t) ? d("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), h = (t, e, s, l) => (f(t, e, "write to private field"), l ? l.call(t, s) : e.set(t, s), s);
+import { __esDecorate as x, __runInitializers as m } from "tslib";
+import { property as g } from "lit/decorators.js";
+import { html as v } from "lit/static-html.js";
+import { hostAttributes as C, slotState as I } from "../../core/decorators.js";
+import { isLean as E } from "../../core/dom.js";
+import { SbbNegativeMixin as B } from "../../core/mixins.js";
+import { SbbIconNameMixin as D } from "../../icon.js";
+const P = (t) => (() => {
+  var o, r;
+  let s = [C({
+    "data-sbb-button": ""
+  }), I()], l, c = [], a, u = B(D(t)), b, p = [], _ = [];
+  return r = class extends u {
+    constructor() {
+      super(...arguments);
+      S(this, o, m(this, p, E() ? "s" : "l"));
+      m(this, _);
+    }
+    /**
+     * Size variant, either l, m or s.
+     * @default 'l' / 's' (lean)
+     */
+    get size() {
+      return z(this, o);
+    }
+    set size(i) {
+      h(this, o, i);
+    }
+    renderTemplate() {
+      return v`
+        ${super.renderIconSlot()}
+        <span class="sbb-button__label">
+          <slot></slot>
+        </span>
+      `;
+    }
+  }, o = new WeakMap(), a = r, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    b = [g({ reflect: !0 })], x(r, null, b, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (n) => "size" in n, get: (n) => n.size, set: (n, y) => {
+      n.size = y;
+    } }, metadata: i }, p, _), x(null, l = { value: a }, s, { kind: "class", name: a.name, metadata: i }, null, c), a = l.value, i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i }), m(a, c);
+  })(), a;
+})();
+export {
+  P as SbbButtonCommonElementMixin
+};

package/button/common.d.ts

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

package/button/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/button/common.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6CAA6C,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/button/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6CAA6C,CAAC"}