@sbb-esta/lyne-elements 4.2.0 → 4.3.0

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

@@ -1,42 +1,35 @@
-var _ = (s) => {
-  throw TypeError(s);
-};
-var v = (s, r, t) => r.has(s) || _("Cannot " + t);
-var f = (s, r, t) => (v(s, r, "read from private field"), t ? t.call(s) : r.get(s)), x = (s, r, t) => r.has(s) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, t), c = (s, r, t, l) => (v(s, r, "write to private field"), l ? l.call(s, t) : r.set(s, t), t);
-import { __esDecorate as y, __runInitializers as d } from "tslib";
-import { ResizeController as k } from "@lit-labs/observers/resize-controller.js";
-import { css as S, LitElement as z, html as n, nothing as E } from "lit";
-import { customElement as I, state as B } from "lit/decorators.js";
-import { isArrowKeyPressed as D, sbbInputModalityDetector as N, getNextElementIndex as F } from "../../core/a11y.js";
-import { SbbLanguageController as L } from "../../core/controllers.js";
-import { i18nBreadcrumbEllipsisButtonLabel as O } from "../../core/i18n.js";
-import { SbbElementInternalsMixin as $, SbbNamedSlotListMixin as A } from "../../core/mixins.js";
-import { boxSizingStyles as M } from "../../core/styles.js";
+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 a, 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 S } from "../../core/a11y.js";
+import { SbbLanguageController as E } from "../../core/controllers.js";
+import { i18nBreadcrumbEllipsisButtonLabel as z } from "../../core/i18n.js";
+import { SbbElementInternalsMixin as I, SbbNamedSlotListMixin as $ } from "../../core/mixins.js";
+import { boxSizingStyles as B } from "../../core/styles.js";
 import "../../icon.js";
-const R = S`: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(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:state(state),[state--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{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-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-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)}`, C = 3;
-let X = (() => {
-  var o, a;
-  let s = [I("sbb-breadcrumb-group")], r, t = [], l, u = $(A(z)), h, p = [], m = [];
-  return a = class extends u {
+const D = f`: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(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--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{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-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-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 j = (() => {
+  var t;
+  let m = [y("sbb-breadcrumb-group")], l, o = [], r, b = I($(v)), n = [], d;
+  return t = class extends b {
+    /** The state of the breadcrumb group. */
+    set _state(e) {
+      this._stateInternal && this.internals.states.delete(`state-${this._stateInternal}`), this._stateInternal = e, this._stateInternal && this.internals.states.add(`state-${this._stateInternal}`);
+    }
+    get _state() {
+      return this._stateInternal;
+    }
     constructor() {
-      super();
-      x(this, o);
-      this.listChildLocalNames = ["sbb-breadcrumb"], c(this, o, d(this, p, null)), this._resizeObserver = (d(this, m), new k(this, {
+      super(), this.listChildLocalNames = (h(this, n), ["sbb-breadcrumb"]), this._stateInternal = null, this._resizeObserver = new _(this, {
         target: null,
         skipInitial: !0,
         callback: () => this._evaluateCollapsedState()
-      })), this._language = new L(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
-    }
-    /** The state of the breadcrumb group. */
-    get _state() {
-      return f(this, o);
-    }
-    set _state(e) {
-      c(this, o, e);
+      }), this._language = new E(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
     }
     _handleKeyDown(e) {
       if (!(!this.listChildren.length || // don't trap nested handling
-      e.target !== this && e.target.parentElement !== this) && D(e)) {
+      e.target !== this && e.target.parentElement !== this) && w(e)) {
         if (this._state === "collapsed")
           return this._focusNextCollapsed(e);
         this._focusNext(e);
@@ -49,26 +42,26 @@ let X = (() => {
       super.willUpdate(e), e.has("listChildren") && this._syncBreadcrumbs();
     }
     updated(e) {
-      super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && N.mostRecentModality === "keyboard" && (this.listChildren[1]?.focus(), this._markForFocus = !1);
+      super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && k.mostRecentModality === "keyboard" && (this.listChildren[1]?.focus(), this._markForFocus = !1);
     }
     /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
     _syncBreadcrumbs() {
-      this.listChildren.slice(0, -1).filter((e) => e.hasAttribute("accessibility-current")).forEach((e) => e.removeAttribute("accessibility-current")), this.listChildren[this.listChildren.length - 1]?.setAttribute("accessibility-current", "page"), this.listChildren.length < C && (this._state = null);
+      this.listChildren.slice(0, -1).filter((e) => e.hasAttribute("accessibility-current")).forEach((e) => e.removeAttribute("accessibility-current")), this.listChildren[this.listChildren.length - 1]?.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 i = [
+      const s = [
         this.listChildren[0],
         this.shadowRoot.querySelector("#sbb-breadcrumb-ellipsis"),
         this.listChildren[this.listChildren.length - 1]
       ];
-      this._focusNext(e, i);
+      this._focusNext(e, s);
     }
-    _focusNext(e, i = this.listChildren) {
-      const b = i.findIndex((g) => g === document.activeElement || g === this.shadowRoot.activeElement), w = F(e, b, i.length);
-      i[w]?.focus(), e.preventDefault();
+    _focusNext(e, s = this.listChildren) {
+      const i = s.findIndex((c) => c === document.activeElement || c === this.shadowRoot.activeElement), g = S(e, i, s.length);
+      s[g]?.focus(), e.preventDefault();
     }
     /**
      * Note: due to @State annotation on _state, this method triggers a new render; as a consequence, the focus is moved
@@ -79,10 +72,10 @@ let X = (() => {
     }
     /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
     _evaluateCollapsedState() {
-      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= C && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
+      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= p && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
     }
     _renderCollapsed() {
-      return n`
+      return a`
       <li class="sbb-breadcrumb-group__item">
         <slot name="li-0"></slot>
       </li>
@@ -94,7 +87,7 @@ let X = (() => {
         <button
           type="button"
           id="sbb-breadcrumb-ellipsis"
-          aria-label=${O[this._language.current]}
+          aria-label=${z[this._language.current]}
           aria-expanded="false"
           @click=${() => this._expandBreadcrumbs()}
         >
@@ -111,31 +104,31 @@ let X = (() => {
     `;
     }
     _renderExpanded() {
-      return this.listSlotEntries().map((e, i, b) => n`
+      return this.listSlotEntries().map((e, s, i) => a`
         <li class="sbb-breadcrumb-group__item">
           <slot name=${e.name}></slot>
-          ${i !== b.length - 1 ? n`<sbb-icon
+          ${s !== i.length - 1 ? a`<sbb-icon
                 name="chevron-small-right-small"
                 class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>` : E}
+              ></sbb-icon>` : x}
         </li>
       `);
     }
     render() {
-      return n`
+      return a`
       <ol class="sbb-breadcrumb-group">
         ${this._state === "collapsed" ? this._renderCollapsed() : this._renderExpanded()}
       </ol>
       ${this.renderHiddenSlot()}
     `;
     }
-  }, o = new WeakMap(), l = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    h = [B()], y(a, null, h, { kind: "accessor", name: "_state", static: !1, private: !1, access: { has: (i) => "_state" in i, get: (i) => i._state, set: (i, b) => {
-      i._state = b;
-    } }, metadata: e }, p, m), y(null, r = { value: l }, s, { kind: "class", name: l.name, metadata: e }, null, t), l = r.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.role = "navigation", a.styles = [M, R], d(l, t), l;
+  }, r = t, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    d = [C()], u(t, null, d, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (s) => "_state" in s, set: (s, i) => {
+      s._state = i;
+    } }, metadata: e }, null, n), u(null, l = { value: r }, m, { kind: "class", name: r.name, metadata: e }, null, o), r = l.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), t.role = "navigation", t.styles = [B, D], h(r, o), r;
 })();
 export {
-  X as SbbBreadcrumbGroupElement
+  j as SbbBreadcrumbGroupElement
 };

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;AAChG,OAAO,EAAE,OAAO,IAAI,eAAe,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;AACzF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mDAAmD,CAAC"}

package/button/common.js

@@ -1,11 +1,12 @@
 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-Bb4ri3Rn.js";
+import { a, b as m, p as b, s as l, t as r, m as s, c as y } from "../mini-button-label-common-ps7PVXtB.js";
 export {
   o as SbbButtonCommonElementMixin,
   a as buttonAccentStyle,
   m as buttonCommonStyle,
-  r as buttonPrimaryStyle,
-  b as buttonSecondaryStyle,
-  s as buttonTransparentStyle,
+  b as buttonPrimaryStyle,
+  l as buttonSecondaryStyle,
+  r as buttonTransparentStyle,
+  s as miniButtonLabelStyle,
   y as miniButtonStyle
 };

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

@@ -3,8 +3,8 @@ import { SbbButtonBaseElement } from '../../core/base-elements.ts';
 declare const SbbMiniButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays an icon-only button enhanced with the SBB Design;
- * it's meant to be used mainly within the sbb-form-field in prefix/suffix slot.
- *
+ * it's meant to be used mainly within the sbb-form-field in prefix/suffix slot
+ * or the `sbb-mini-button-group`. *
  * @slot - Use the unnamed slot to add a label to the mini-button.
  * @slot icon - Slot used to display the icon, if one is set
  */

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;;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"}
+{"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;;AAMnE;;;;;;GAMG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;cAEiB,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,30 +1,32 @@
-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 { 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-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-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 {
+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 { SbbButtonBaseElement as c } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as u, SbbNegativeMixin as p } from "../../core/mixins.js";
+import { boxSizingStyles as S } from "../../core/styles.js";
+import { SbbIconNameMixin as d } from "../../icon.js";
+import { miniButtonStyle as f, miniButtonLabelStyle as _ } from "../common.js";
+let M = (() => {
+  var e;
+  let r = [m("sbb-mini-button")], i, l = [], t, o = u(p(d(c)));
+  return e = class extends o {
     renderTemplate() {
-      return m`
+      return b`
       ${super.renderIconSlot()}
       <span class="sbb-mini-button__label">
         <slot></slot>
       </span>
     `;
     }
-  }, 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;
+  }, t = e, (() => {
+    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,
+    _
+  ], s(t, l), t;
 })();
 export {
-  E as SbbMiniButtonElement
+  M 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;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"}
+{"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,WAI7C;IAEF,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

@@ -10,46 +10,50 @@ 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 = 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))}`;
+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-mini-button-link,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;
+  var n, o, a;
   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);
-      m(this, o);
       m(this, n);
-      this.listChildLocalNames = ["sbb-mini-button", "sbb-divider"], l(this, o, c(this, v, "")), l(this, n, (c(this, f), c(this, x, D() ? "s" : "m"))), c(this, _);
+      m(this, o);
+      this.listChildLocalNames = [
+        "sbb-mini-button",
+        "sbb-mini-button-link",
+        "sbb-divider"
+      ], l(this, n, c(this, v, "")), l(this, o, (c(this, f), c(this, x, D() ? "s" : "m"))), c(this, _);
     }
     /** This will be forwarded as aria-label to the list that contains the buttons. */
     get accessibilityLabel() {
-      return d(this, o);
+      return d(this, n);
     }
     set accessibilityLabel(e) {
-      l(this, o, e);
+      l(this, n, e);
     }
     /**
      * Size variant, either s, m, l or xl.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return d(this, n);
+      return d(this, o);
     }
     set size(e) {
-      l(this, n, e);
+      l(this, o, e);
     }
     willUpdate(e) {
       super.willUpdate(e), e.has("negative") && this._proxyNegative();
     }
     _proxyNegative() {
-      this.querySelectorAll?.("sbb-divider, sbb-mini-button").forEach((e) => e.negative = this.negative);
+      this.querySelectorAll?.("sbb-divider, sbb-mini-button, sbb-mini-button-link").forEach((e) => e.negative = this.negative);
     }
     render() {
       return N`
       ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
     `;
     }
-  }, o = new WeakMap(), n = new WeakMap(), r = a, (() => {
+  }, n = new WeakMap(), o = new WeakMap(), r = a, (() => {
     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;

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

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbMiniButtonLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays an icon-only button enhanced with the SBB Design as link variant;
+ * it's meant to be used within the `sbb-mini-button-group`.
+ *
+ * @slot - Use the unnamed slot to add a label to the mini-button.
+ * @slot icon - Slot used to display the icon, if one is set
+ */
+export declare class SbbMiniButtonLinkElement extends SbbMiniButtonLinkElement_base {
+    static styles: CSSResultGroup;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-mini-button-link': SbbMiniButtonLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=mini-button-link.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mini-button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button-link/mini-button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAYjE;;;;;;GAMG;AACH,qBAEM,wBAAyB,SAAQ,6BAEtC;IACC,OAAuB,MAAM,EAAE,cAAc,CAK3C;cAEiB,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}

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

@@ -0,0 +1,35 @@
+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`
+      ${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;
+})();
+export {
+  z as SbbMiniButtonLinkElement
+};

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

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

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

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

package/button/mini-button-link.js

@@ -0,0 +1,4 @@
+import { SbbMiniButtonLinkElement as e } from "./mini-button-link/mini-button-link.component.js";
+export {
+  e as SbbMiniButtonLinkElement
+};

package/button.d.ts

@@ -6,6 +6,7 @@ export * from './button/secondary-button.ts';
 export * from './button/accent-button.ts';
 export * from './button/transparent-button.ts';
 export * from './button/mini-button.ts';
+export * from './button/mini-button-link.ts';
 export * from './button/mini-button-group.ts';
 export * from './button/button-link.ts';
 export * from './button/secondary-button-link.ts';

package/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/elements/button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/elements/button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,oBAAoB,CAAC"}

package/button.js

@@ -3,37 +3,40 @@ import { SbbSecondaryButtonElement as r } from "./button/secondary-button/second
 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 { SbbMiniButtonGroupElement as i } from "./button/mini-button-group/mini-button-group.component.js";
-import { SbbButtonLinkElement as c } from "./button/button-link/button-link.component.js";
-import { SbbSecondaryButtonLinkElement as B } 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 { 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 A } from "./button/button-static/button-static.component.js";
-import { SbbSecondaryButtonStaticElement as T } from "./button/secondary-button-static/secondary-button-static.component.js";
-import { SbbAccentButtonStaticElement as C } from "./button/accent-button-static/accent-button-static.component.js";
-import { SbbTransparentButtonStaticElement as P } from "./button/transparent-button-static/transparent-button-static.component.js";
-import { SbbButtonCommonElementMixin as h } from "./button/common/button-common.js";
-import { a as q, b as v, p as w, s as z, t as D, m as F } from "./mini-button-common-Bb4ri3Rn.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-ps7PVXtB.js";
 export {
   b as SbbAccentButtonElement,
-  s as SbbAccentButtonLinkElement,
-  C as SbbAccentButtonStaticElement,
-  h as SbbButtonCommonElementMixin,
+  L as SbbAccentButtonLinkElement,
+  P as SbbAccentButtonStaticElement,
+  q as SbbButtonCommonElementMixin,
   n as SbbButtonElement,
-  c as SbbButtonLinkElement,
-  A as SbbButtonStaticElement,
+  f as SbbButtonLinkElement,
+  M as SbbButtonStaticElement,
   u as SbbMiniButtonElement,
-  i as SbbMiniButtonGroupElement,
+  B as SbbMiniButtonGroupElement,
+  i as SbbMiniButtonLinkElement,
   r as SbbSecondaryButtonElement,
-  B as SbbSecondaryButtonLinkElement,
-  T as SbbSecondaryButtonStaticElement,
+  s as SbbSecondaryButtonLinkElement,
+  C as SbbSecondaryButtonStaticElement,
   a as SbbTransparentButtonElement,
   d as SbbTransparentButtonLinkElement,
-  P as SbbTransparentButtonStaticElement,
-  q as buttonAccentStyle,
-  v as buttonCommonStyle,
-  w as buttonPrimaryStyle,
-  z as buttonSecondaryStyle,
-  D as buttonTransparentStyle,
-  F as miniButtonStyle
+  h as SbbTransparentButtonStaticElement,
+  w as buttonAccentStyle,
+  z as buttonCommonStyle,
+  D as buttonPrimaryStyle,
+  F as buttonSecondaryStyle,
+  H as buttonTransparentStyle,
+  I as miniButtonLabelStyle,
+  J as miniButtonStyle
 };

package/chip/chip-group/chip-group.component.d.ts

@@ -41,15 +41,12 @@ export declare class SbbChipGroupElement<T = string> extends SbbChipGroupElement
      * Listens to the changes on `readonly` and `disabled` attributes of `<input>`.
      */
     private _inputAttributeObserver;
-    /**
-     * Listens to the 'size' changes on the `sbb-form-field`.
-     */
-    private _formFieldAttributeObserver;
     private _inputElement;
     private _inputAbortController;
     private _language;
     private _previousSize?;
     constructor();
+    private _updateLabelState;
     connectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues): void;
     /** @internal */
@@ -87,7 +84,7 @@ export declare class SbbChipGroupElement<T = string> extends SbbChipGroupElement
     private _createChipElement;
     private _reactToInputChanges;
     private _proxyStateToChips;
-    private _inheritSize;
+    private _updateSize;
     private _updateInputDescription;
     protected render(): TemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAMtB,MAAM,sBAAsB,CAAC;AAU9B,MAAM,WAAW,gCAAgC,CAAC,CAAC,GAAG,MAAM;IAC1D,mDAAmD;IACnD,MAAM,EAAE,OAAO,GAAG,cAAc,CAAC;IACjC;;;;OAIG;IACH,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;;AAED;;;;;GAKG;AACH,qBAEM,mBAAmB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,wBAE7C;IACC,gBAAgC,IAAI,aAAa;IACjD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EA2B1C;IACD,IAAW,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAE/B;IAED,8DAA8D;IAC9D,SACgB,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAElE,2FAA2F;IAC3F,SACgB,aAAa,EAAE,MAAM,EAAE,CAAa;IAEpD;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAEtB;IAET;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAE1B;IAET,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAC,CAA8B;;IAYpC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAYtE,gBAAgB;IACT,iBAAiB,IAAI,IAAI;IAIhC,gBAAgB;IACT,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;YASO,aAAa;cAUR,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IASnC,wCAAwC;IACxC,OAAO,CAAC,aAAa;IAIrB,gDAAgD;IAChD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,eAAe;IA8CvB;;QAEI;IACJ,OAAO,CAAC,cAAc;IAyBtB;;QAEI;IACJ,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,0BAA0B;IAelC,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,uBAAuB;cAUZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,iBAAiB,EAAE,WAAW,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAAC,CAAC;KACvE;CACF"}
+{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAMtB,MAAM,sBAAsB,CAAC;AAU9B,MAAM,WAAW,gCAAgC,CAAC,CAAC,GAAG,MAAM;IAC1D,mDAAmD;IACnD,MAAM,EAAE,OAAO,GAAG,cAAc,CAAC;IACjC;;;;OAIG;IACH,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;;AAED;;;;;GAKG;AACH,qBAEM,mBAAmB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,wBAE7C;IACC,gBAAgC,IAAI,aAAa;IACjD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EA2B1C;IACD,IAAW,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAE/B;IAED,8DAA8D;IAC9D,SACgB,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAElE,2FAA2F;IAC3F,SACgB,aAAa,EAAE,MAAM,EAAE,CAAa;IAEpD;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAEtB;IAET,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAC,CAA8B;;IAoBpD,OAAO,CAAC,iBAAiB;IAIT,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAYtE,gBAAgB;IACT,iBAAiB,IAAI,IAAI;IAIhC,gBAAgB;IACT,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;YASO,aAAa;cAUR,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IASnC,wCAAwC;IACxC,OAAO,CAAC,aAAa;IAIrB,gDAAgD;IAChD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,eAAe;IAwCvB;;QAEI;IACJ,OAAO,CAAC,cAAc;IAyBtB;;QAEI;IACJ,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,0BAA0B;IAelC,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,uBAAuB;cAUZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,iBAAiB,EAAE,WAAW,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAAC,CAAC;KACvE;CACF"}