@sbb-esta/lyne-elements 3.12.0 → 4.0.0-next

package/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAWb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAGD;IACrC,gBAAuB,IAAI,gBAAgB;IAC3C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAsB;IAIrE,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,eAAe,CAIpB;IACH,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAS;;IAO9B,OAAO,CAAC,cAAc;cAiBH,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAa3F,2EAA2E;IAC3E,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,UAAU;IAYlB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAK1B,kGAAkG;IAClG,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,eAAe;cAgBJ,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}
+{"version":3,"file":"breadcrumb-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAWb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAGD;IACrC,gBAAuB,IAAI,gBAAgB;IAC3C,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,mBAA4B,mBAAmB,WAAsB;IAIrE,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,eAAe,CAIpB;IACH,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAS;;IAO9B,OAAO,CAAC,cAAc;cAiBH,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAa3F,2EAA2E;IAC3E,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,UAAU;IAYlB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAK1B,kGAAkG;IAClG,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,eAAe;cAgBJ,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}

package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js

@@ -1,21 +1,22 @@
 import { __esDecorate as u, __runInitializers as h } from "tslib";
 import { ResizeController as _ } from "@lit-labs/observers/resize-controller.js";
-import { css as f, LitElement as v, html as l, nothing as x } from "lit";
+import { css as v, LitElement as f, html as l, nothing as x } from "lit";
 import { customElement as y, state as C } from "lit/decorators.js";
-import { isArrowKeyPressed as w, sbbInputModalityDetector as k, getNextElementIndex as z } from "../../core/a11y.js";
-import { SbbLanguageController as E } from "../../core/controllers.js";
-import { setOrRemoveAttribute as S } from "../../core/dom.js";
+import { isArrowKeyPressed as w, sbbInputModalityDetector as k, getNextElementIndex as S } from "../../core/a11y.js";
+import { SbbLanguageController as z } from "../../core/controllers.js";
+import { setOrRemoveAttribute as E } from "../../core/dom.js";
 import { i18nBreadcrumbEllipsisButtonLabel as I } from "../../core/i18n.js";
 import { SbbNamedSlotListMixin as A, SbbElementInternalsMixin as B } from "../../core/mixins.js";
+import { boxSizingStyles as D } from "../../core/styles.js";
 import "../../icon.js";
-const D = f`*,:before,:after{box-sizing:border-box}:host{--sbb-breadcrumb-group-wrap: nowrap;--sbb-breadcrumb-group-visibility: hidden;--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);--sbb-breadcrumb-group-ellipsis-color: light-dark( var(--sbb-color-granite), var(--sbb-color-cloud) );--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);--sbb-breadcrumb-group-ellipsis-border-color: light-dark( var(--sbb-color-silver), var(--sbb-color-anthracite) );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-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{-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-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}`, p = 3;
-let j = (() => {
+const N = v`:host{--sbb-breadcrumb-group-wrap: nowrap;--sbb-breadcrumb-group-visibility: hidden;--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);--sbb-breadcrumb-group-ellipsis-color: light-dark( var(--sbb-color-granite), var(--sbb-color-cloud) );--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);--sbb-breadcrumb-group-ellipsis-border-color: light-dark( var(--sbb-color-silver), var(--sbb-color-anthracite) );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-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{-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:var(--sbb-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-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}`, p = 3;
+let P = (() => {
   var s;
-  let m = [y("sbb-breadcrumb-group")], a, o = [], t, b = A(B(v)), n = [], d;
+  let m = [y("sbb-breadcrumb-group")], a, o = [], t, b = A(B(f)), n = [], d;
   return s = class extends b {
     /* The state of the breadcrumb group. */
     set _state(e) {
-      S(this, "data-state", e);
+      E(this, "data-state", e);
     }
     get _state() {
       return this.getAttribute("data-state");
@@ -25,7 +26,7 @@ let j = (() => {
         target: null,
         skipInitial: !0,
         callback: () => this._evaluateCollapsedState()
-      }), this._language = new E(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+      }), this._language = new z(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
     }
     _handleKeyDown(e) {
       if (!(!this.listChildren.length || // don't trap nested handling
@@ -60,7 +61,7 @@ let j = (() => {
       this._focusNext(e, r);
     }
     _focusNext(e, r = this.listChildren) {
-      const i = r.findIndex((c) => c === document.activeElement || c === this.shadowRoot.activeElement), g = z(e, i, r.length);
+      const i = r.findIndex((c) => c === document.activeElement || c === this.shadowRoot.activeElement), g = S(e, i, r.length);
       r[g]?.focus(), e.preventDefault();
     }
     /**
@@ -127,8 +128,8 @@ let j = (() => {
     d = [C()], u(s, 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), u(null, a = { value: t }, m, { kind: "class", name: t.name, metadata: e }, null, o), t = a.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.role = "navigation", s.styles = D, h(t, o), t;
+  })(), s.role = "navigation", s.styles = [D, N], h(t, o), t;
 })();
 export {
-  j as SbbBreadcrumbGroupElement
+  P as SbbBreadcrumbGroupElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"accent-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button/accent-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAEpC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA0C;CACxF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"accent-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button/accent-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAKnE;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAEpC;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

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

@@ -1,17 +1,22 @@
-import { __esDecorate as i, __runInitializers as r } from "tslib";
+import { __esDecorate as s, __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 = (() => {
+import { boxSizingStyles as u } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonAccentStyle as f } from "../common.js";
+let B = (() => {
   var e;
-  let s = [m("sbb-accent-button")], l, o = [], t, n = u(b(c));
+  let i = [m("sbb-accent-button")], l, o = [], t, n = S(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;
+    s(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 = [
+    u,
+    d,
+    f
+  ], r(t, o), t;
 })();
 export {
-  E as SbbAccentButtonElement
+  B as SbbAccentButtonElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"accent-button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-link/accent-button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;;GAMG;AACH,qBAEM,0BAA2B,SAAQ,+BAExC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA0C;CACxF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
+{"version":3,"file":"accent-button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-link/accent-button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAKjE;;;;;;GAMG;AACH,qBAEM,0BAA2B,SAAQ,+BAExC;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}

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

@@ -2,16 +2,21 @@ 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 = (() => {
+import { boxSizingStyles as S } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as d, buttonCommonStyle as f, buttonAccentStyle as p } from "../common.js";
+let k = (() => {
   var e;
-  let o = [m("sbb-accent-button-link")], l, i = [], t, n = S(b(u(c)));
+  let o = [m("sbb-accent-button-link")], l, i = [], t, n = d(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;
+  })(), e.styles = [
+    S,
+    f,
+    p
+  ], r(t, i), t;
 })();
 export {
-  D as SbbAccentButtonLinkElement
+  k as SbbAccentButtonLinkElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"accent-button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-static/accent-button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;GAMG;AACH,qBAEM,4BAA6B,SAAQ,iCAE1C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA0C;CACxF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}
+{"version":3,"file":"accent-button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/accent-button-static/accent-button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAKnE;;;;;;GAMG;AACH,qBAEM,4BAA6B,SAAQ,iCAE1C;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

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

@@ -2,16 +2,21 @@ 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 = (() => {
+import { boxSizingStyles as u } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as S, buttonCommonStyle as f, buttonAccentStyle as p } from "../common.js";
+let D = (() => {
   var e;
-  let i = [m("sbb-accent-button-static")], l, o = [], t, s = u(b(c));
-  return e = class extends s {
+  let s = [m("sbb-accent-button-static")], l, o = [], t, i = S(b(c));
+  return e = class extends i {
   }, 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;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    n(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 = [
+    u,
+    f,
+    p
+  ], r(t, o), t;
 })();
 export {
-  E as SbbAccentButtonStaticElement
+  D as SbbAccentButtonStaticElement
 };

package/button/button/button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;GAMG;AACH,qBAEM,gBAAiB,SAAQ,qBAE9B;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;CACzF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAKnE;;;;;;GAMG;AACH,qBAEM,gBAAiB,SAAQ,qBAE9B;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/button/button/button.component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button-link/button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;;GAMG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;CACzF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button-link/button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAKjE;;;;;;GAMG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button-static/button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAEpC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;CACzF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button-static/button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAKnE;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAEpC;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

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

@@ -1,17 +1,22 @@
-import { __esDecorate as r, __runInitializers as m } from "tslib";
+import { __esDecorate as s, __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 = (() => {
+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 S, buttonCommonStyle as f, buttonPrimaryStyle as p } from "../common.js";
+let D = (() => {
   var e;
-  let s = [n("sbb-button-static")], l, o = [], t, i = u(b(c));
+  let r = [n("sbb-button-static")], l, o = [], t, i = S(c(b));
   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;
+    s(null, l = { value: t }, r, { 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 = [
+    u,
+    f,
+    p
+  ], m(t, o), t;
 })();
 export {
-  E as SbbButtonStaticElement
+  D as SbbButtonStaticElement
 };

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

@@ -1 +1 @@
-{"version":3,"file":"button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/common/button-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE5C,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,oCAE5D;IACC,SAAgB,IAAI,EAAE,aAAa,CAAC;IACpC,SAAgB,OAAO,EAAE,OAAO,CAAC;CAClC;AAGD,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAC7F,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAyDzD,CAAC"}
+{"version":3,"file":"button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/common/button-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE5C,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,oCAE5D;IACC,SAAgB,IAAI,EAAE,aAAa,CAAC;IACpC,SAAgB,OAAO,EAAE,OAAO,CAAC;CAClC;AAGD,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAC7F,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAwDzD,CAAC"}

package/button/common/button-common.js

@@ -7,20 +7,20 @@ import { __esDecorate as p, __runInitializers as c } from "tslib";
 import { nothing as C } from "lit";
 import { property as B } from "lit/decorators.js";
 import { html as w } from "lit/static-html.js";
-import { hostAttributes as E, slotState as k, forceType as M } from "../../core/decorators.js";
-import { isLean as T } from "../../core/dom.js";
-import { SbbNegativeMixin as $ } from "../../core/mixins.js";
-import { SbbIconNameMixin as j } from "../../icon.js";
-const H = (t) => (() => {
+import { hostAttributes as E, forceType as k } from "../../core/decorators.js";
+import { isLean as M } from "../../core/dom.js";
+import { SbbNegativeMixin as T } from "../../core/mixins.js";
+import { SbbIconNameMixin as $ } from "../../icon.js";
+const G = (t) => (() => {
   var n, m, l;
   let i = [E({
     "data-sbb-button": ""
-  }), k()], o, f = [], r, _ = $(j(t)), g, y = [], z = [], S, v = [], x = [];
+  })], o, f = [], r, _ = T($(t)), g, y = [], z = [], v, S = [], x = [];
   return l = class extends _ {
     constructor() {
       super(...arguments);
-      u(this, n, c(this, y, T() ? "s" : "l"));
-      u(this, m, (c(this, z), c(this, v, !1)));
+      u(this, n, c(this, y, M() ? "s" : "l"));
+      u(this, m, (c(this, z), c(this, S, !1)));
       c(this, x);
     }
     /**
@@ -63,13 +63,13 @@ const H = (t) => (() => {
     }
   }, n = new WeakMap(), m = new WeakMap(), r = l, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    g = [B({ reflect: !0 })], S = [M(), B({ reflect: !0, type: Boolean })], p(l, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
+    g = [B({ reflect: !0 })], v = [k(), B({ reflect: !0, type: Boolean })], p(l, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
       s.size = d;
-    } }, metadata: a }, y, z), p(l, null, S, { kind: "accessor", name: "loading", static: !1, private: !1, access: { has: (s) => "loading" in s, get: (s) => s.loading, set: (s, d) => {
+    } }, metadata: a }, y, z), p(l, null, v, { kind: "accessor", name: "loading", static: !1, private: !1, access: { has: (s) => "loading" in s, get: (s) => s.loading, set: (s, d) => {
       s.loading = d;
-    } }, metadata: a }, v, x), p(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: a }, null, f), r = o.value, a && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), c(r, f);
+    } }, metadata: a }, S, x), p(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: a }, null, f), r = o.value, a && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), c(r, f);
   })(), r;
 })();
 export {
-  H as SbbButtonCommonElementMixin
+  G as SbbButtonCommonElementMixin
 };

package/button/common.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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;AAChG,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,6CAA6C,CAAC"}

package/button/common.js

@@ -1,10 +1,11 @@
-import { SbbButtonCommonElementMixin as n } from "./common/button-common.js";
-import { a, b as r, p as b, s as m, t as s } from "../transparent-button-DJIkG5hj.js";
+import { SbbButtonCommonElementMixin as o } from "./common/button-common.js";
+import { a, b as m, p as r, s as b, t as s, m as y } from "../mini-button-common-DBnJfrBZ.js";
 export {
-  n as SbbButtonCommonElementMixin,
+  o as SbbButtonCommonElementMixin,
   a as buttonAccentStyle,
-  r as buttonCommonStyle,
-  b as buttonPrimaryStyle,
-  m as buttonSecondaryStyle,
-  s as buttonTransparentStyle
+  m as buttonCommonStyle,
+  r as buttonPrimaryStyle,
+  b as buttonSecondaryStyle,
+  s as buttonTransparentStyle,
+  y as miniButtonStyle
 };

package/button/mini-button/mini-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mini-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;;;GAMG;AACH,qBAGM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"mini-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAQnE;;;;;;GAMG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA6C;cAEvE,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

@@ -1,29 +1,30 @@
-import { __esDecorate as r, __runInitializers as s } from "tslib";
-import { customElement as l } from "lit/decorators.js";
-import { html as d } from "lit/static-html.js";
+import { __esDecorate as o, __runInitializers as l } from "tslib";
+import { customElement as r } from "lit/decorators.js";
+import { html as m } from "lit/static-html.js";
 import { SbbButtonBaseElement as u } from "../../core/base-elements.js";
-import { slotState as c } from "../../core/decorators.js";
-import { SbbDisabledTabIndexActionMixin as v, SbbNegativeMixin as m } from "../../core/mixins.js";
-import { SbbIconNameMixin as g } from "../../icon.js";
-import { css as p } from "lit";
-const f = p`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-mini-button-gap: .125rem;--sbb-mini-button-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-mini-button-label-display: block;--sbb-mini-button-label-height: var(--sbb-size-icon-ui-small)}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])){--sbb-mini-button-padding-inline: 0;--sbb-mini-button-label-display: none;--sbb-mini-button-label-height: unset}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-3);--sbb-button-color-default-background: transparent;--sbb-button-color-hover-background: var(--sbb-background-color-3);--sbb-button-color-active-background: var(--sbb-background-color-4);--sbb-button-color-disabled-background: var(--sbb-background-color-3);--sbb-button-color-disabled-border: var(--sbb-border-color-5);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-color-disabled-text: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media(forced-colors:active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-mini-button{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-mini-button:before{position:absolute;content:"";inset:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}::slotted(sbb-icon),sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-3-negative);--sbb-button-color-default-background: transparent;--sbb-button-color-hover-background: var(--sbb-background-color-3-negative);--sbb-button-color-active-background: var(--sbb-background-color-4-negative);--sbb-button-color-disabled-background: var(--sbb-background-color-3-negative);--sbb-button-color-disabled-border: var(--sbb-border-color-5);--sbb-button-color-disabled-text: var(--sbb-color-5)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-mini-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-mini-button:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-mini-button:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media(any-hover:hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media(any-hover:hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-mini-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-mini-button:before{background-color:var(--sbb-button-color-active-background)}.sbb-mini-button{height:var(--sbb-mini-button-label-height);gap:var(--sbb-mini-button-gap);align-items:center;justify-content:center;padding-inline:var(--sbb-mini-button-padding-inline)}.sbb-mini-button__label{--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);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:var(--sbb-mini-button-label-display);transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover, 0)}`;
-let T = (() => {
-  var o;
-  let e = [l("sbb-mini-button"), c()], a, n = [], t, i = v(m(g(u)));
-  return o = class extends i {
+import { SbbDisabledTabIndexActionMixin as c, SbbNegativeMixin as p } from "../../core/mixins.js";
+import { boxSizingStyles as d } from "../../core/styles.js";
+import { SbbIconNameMixin as f } from "../../icon.js";
+import { miniButtonStyle as h } from "../common.js";
+import { css as g } from "lit";
+const v = g`:host{--sbb-mini-button-gap: .125rem;--sbb-mini-button-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-mini-button-label-display: block;--sbb-mini-button-label-height: var(--sbb-size-icon-ui-small)}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-mini-button-padding-inline: 0;--sbb-mini-button-label-display: none;--sbb-mini-button-label-height: unset}.sbb-mini-button{height:var(--sbb-mini-button-label-height);gap:var(--sbb-mini-button-gap);align-items:center;justify-content:center;padding-inline:var(--sbb-mini-button-padding-inline)}.sbb-mini-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--sbb-font-size-text-xxs);letter-spacing:var(--sbb-typo-letter-spacing-body-text);display:var(--sbb-mini-button-label-display);transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover, 0)}`;
+let E = (() => {
+  var i;
+  let b = [r("sbb-mini-button")], n, s = [], t, a = c(p(f(u)));
+  return i = class extends a {
     renderTemplate() {
-      return d`
+      return m`
       ${super.renderIconSlot()}
       <span class="sbb-mini-button__label">
         <slot></slot>
       </span>
     `;
     }
-  }, t = o, (() => {
-    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    r(null, a = { value: t }, e, { kind: "class", name: t.name, metadata: b }, null, n), t = a.value, b && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), o.styles = f, s(t, n), t;
+  }, t = i, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    o(null, n = { value: t }, b, { kind: "class", name: t.name, metadata: e }, null, s), t = n.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), i.styles = [d, h, v], l(t, s), t;
 })();
 export {
-  T as SbbMiniButtonElement
+  E as SbbMiniButtonElement
 };

package/button/mini-button-group/mini-button-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mini-button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button-group/mini-button-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAIpF,MAAM,MAAM,sBAAsB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;;AAE5D;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAsC;IAErF,kFAAkF;IAClF,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD;;;OAGG;IACH,SAA6C,IAAI,EAAE,sBAAsB,CAAwB;cAE9E,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E,OAAO,CAAC,cAAc;cAMH,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"mini-button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button-group/mini-button-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAIpF,MAAM,MAAM,sBAAsB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;;AAE5D;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,mBAA4B,mBAAmB,WAAsC;IAErF,kFAAkF;IAClF,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD;;;OAGG;IACH,SAA6C,IAAI,EAAE,sBAAsB,CAAwB;cAE9E,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E,OAAO,CAAC,cAAc;cAMH,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

@@ -1,18 +1,19 @@
 var z = (i) => {
   throw TypeError(i);
 };
-var L = (i, e, s) => e.has(i) || z("Cannot " + s);
-var u = (i, e, s) => (L(i, e, "read from private field"), s ? s.call(i) : e.get(i)), m = (i, e, s) => e.has(i) ? z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, s), l = (i, e, s, r) => (L(i, e, "write to private field"), r ? r.call(i, s) : e.set(i, s), s);
+var L = (i, t, s) => t.has(i) || z("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) ? z("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), l = (i, t, s, r) => (L(i, t, "write to private field"), r ? r.call(i, s) : t.set(i, s), s);
 import { __esDecorate as g, __runInitializers as c } from "tslib";
 import { css as w, LitElement as S, 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";
-const j = w`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-mini-button-group-background: var(--sbb-background-color-1);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-inverted);--sbb-mini-button-group-border-width: var(--sbb-border-width-2x);--sbb-mini-button-group-border: var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);--sbb-mini-button-group-gap: var(--sbb-spacing-fixed-2x);--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}: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=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-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding-block:var(--sbb-spacing-fixed-1x);padding-inline:var(--sbb-spacing-fixed-1x);height:var(--sbb-size-icon-ui-small)}.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);border-radius:var(--sbb-border-radius-infinity);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`;
-let $ = (() => {
+import { boxSizingStyles as j } from "../../core/styles.js";
+const T = w`:host{display:block;--sbb-mini-button-group-background: var(--sbb-background-color-1);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-inverted);--sbb-mini-button-group-border-width: var(--sbb-border-width-2x);--sbb-mini-button-group-border: var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);--sbb-mini-button-group-gap: var(--sbb-spacing-fixed-2x);--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}: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=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-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding-block:var(--sbb-spacing-fixed-1x);padding-inline:var(--sbb-spacing-fixed-1x);height:var(--sbb-size-icon-ui-small)}.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);border-radius:var(--sbb-border-radius-infinity);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`;
+let H = (() => {
   var o, n, a;
-  let i = [E("sbb-mini-button-group")], e, s = [], r, p = M(O(S)), h, v = [], f = [], y, x = [], _ = [];
+  let i = [E("sbb-mini-button-group")], t, s = [], r, p = M(O(S)), h, v = [], f = [], y, x = [], _ = [];
   return a = class extends p {
     constructor() {
       super(...arguments);
@@ -22,26 +23,26 @@ let $ = (() => {
     }
     /** This will be forwarded as aria-label to the list that contains the buttons. */
     get accessibilityLabel() {
-      return u(this, o);
+      return d(this, o);
     }
-    set accessibilityLabel(t) {
-      l(this, o, t);
+    set accessibilityLabel(e) {
+      l(this, o, e);
     }
     /**
      * Size variant, either s, m, l or xl.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return u(this, n);
+      return d(this, n);
     }
-    set size(t) {
-      l(this, n, t);
+    set size(e) {
+      l(this, n, e);
     }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("negative") && this._proxyNegative();
+    willUpdate(e) {
+      super.willUpdate(e), e.has("negative") && this._proxyNegative();
     }
     _proxyNegative() {
-      this.querySelectorAll?.("sbb-divider, sbb-mini-button").forEach((t) => t.negative = this.negative);
+      this.querySelectorAll?.("sbb-divider, sbb-mini-button").forEach((e) => e.negative = this.negative);
     }
     render() {
       return N`
@@ -49,14 +50,14 @@ let $ = (() => {
     `;
     }
   }, o = new WeakMap(), n = new WeakMap(), r = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-    h = [I(), k({ attribute: "accessibility-label" })], y = [k({ reflect: !0 })], g(a, null, h, { 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: t }, v, f), g(a, null, y, { 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: t }, x, _), g(null, e = { value: r }, i, { kind: "class", name: r.name, metadata: t }, null, s), r = e.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), a.styles = j, c(r, s), r;
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    h = [I(), k({ attribute: "accessibility-label" })], y = [k({ reflect: !0 })], g(a, 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, f), g(a, null, y, { 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 }, x, _), g(null, t = { value: r }, i, { kind: "class", name: r.name, metadata: e }, null, s), r = t.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.styles = [j, T], c(r, s), r;
 })();
 export {
-  $ as SbbMiniButtonGroupElement
+  H as SbbMiniButtonGroupElement
 };

package/button/secondary-button/secondary-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/secondary-button/secondary-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;GAMG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA6C;CAC3F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}
+{"version":3,"file":"secondary-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/secondary-button/secondary-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAKnE;;;;;;GAMG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}

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

@@ -1,17 +1,22 @@
 import { __esDecorate as s, __runInitializers as i } 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, buttonSecondaryStyle as S } from "../common.js";
-let E = (() => {
+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 = u(b(c));
+  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 = [d, S], i(t, l), t;
+  })(), e.styles = [
+    u,
+    d,
+    y
+  ], i(t, l), t;
 })();
 export {
-  E as SbbSecondaryButtonElement
+  B as SbbSecondaryButtonElement
 };