@sbb-esta/lyne-elements 3.0.1 → 3.2.0

package/autocomplete/autocomplete.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;GAOG;AACH,qBAEM,sBAAsB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAC5E,gBAAgC,IAAI,gBAAqC;IACzE,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAChC,OAAO,CAAC,gBAAgB,CAAM;IAE9B,SAAS,KAAK,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAE7C;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBpE,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAStD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IAqB1D,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAUpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,gBAAgB,EAAwB,MAAM,cAAc,CAAC;AAE/F,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;GAOG;AACH,qBAEM,sBAAsB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAC5E,gBAAgC,IAAI,gBAAqC;IACzE,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAChC,OAAO,CAAC,gBAAgB,CAAM;IAE9B,SAAS,KAAK,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAE7C;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBpE,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAStD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IAqB1D,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAUpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

package/autocomplete/autocomplete.component.js

@@ -17,7 +17,7 @@ let k = (() => {
       super(), this.overlayId = `sbb-autocomplete-${++x}`, this.panelRole = "listbox", this._activeItemIndex = -1, this.addEventListener?.("optionselected", (t) => this.onOptionSelected(t));
     }
     syncNegative() {
-      this.querySelectorAll?.("sbb-divider").forEach((t) => t.negative = this.negative), this.querySelectorAll?.("sbb-option, sbb-optgroup").forEach((t) => t.toggleAttribute("data-negative", this.negative));
+      this.querySelectorAll?.("sbb-divider, sbb-option-hint").forEach((t) => t.negative = this.negative), this.querySelectorAll?.("sbb-option, sbb-optgroup").forEach((t) => t.toggleAttribute("data-negative", this.negative));
     }
     openedPanelKeyboardInteraction(t) {
       if (this.state === "opened")

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAOnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAWlF;;;;;;;GAOG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAChF,gBAAgC,IAAI,gBAAkC;IACtE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAM7D;IAED,OAAO,KAAK,IAAI,GAMf;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA0BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IActD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IA8B1D,OAAO,CAAC,+BAA+B;IAsCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAkBpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAOnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAWlF;;;;;;;GAOG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAChF,gBAAgC,IAAI,gBAAkC;IACtE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAM7D;IAED,OAAO,KAAK,IAAI,GAMf;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA0BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IActD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IA8B1D,OAAO,CAAC,+BAA+B;IAsCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAkBpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -1,4 +1,4 @@
-import { __esDecorate as v, __runInitializers as p } from "tslib";
+import { __esDecorate as p, __runInitializers as v } from "tslib";
 import { customElement as f } from "lit/decorators.js";
 import { SbbAutocompleteBaseElement as g } from "../../autocomplete.js";
 import { getNextElementIndex as u } from "../../core/a11y.js";
@@ -21,7 +21,7 @@ let O = (() => {
       super(), this.overlayId = `sbb-autocomplete-grid-${++_}`, this.panelRole = "grid", this._activeItemIndex = -1, this._activeColumnIndex = 0, this.addEventListener?.("optionselected", (t) => this.onOptionSelected(t));
     }
     syncNegative() {
-      this.querySelectorAll?.("sbb-divider, sbb-autocomplete-grid-button").forEach((t) => t.negative = this.negative), this.querySelectorAll?.("sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((t) => t.toggleAttribute("data-negative", this.negative));
+      this.querySelectorAll?.("sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint").forEach((t) => t.negative = this.negative), this.querySelectorAll?.("sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((t) => t.toggleAttribute("data-negative", this.negative));
     }
     openedPanelKeyboardInteraction(t) {
       if (this.state === "opened")
@@ -90,8 +90,8 @@ let O = (() => {
     }
   }, o = r, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    v(null, l = { value: o }, h, { kind: "class", name: o.name, metadata: t }, null, n), o = l.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.role = m ? "grid" : null, p(o, n), o;
+    p(null, l = { value: o }, h, { kind: "class", name: o.name, metadata: t }, null, n), o = l.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.role = m ? "grid" : null, v(o, n), o;
 })();
 export {
   O as SbbAutocompleteGridElement

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

@@ -5,7 +5,8 @@ declare const SbbAccentButtonElement_base: import('../../core/mixins.js').Abstra
  * It displays a button enhanced with the SBB Design in the 'accent' variant.
  *
  * @slot - Use the unnamed slot to add content to the accent-button.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbAccentButtonElement extends SbbAccentButtonElement_base {
     static styles: CSSResultGroup;

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;;;;;GAKG;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;;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"}

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

@@ -5,7 +5,8 @@ declare const SbbAccentButtonLinkElement_base: import('../../core/mixins.js').Ab
  * It displays a button enhanced with the SBB Design in the 'accent' variant, which will behave as a link.
  *
  * @slot - Use the unnamed slot to add content to the accent-button-link.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbAccentButtonLinkElement extends SbbAccentButtonLinkElement_base {
     static styles: CSSResultGroup;

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;;;;;GAKG;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;;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"}

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

@@ -5,7 +5,8 @@ declare const SbbAccentButtonStaticElement_base: import('../../core/mixins.js').
  * It displays a static button enhanced with the SBB Design in the 'accent' variant.
  *
  * @slot - Use the unnamed slot to add content to the accent-button-static.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbAccentButtonStaticElement extends SbbAccentButtonStaticElement_base {
     static styles: CSSResultGroup;

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;;;;;GAKG;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;;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"}

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

@@ -5,7 +5,8 @@ declare const SbbButtonElement_base: import('../../core/mixins.js').AbstractCons
  * It displays a button enhanced with the SBB Design in the 'primary' variant.
  *
  * @slot - Use the unnamed slot to add content to the button.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbButtonElement extends SbbButtonElement_base {
     static styles: CSSResultGroup;

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;;;;;GAKG;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;;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"}

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

@@ -5,7 +5,8 @@ declare const SbbButtonLinkElement_base: import('../../core/mixins.js').Abstract
  * It displays a button enhanced with the SBB Design in the 'primary' variant, which will behave as a link.
  *
  * @slot - Use the unnamed slot to add content to the button-link.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbButtonLinkElement extends SbbButtonLinkElement_base {
     static styles: CSSResultGroup;

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;;;;;GAKG;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;;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"}

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

@@ -5,7 +5,8 @@ declare const SbbButtonStaticElement_base: import('../../core/mixins.js').Abstra
  * It displays a static button enhanced with the SBB Design in the 'primary' variant.
  *
  * @slot - Use the unnamed slot to add content to the button-static.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbButtonStaticElement extends SbbButtonStaticElement_base {
     static styles: CSSResultGroup;

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;;;;;GAKG;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;;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"}

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

@@ -4,6 +4,7 @@ export type SbbButtonSize = 'l' | 'm' | 's';
 declare const SbbButtonCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
 export declare class SbbButtonCommonElementMixinType extends SbbButtonCommonElementMixinType_base {
     accessor size: SbbButtonSize;
+    accessor loading: boolean;
 }
 export declare const SbbButtonCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbButtonCommonElementMixinType> & T;
 export {};

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;CACrC;AAGD,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAC7F,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CA0BzD,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,CAyDzD,CAAC"}

package/button/common/button-common.js

@@ -1,51 +1,75 @@
-var d = (t) => {
+var D = (t) => {
   throw TypeError(t);
 };
-var f = (t, e, s) => e.has(t) || d("Cannot " + s);
-var z = (t, e, s) => (f(t, e, "read from private field"), s ? s.call(t) : e.get(t)), S = (t, e, s) => e.has(t) ? d("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), h = (t, e, s, l) => (f(t, e, "write to private field"), l ? l.call(t, s) : e.set(t, s), s);
-import { __esDecorate as x, __runInitializers as m } from "tslib";
-import { property as g } from "lit/decorators.js";
-import { html as v } from "lit/static-html.js";
-import { hostAttributes as C, slotState as I } from "../../core/decorators.js";
-import { isLean as E } from "../../core/dom.js";
-import { SbbNegativeMixin as B } from "../../core/mixins.js";
-import { SbbIconNameMixin as D } from "../../icon.js";
-const P = (t) => (() => {
-  var o, r;
-  let s = [C({
+var I = (t, e, i) => e.has(t) || D("Cannot " + i);
+var b = (t, e, i) => (I(t, e, "read from private field"), i ? i.call(t) : e.get(t)), u = (t, e, i) => e.has(t) ? D("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), h = (t, e, i, o) => (I(t, e, "write to private field"), o ? o.call(t, i) : e.set(t, i), i);
+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) => (() => {
+  var n, m, l;
+  let i = [E({
     "data-sbb-button": ""
-  }), I()], l, c = [], a, u = B(D(t)), b, p = [], _ = [];
-  return r = class extends u {
+  }), k()], o, f = [], r, _ = $(j(t)), g, y = [], z = [], S, v = [], x = [];
+  return l = class extends _ {
     constructor() {
       super(...arguments);
-      S(this, o, m(this, p, E() ? "s" : "l"));
-      m(this, _);
+      u(this, n, c(this, y, T() ? "s" : "l"));
+      u(this, m, (c(this, z), c(this, v, !1)));
+      c(this, x);
     }
     /**
      * Size variant, either l, m or s.
      * @default 'l' / 's' (lean)
      */
     get size() {
-      return z(this, o);
+      return b(this, n);
     }
-    set size(i) {
-      h(this, o, i);
+    set size(a) {
+      h(this, n, a);
+    }
+    /**
+     * Whether the button indicates a loading state.
+     * The animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.
+     */
+    get loading() {
+      return b(this, m);
+    }
+    set loading(a) {
+      h(this, m, a);
+    }
+    willUpdate(a) {
+      if (super.willUpdate(a), a.has("loading"))
+        if (this.loading) {
+          this.internals.ariaBusy = "true", this.internals.ariaDisabled = "true";
+          const s = this.offsetWidth;
+          this.style?.setProperty("--sbb-button-width", `${s || 136}px`);
+        } else
+          this.internals.ariaBusy = null, this.style?.removeProperty("--sbb-button-width"), this.maybeDisabledInteractive || (this.internals.ariaDisabled = null);
     }
     renderTemplate() {
-      return v`
+      return w`
         ${super.renderIconSlot()}
         <span class="sbb-button__label">
           <slot></slot>
         </span>
+        ${this.loading && !this.maybeDisabled ? w`<div class="sbb-button-loading-border"></div>` : C}
       `;
     }
-  }, o = new WeakMap(), a = r, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    b = [g({ reflect: !0 })], x(r, null, b, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (n) => "size" in n, get: (n) => n.size, set: (n, y) => {
-      n.size = y;
-    } }, metadata: i }, p, _), x(null, l = { value: a }, s, { kind: "class", name: a.name, metadata: i }, null, c), a = l.value, i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i }), m(a, c);
-  })(), a;
+  }, 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) => {
+      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) => {
+      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);
+  })(), r;
 })();
 export {
-  P as SbbButtonCommonElementMixin
+  H as SbbButtonCommonElementMixin
 };

package/button/common.js

@@ -1,5 +1,5 @@
 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-BlbvexCb.js";
+import { a, b as r, p as b, s as m, t as s } from "../transparent-button-rf30m88X.js";
 export {
   n as SbbButtonCommonElementMixin,
   a as buttonAccentStyle,

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

@@ -5,6 +5,7 @@ declare const SbbMiniButtonElement_base: import('../../core/mixins.js').Abstract
  * 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.
  *
+ * @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 SbbMiniButtonElement extends SbbMiniButtonElement_base {

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;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;;GAKG;AACH,qBAGM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,cAAc,IAAI,cAAc;CAGpD;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;;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"}

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

@@ -1,23 +1,29 @@
-import { __esDecorate as s, __runInitializers as n } from "tslib";
+import { __esDecorate as r, __runInitializers as s } from "tslib";
 import { customElement as l } from "lit/decorators.js";
-import { SbbButtonBaseElement as d } from "../../core/base-elements.js";
+import { html as d } 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 u, SbbNegativeMixin as v } from "../../core/mixins.js";
-import { SbbIconNameMixin as m } from "../../icon.js";
-import { css as f } from "lit";
-const h = f`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--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-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}: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)}`;
-let w = (() => {
+import { SbbDisabledTabIndexActionMixin as v, SbbNegativeMixin as m } from "../../core/mixins.js";
+import { SbbIconNameMixin as h } 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-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--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-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}: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 i = [l("sbb-mini-button"), c()], a, r = [], t, e = u(v(m(d)));
-  return o = class extends e {
+  let e = [l("sbb-mini-button"), c()], a, i = [], t, n = v(m(h(u)));
+  return o = class extends n {
     renderTemplate() {
-      return super.renderIconSlot();
+      return d`
+      ${super.renderIconSlot()}
+      <span class="sbb-mini-button__label">
+        <slot></slot>
+      </span>
+    `;
     }
   }, t = o, (() => {
-    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    s(null, a = { value: t }, i, { kind: "class", name: t.name, metadata: b }, null, r), t = a.value, b && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
-  })(), o.styles = h, n(t, r), t;
+    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    r(null, a = { value: t }, e, { kind: "class", name: t.name, metadata: b }, null, i), t = a.value, b && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
+  })(), o.styles = f, s(t, i), t;
 })();
 export {
-  w as SbbMiniButtonElement
+  T as SbbMiniButtonElement
 };

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

@@ -5,7 +5,8 @@ declare const SbbSecondaryButtonElement_base: import('../../core/mixins.js').Abs
  * It displays a button enhanced with the SBB Design in the 'secondary' variant.
  *
  * @slot - Use the unnamed slot to add content to the secondary-button.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbSecondaryButtonElement extends SbbSecondaryButtonElement_base {
     static styles: CSSResultGroup;

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;;;;;GAKG;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;;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"}

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

@@ -5,7 +5,8 @@ declare const SbbSecondaryButtonLinkElement_base: import('../../core/mixins.js')
  * It displays a button enhanced with the SBB Design in the 'primary' variant, which will behave as a link.
  *
  * @slot - Use the unnamed slot to add content to the secondary-button-link.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbSecondaryButtonLinkElement extends SbbSecondaryButtonLinkElement_base {
     static styles: CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"secondary-button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/secondary-button-link/secondary-button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBAEM,6BAA8B,SAAQ,kCAE3C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA6C;CAC3F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}
+{"version":3,"file":"secondary-button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/secondary-button-link/secondary-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,6BAA8B,SAAQ,kCAE3C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA6C;CAC3F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

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

@@ -5,7 +5,8 @@ declare const SbbSecondaryButtonStaticElement_base: import('../../core/mixins.js
  * It displays a static button enhanced with the SBB Design in the 'secondary' variant.
  *
  * @slot - Use the unnamed slot to add content to the secondary-button-static.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbSecondaryButtonStaticElement extends SbbSecondaryButtonStaticElement_base {
     static styles: CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"secondary-button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/secondary-button-static/secondary-button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,+BAAgC,SAAQ,oCAE7C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA6C;CAC3F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
+{"version":3,"file":"secondary-button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/secondary-button-static/secondary-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,+BAAgC,SAAQ,oCAE7C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA6C;CAC3F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

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

@@ -5,7 +5,8 @@ declare const SbbTransparentButtonElement_base: import('../../core/mixins.js').A
  * It displays a button enhanced with the SBB Design in the 'transparent' variant.
  *
  * @slot - Use the unnamed slot to add content to the transparent-button.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbTransparentButtonElement extends SbbTransparentButtonElement_base {
     static styles: CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"transparent-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/transparent-button/transparent-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAQnE;;;;;GAKG;AACH,qBAEM,2BAA4B,SAAQ,gCAEzC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}
+{"version":3,"file":"transparent-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/transparent-button/transparent-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAQnE;;;;;;GAMG;AACH,qBAEM,2BAA4B,SAAQ,gCAEzC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}

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

@@ -5,7 +5,8 @@ declare const SbbTransparentButtonLinkElement_base: import('../../core/mixins.js
  * It displays a button enhanced with the SBB Design in the 'transparent' variant, which will behave as a link.
  *
  * @slot - Use the unnamed slot to add content to the transparent-button-link.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbTransparentButtonLinkElement extends SbbTransparentButtonLinkElement_base {
     static styles: CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"transparent-button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/transparent-button-link/transparent-button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAQjE;;;;;GAKG;AACH,qBAEM,+BAAgC,SAAQ,oCAE7C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
+{"version":3,"file":"transparent-button-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/transparent-button-link/transparent-button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAQjE;;;;;;GAMG;AACH,qBAEM,+BAAgC,SAAQ,oCAE7C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

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

@@ -5,7 +5,8 @@ declare const SbbTransparentButtonStaticElement_base: import('../../core/mixins.
  * It displays a static button enhanced with the SBB Design in the 'transparent' variant.
  *
  * @slot - Use the unnamed slot to add content to the transparent-button-static.
- * @slot icon - Slot used to display the icon, if one is set
+ * @slot icon - Slot used to display the icon, if one is set.
+ * @cssprop [--sbb-button-loading-delay=300ms] - The delay before the loading animation starts, when setting the button into loading state.
  */
 export declare class SbbTransparentButtonStaticElement extends SbbTransparentButtonStaticElement_base {
     static styles: CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"transparent-button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/transparent-button-static/transparent-button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAQnE;;;;;GAKG;AACH,qBAEM,iCAAkC,SAAQ,sCAE/C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}
+{"version":3,"file":"transparent-button-static.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/transparent-button-static/transparent-button-static.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAQnE;;;;;;GAMG;AACH,qBAEM,iCAAkC,SAAQ,sCAE/C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA+C;CAC7F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}

package/button.js

@@ -13,7 +13,7 @@ import { SbbSecondaryButtonStaticElement as T } from "./button/secondary-button-
 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 } from "./transparent-button-BlbvexCb.js";
+import { a as q, b as v, p as w, s as z, t as D } from "./transparent-button-rf30m88X.js";
 export {
   m as SbbAccentButtonElement,
   s as SbbAccentButtonLinkElement,

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-group/checkbox-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;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBAGM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA4B,IAAI,EAAE,eAAe,CAAyB;IAE1E,yDAAyD;IACzD,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE,qFAAqF;IACrF,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;;IAOe,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA0BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-group/checkbox-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;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBAGM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA4B,IAAI,EAAE,eAAe,CAAyB;IAE1E,yDAAyD;IACzD,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE,qFAAqF;IACrF,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;;IAOe,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA2BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/checkbox/checkbox-group/checkbox-group.component.js

@@ -4,7 +4,7 @@ var C = (o) => {
 var U = (o, i, r) => i.has(o) || C("Cannot " + r);
 var m = (o, i, r) => (U(o, i, "read from private field"), r ? r.call(o) : i.get(o)), u = (o, i, r) => i.has(o) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(o) : i.set(o, r), x = (o, i, r, n) => (U(o, i, "write to private field"), n ? n.call(o, r) : i.set(o, r), r);
 import { __esDecorate as p, __runInitializers as c } from "tslib";
-import { css as L, LitElement as j, html as N } from "lit";
+import { css as L, LitElement as N, html as j } from "lit";
 import { customElement as O, property as k } from "lit/decorators.js";
 import { interactivityChecker as T, isArrowKeyPressed as B, getNextElementIndex as G } from "../../core/a11y.js";
 import { slotState as M, forceType as V } from "../../core/decorators.js";
@@ -13,7 +13,7 @@ import { SbbDisabledMixin as J } from "../../core/mixins.js";
 const Q = L`*,:before,:after{box-sizing:border-box}:host{--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto;--sbb-checkbox-group-width: max-content;--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);display:block}:host([orientation=vertical]){--sbb-checkbox-group-orientation: column;--sbb-checkbox-group-width: 100%;--sbb-checkbox-group-checkbox-width: 100%}:host([orientation=vertical]) ::slotted(sbb-checkbox-panel){width:100%}:host([data-has-panel]){--sbb-checkbox-group-width: 100%}:host([data-has-panel]) ::slotted(sbb-checkbox-panel){flex:auto}:host([data-has-panel][orientation=vertical]){--sbb-checkbox-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=small]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=large]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-checkbox-group-orientation: row;--sbb-checkbox-group-checkbox-width: auto}:host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-checkbox-panel){width:initial}:host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])){--sbb-checkbox-group-width: max-content}}.sbb-checkbox-group{display:flex;flex-direction:var(--sbb-checkbox-group-orientation);gap:var(--sbb-checkbox-group-gap);align-items:flex-start;width:var(--sbb-checkbox-group-width)}.sbb-checkbox-group__error{display:inline-block;margin-block-start:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=error])) .sbb-checkbox-group__error{display:none}::slotted(sbb-checkbox){width:var(--sbb-checkbox-group-checkbox-width)}`;
 let ot = (() => {
   var l, h, b, d, s;
-  let o = [O("sbb-checkbox-group"), M()], i, r = [], n, g = J(j), f, z = [], w = [], _, v = [], y = [], q, E = [], F = [], S, I = [], D = [];
+  let o = [O("sbb-checkbox-group"), M()], i, r = [], n, g = J(N), f, z = [], w = [], _, v = [], y = [], q, E = [], F = [], S, I = [], D = [];
   return s = class extends g {
     constructor() {
       super();
@@ -67,13 +67,13 @@ let ot = (() => {
     _handleKeyDown(e) {
       const t = this.checkboxes.filter((a) => !a.disabled && T.isVisible(a));
       if (!(!t || // don't trap nested handling
-      e.target !== this && e.target.parentElement !== this && e.target.parentElement.localName !== "sbb-selection-expansion-panel") && B(e)) {
+      e.target !== this && e.target.parentElement !== this && e.target.parentElement.localName !== "sbb-selection-expansion-panel" && e.target.parentElement.localName !== "sbb-selection-action-panel") && B(e)) {
         const a = t.findIndex((K) => K === e.target), A = G(e, a, t.length);
         t[A]?.focus();
       }
     }
     render() {
-      return N`
+      return j`
       <div class="sbb-checkbox-group">
         <slot></slot>
       </div>

package/checkbox/checkbox-panel/checkbox-panel.component.d.ts

@@ -31,6 +31,9 @@ declare global {
     interface HTMLElementTagNameMap {
         'sbb-checkbox-panel': SbbCheckboxPanelElement;
     }
+    interface GlobalEventHandlersEventMap {
+        statechange: CustomEvent<SbbStateChange>;
+    }
 }
 export {};
 //# sourceMappingURL=checkbox-panel.component.d.ts.map

package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAGM,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,4BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAExF,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D,OAAO,CAAC,oBAAoB;cAWT,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAkBzD,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAGM,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,4BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAExF,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D,OAAO,CAAC,oBAAoB;cAWT,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAkBzD,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;IAED,UAAU,2BAA2B;QACnC,WAAW,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAC1C;CACF"}

package/core/a11y/live-announcer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"live-announcer.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/live-announcer.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;AAIhE;;;;GAIG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,gBAAgB,CAA4C;IACpE,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,eAAe,CAA2B;;IAQlD;;;;OAIG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAE/C;;;;;OAKG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAEhF;;;;;;;OAOG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAElE;;;;;;;;OAQG;IACI,QAAQ,CACb,OAAO,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,kBAAkB,EAC/B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,IAAI,CAAC;IAkDhB;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAMb,OAAO,IAAI,IAAI;IAQtB,OAAO,CAAC,kBAAkB;CAqB3B;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}
+{"version":3,"file":"live-announcer.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/live-announcer.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;AAIhE;;;;GAIG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,gBAAgB,CAA4C;IACpE,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,eAAe,CAA2B;;IAclD;;;;OAIG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAE/C;;;;;OAKG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAEhF;;;;;;;OAOG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAElE;;;;;;;;OAQG;IACI,QAAQ,CACb,OAAO,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,kBAAkB,EAC/B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,IAAI,CAAC;IAiDhB;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAMb,OAAO,IAAI,IAAI;IAQtB,OAAO,CAAC,kBAAkB;CAqB3B;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}