@sbb-esta/lyne-elements 2.8.0 → 2.10.0

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

@@ -0,0 +1,17 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+/**
+ * The component is used as a wrapper for options and action buttons.
+ *
+ * @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-option` and a `sbb-autocomplete-grid-cell` with one or more `sbb-autocomplete-grid-button`.
+ */
+export declare class SbbAutocompleteGridRowElement extends LitElement {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-row': SbbAutocompleteGridRowElement;
+    }
+}
+//# sourceMappingURL=autocomplete-grid-row.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-grid-row.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AASjF;;;;GAIG;AACH,qBAKM,6BAA8B,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

package/autocomplete-grid/autocomplete-grid-row.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './autocomplete-grid-row/autocomplete-grid-row.js';
+export * from './autocomplete-grid-row/autocomplete-grid-row.component.js';
 //# sourceMappingURL=autocomplete-grid-row.d.ts.map

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

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

package/autocomplete-grid/autocomplete-grid-row.js

@@ -1,4 +1,4 @@
-import { SbbAutocompleteGridRowElement as t } from "./autocomplete-grid-row/autocomplete-grid-row.js";
+import { SbbAutocompleteGridRowElement as t } from "./autocomplete-grid-row/autocomplete-grid-row.component.js";
 export {
   t as SbbAutocompleteGridRowElement
 };

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

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

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

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

package/autocomplete-grid/autocomplete-grid.js

@@ -1,4 +1,4 @@
-import { SbbAutocompleteGridElement as t } from "./autocomplete-grid/autocomplete-grid.js";
+import { SbbAutocompleteGridElement as t } from "./autocomplete-grid/autocomplete-grid.component.js";
 export {
   t as SbbAutocompleteGridElement
 };

package/autocomplete-grid.js

@@ -1,9 +1,9 @@
-import { SbbAutocompleteGridElement as t } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.js";
-import { SbbAutocompleteGridButtonElement as m } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.js";
-import { SbbAutocompleteGridCellElement as l } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.js";
-import { SbbAutocompleteGridOptgroupElement as i } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.js";
-import { SbbAutocompleteGridOptionElement as u, autocompleteGridOptionId as d } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.js";
-import { SbbAutocompleteGridRowElement as G } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.js";
+import { SbbAutocompleteGridElement as t } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
+import { SbbAutocompleteGridButtonElement as m } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
+import { SbbAutocompleteGridCellElement as l } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js";
+import { SbbAutocompleteGridOptgroupElement as i } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
+import { SbbAutocompleteGridOptionElement as u, autocompleteGridOptionId as d } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js";
+import { SbbAutocompleteGridRowElement as G } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js";
 export {
   m as SbbAutocompleteGridButtonElement,
   l as SbbAutocompleteGridCellElement,

package/autocomplete.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './autocomplete/autocomplete.js';
+export * from './autocomplete/autocomplete.component.js';
 export * from './autocomplete/autocomplete-base-element.js';
 //# sourceMappingURL=autocomplete.d.ts.map

package/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/elements/autocomplete.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6CAA6C,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/elements/autocomplete.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC;AACzD,cAAc,6CAA6C,CAAC"}

package/autocomplete.js

@@ -1,4 +1,4 @@
-import { SbbAutocompleteElement as o } from "./autocomplete/autocomplete.js";
+import { SbbAutocompleteElement as o } from "./autocomplete/autocomplete.component.js";
 import { SbbAutocompleteBaseElement as p, inputAutocompleteEvent as l } from "./autocomplete/autocomplete-base-element.js";
 export {
   p as SbbAutocompleteBaseElement,

package/breadcrumb/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,20 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbBreadcrumbElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link to a page; used within a `sbb-breadcrumb-group` it can display the path to the current page.
+ *
+ * @slot - Use the unnamed slot to add content to the breadcrumb.
+ * @slot icon - Use this to display an icon as breadcrumb.
+ */
+export declare class SbbBreadcrumbElement extends SbbBreadcrumbElement_base {
+    static styles: CSSResultGroup;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-breadcrumb': SbbBreadcrumbElement;
+    }
+}
+export {};
+//# sourceMappingURL=breadcrumb.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb/breadcrumb.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAOjE;;;;;GAKG;AACH,qBAGM,oBAAqB,SAAQ,yBAAuD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

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

@@ -0,0 +1,47 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.js';
+import { SbbBreadcrumbElement } from '../breadcrumb.js';
+declare const SbbBreadcrumbGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbBreadcrumbElement>> & typeof LitElement;
+/**
+ * It can be used as a container for one or more `sbb-breadcrumb` component.
+ *
+ * @slot - Use the unnamed slot to add `sbb-breadcrumb` elements.
+ */
+export declare class SbbBreadcrumbGroupElement extends SbbBreadcrumbGroupElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    private set _state(value);
+    private get _state();
+    private _resizeObserver;
+    private _language;
+    private _markForFocus;
+    constructor();
+    private _handleKeyDown;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected updated(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
+    private _syncBreadcrumbs;
+    /**
+     * Sets the focus on the correct element when the ellipsis breadcrumb is displayed and the user is navigating with keyboard's arrows.
+     */
+    private _focusNextCollapsed;
+    private _focusNext;
+    /**
+     * Note: due to @State annotation on _state, this method triggers a new render; as a consequence, the focus is moved
+     * to the `body`, so if the ellipsis element has focus, it's asynchronously forced to the first element.
+     */
+    private _expandBreadcrumbs;
+    /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
+    private _evaluateCollapsedState;
+    private _renderCollapsed;
+    private _renderExpanded;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-breadcrumb-group': SbbBreadcrumbGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=breadcrumb-group.component.d.ts.map

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

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

package/breadcrumb/breadcrumb-group.d.ts

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

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

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

package/breadcrumb/breadcrumb-group.js

@@ -1,4 +1,4 @@
-import { SbbBreadcrumbGroupElement as b } from "./breadcrumb-group/breadcrumb-group.js";
+import { SbbBreadcrumbGroupElement as b } from "./breadcrumb-group/breadcrumb-group.component.js";
 export {
   b as SbbBreadcrumbGroupElement
 };

package/breadcrumb/breadcrumb.d.ts

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

package/breadcrumb/breadcrumb.d.ts.map

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

package/breadcrumb/breadcrumb.js

@@ -1,4 +1,4 @@
-import { SbbBreadcrumbElement as b } from "./breadcrumb/breadcrumb.js";
+import { SbbBreadcrumbElement as b } from "./breadcrumb/breadcrumb.component.js";
 export {
   b as SbbBreadcrumbElement
 };

package/breadcrumb.js

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

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbAccentButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+/**
+ * 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
+ */
+export declare class SbbAccentButtonElement extends SbbAccentButtonElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-accent-button': SbbAccentButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=accent-button.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbAccentButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+/**
+ * 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
+ */
+export declare class SbbAccentButtonLinkElement extends SbbAccentButtonLinkElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-accent-button-link': SbbAccentButtonLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=accent-button-link.component.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

package/button/accent-button-link.js

@@ -1,4 +1,4 @@
-import { SbbAccentButtonLinkElement as n } from "./accent-button-link/accent-button-link.js";
+import { SbbAccentButtonLinkElement as n } from "./accent-button-link/accent-button-link.component.js";
 export {
   n as SbbAccentButtonLinkElement
 };

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+declare const SbbAccentButtonStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+/**
+ * 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
+ */
+export declare class SbbAccentButtonStaticElement extends SbbAccentButtonStaticElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-accent-button-static': SbbAccentButtonStaticElement;
+    }
+}
+export {};
+//# sourceMappingURL=accent-button-static.component.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

package/button/accent-button-static.js

@@ -1,4 +1,4 @@
-import { SbbAccentButtonStaticElement as c } from "./accent-button-static/accent-button-static.js";
+import { SbbAccentButtonStaticElement as c } from "./accent-button-static/accent-button-static.component.js";
 export {
   c as SbbAccentButtonStaticElement
 };

package/button/accent-button.d.ts

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

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

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

package/button/accent-button.js

@@ -1,4 +1,4 @@
-import { SbbAccentButtonElement as n } from "./accent-button/accent-button.js";
+import { SbbAccentButtonElement as n } from "./accent-button/accent-button.component.js";
 export {
   n as SbbAccentButtonElement
 };

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+/**
+ * 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
+ */
+export declare class SbbButtonElement extends SbbButtonElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-button': SbbButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=button.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+/**
+ * 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
+ */
+export declare class SbbButtonLinkElement extends SbbButtonLinkElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-button-link': SbbButtonLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=button-link.component.d.ts.map

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

@@ -0,0 +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"}

package/button/button-link.d.ts

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

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

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

package/button/button-link.js

@@ -1,4 +1,4 @@
-import { SbbButtonLinkElement as n } from "./button-link/button-link.js";
+import { SbbButtonLinkElement as n } from "./button-link/button-link.component.js";
 export {
   n as SbbButtonLinkElement
 };

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+declare const SbbButtonStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+/**
+ * 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
+ */
+export declare class SbbButtonStaticElement extends SbbButtonStaticElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-button-static': SbbButtonStaticElement;
+    }
+}
+export {};
+//# sourceMappingURL=button-static.component.d.ts.map

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

@@ -0,0 +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"}

package/button/button-static.d.ts

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

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

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

package/button/button-static.js

@@ -1,4 +1,4 @@
-import { SbbButtonStaticElement as o } from "./button-static/button-static.js";
+import { SbbButtonStaticElement as o } from "./button-static/button-static.component.js";
 export {
   o as SbbButtonStaticElement
 };

package/button/button.d.ts

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

package/button/button.d.ts.map

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

package/button/button.js

@@ -1,4 +1,4 @@
-import { SbbButtonElement as o } from "./button/button.js";
+import { SbbButtonElement as o } from "./button/button.component.js";
 export {
   o as SbbButtonElement
 };

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

@@ -0,0 +1,20 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbMiniButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').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.
+ *
+ * @slot icon - Slot used to display the icon, if one is set
+ */
+export declare class SbbMiniButtonElement extends SbbMiniButtonElement_base {
+    static styles: CSSResultGroup;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-mini-button': SbbMiniButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=mini-button.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,31 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbMiniButtonElement } from '../mini-button/mini-button.component.js';
+export type SbbMiniButtonGroupSize = 's' | 'm' | 'l' | 'xl';
+declare const SbbMiniButtonGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbMiniButtonElement>> & typeof LitElement;
+/**
+ * Display a list of `sbb-mini-button` elements in a horizontal container,
+ * possibly separated by a `sbb-divider` component.
+ *
+ * @slot - Use the unnamed slot to add `sbb-mini-button` and `sbb-divider` elements.
+ */
+export declare class SbbMiniButtonGroupElement extends SbbMiniButtonGroupElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /** This will be forwarded as aria-label to the list that contains the buttons. */
+    accessor accessibilityLabel: string;
+    /**
+     * Size variant, either s, m, l or xl.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: SbbMiniButtonGroupSize;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _proxyNegative;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-mini-button-group': SbbMiniButtonGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=mini-button-group.component.d.ts.map

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

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

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

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

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

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

package/button/mini-button-group.js

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

package/button/mini-button.d.ts

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

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

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