@sbb-esta/lyne-elements 0.0.0 → 0.52.0

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

@@ -0,0 +1,50 @@
+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 _abort;
+    private _language;
+    private _markForFocus;
+    private _handleKeyDown;
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): 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.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAYb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEpF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,eAAe,CAAC;;AAEvB;;;;GAIG;AACH,qBAIa,yBAA0B,SAAQ,8BAGlC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAsB;IAIrE,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,eAAe,CAAoE;IAC3F,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,cAAc;IAiBN,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9D,oBAAoB,IAAI,IAAI;cAKzB,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;IAO/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

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

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

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

package/breadcrumb/breadcrumb-group.js

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

package/breadcrumb/breadcrumb.d.ts

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

package/breadcrumb/breadcrumb.d.ts.map

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

package/breadcrumb/breadcrumb.js

@@ -0,0 +1,43 @@
+import { state as l, customElement as c } from "lit/decorators.js";
+import { html as d } from "lit/static-html.js";
+import { SbbLinkBaseElement as m } from "../core/base-elements.js";
+import { SbbHydrationMixin as u } from "../core/mixins.js";
+import { SbbIconNameMixin as f } from "../icon.js";
+import { css as h } from "lit";
+const v = h`*,:before,:after{box-sizing:border-box}:host{display:flex;--sbb-breadcrumb-color: var(--sbb-color-granite)}@media (any-hover: hover){:host(:hover){--sbb-breadcrumb-color: var(--sbb-color-charcoal)}}:host(:is(:active,[data-active])){--sbb-breadcrumb-color: var(--sbb-color-anthracite)}.sbb-breadcrumb{--sbb-link-text-decoration: none;--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-link-color-normal);text-decoration:var(--sbb-link-text-decoration, underline);-webkit-user-select:none;user-select:none;display:flex;cursor:pointer;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-breadcrumb-color);align-items:center;overflow:hidden;outline:none}@media (forced-colors: active){.sbb-breadcrumb{text-decoration:underline}}@media (forced-colors: active){.sbb-breadcrumb{--sbb-breadcrumb-color: ButtonText}}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-breadcrumb:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`;
+var p = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (r, e, b, t) => {
+  for (var o = t > 1 ? void 0 : t ? x(e, b) : e, a = r.length - 1, i; a >= 0; a--)
+    (i = r[a]) && (o = (t ? i(e, b, o) : i(o)) || o);
+  return t && o && p(e, b, o), o;
+};
+let s = class extends f(u(m)) {
+  constructor() {
+    super(...arguments), this._hasText = !1;
+  }
+  _handleSlotchange() {
+    this._hasText = Array.from(this.childNodes ?? []).some(
+      (r) => {
+        var e;
+        return !r.slot && ((e = r.textContent) == null ? void 0 : e.trim());
+      }
+    );
+  }
+  renderTemplate() {
+    return d`
+      ${this.renderIconSlot("sbb-breadcrumb__icon")}
+      <span class="sbb-breadcrumb__label" ?hidden=${!this._hasText}>
+        <slot @slotchange=${this._handleSlotchange}></slot>
+      </span>
+    `;
+  }
+};
+s.styles = v;
+n([
+  l()
+], s.prototype, "_hasText", 2);
+s = n([
+  c("sbb-breadcrumb")
+], s);
+export {
+  s as SbbBreadcrumbElement
+};

package/breadcrumb.d.ts

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

package/breadcrumb.d.ts.map

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

package/breadcrumb.js

@@ -0,0 +1,2 @@
+export * from "./breadcrumb/breadcrumb.js";
+export * from "./breadcrumb/breadcrumb-group.js";

package/button/button/button.d.ts

@@ -0,0 +1,20 @@
+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> & 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.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBACa,gBAAiB,SAAQ,qBAErC;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.d.ts

@@ -0,0 +1,20 @@
+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').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.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button-link/button-link.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;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

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

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

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

package/button/button-link.js

@@ -0,0 +1,20 @@
+import { customElement as i } from "lit/decorators.js";
+import { SbbLinkBaseElement as s } from "../core/base-elements.js";
+import { SbbDisabledMixin as p } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonPrimaryStyle as v } from "./common.js";
+var S = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (l, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? _(e, r) : e, n = l.length - 1, m; n >= 0; n--)
+    (m = l[n]) && (t = (o ? m(e, r, t) : m(t)) || t);
+  return o && t && S(e, r, t), t;
+};
+let b = class extends f(
+  p(s)
+) {
+};
+b.styles = [u, v];
+b = a([
+  i("sbb-button-link")
+], b);
+export {
+  b as SbbButtonLinkElement
+};

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

@@ -0,0 +1,20 @@
+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.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/button-static/button-static.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBACa,sBAAuB,SAAQ,2BAE3C;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

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

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

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

package/button/button-static.js

@@ -0,0 +1,20 @@
+import { customElement as i } from "lit/decorators.js";
+import { SbbActionBaseElement as l } from "../core/base-elements.js";
+import { SbbDisabledMixin as p } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonPrimaryStyle as a } from "./common.js";
+var c = Object.defineProperty, S = Object.getOwnPropertyDescriptor, v = (s, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? S(e, r) : e, m = s.length - 1, n; m >= 0; m--)
+    (n = s[m]) && (t = (o ? n(e, r, t) : n(t)) || t);
+  return o && t && c(e, r, t), t;
+};
+let b = class extends f(
+  p(l)
+) {
+};
+b.styles = [u, a];
+b = v([
+  i("sbb-button-static")
+], b);
+export {
+  b as SbbButtonStaticElement
+};

package/button/button.d.ts

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

package/button/button.d.ts.map

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

package/button/button.js

@@ -0,0 +1,20 @@
+import { customElement as s } from "lit/decorators.js";
+import { SbbButtonBaseElement as i } from "../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonPrimaryStyle as a } from "./common.js";
+var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, _ = (l, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? S(e, r) : e, n = l.length - 1, m; n >= 0; n--)
+    (m = l[n]) && (t = (o ? m(e, r, t) : m(t)) || t);
+  return o && t && v(e, r, t), t;
+};
+let b = class extends f(
+  p(i)
+) {
+};
+b.styles = [u, a];
+b = _([
+  s("sbb-button")
+], b);
+export {
+  b as SbbButtonElement
+};

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

@@ -0,0 +1,14 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { AbstractConstructor, SbbDisabledMixinType, SbbNegativeMixinType } from '../../core/mixins.js';
+import { SbbIconNameMixinType } from '../../icon.js';
+
+export type SbbButtonCommonElement = SbbButtonCommonElementMixinType & SbbActionBaseElement;
+export type SbbButtonSize = 'l' | 'm' | 's';
+export declare class SbbButtonCommonElementMixinType implements SbbNegativeMixinType, Partial<SbbDisabledMixinType>, Partial<SbbIconNameMixinType> {
+    size?: SbbButtonSize;
+    disabled: boolean;
+    iconName?: string;
+    negative: boolean;
+}
+export declare const SbbButtonCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbButtonCommonElementMixinType> & T;
+//# sourceMappingURL=button-common.d.ts.map

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

@@ -0,0 +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,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,sBAAsB,GAAG,+BAA+B,GAAG,oBAAoB,CAAC;AAE5F,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE5C,MAAM,CAAC,OAAO,OAAO,+BACnB,YAAW,oBAAoB,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEtF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CAC1B;AAGD,eAAO,MAAM,2BAA2B,oEAC1B,CAAC,KACZ,oBAAoB,+BAA+B,CAAC,GAAG,CA2BzD,CAAC"}

package/button/common.d.ts

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

package/button/common.d.ts.map

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

package/button/common.js

@@ -0,0 +1,42 @@
+import { property as i } from "lit/decorators.js";
+import { html as c } from "lit/static-html.js";
+import { SbbSlotStateController as d } from "../core/controllers.js";
+import { hostAttributes as u } from "../core/decorators.js";
+import { SbbNegativeMixin as v } from "../core/mixins.js";
+import { SbbIconNameMixin as h } from "../icon.js";
+import { css as r } from "lit";
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, l = (a, o, t, s) => {
+  for (var b = s > 1 ? void 0 : s ? m(o, t) : o, e = a.length - 1, n; e >= 0; e--)
+    (n = a[e]) && (b = (s ? n(o, t, b) : n(b)) || b);
+  return s && b && f(o, t, b), b;
+};
+const S = (a) => {
+  let o = class extends v(h(a)) {
+    constructor(...t) {
+      super(t), this.size = "l", new d(this);
+    }
+    renderTemplate() {
+      return c`
+        ${super.renderIconSlot()}
+        <span class="sbb-button__label">
+          <slot></slot>
+        </span>
+      `;
+    }
+  };
+  return l([
+    i({ reflect: !0 })
+  ], o.prototype, "size", 2), o = l([
+    u({
+      "data-sbb-button": ""
+    })
+  ], o), o;
+}, _ = r`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-button-icon-size: var(--sbb-size-icon-ui-small);--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-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);--sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-20);--sbb-button-border-style: solid;--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: var(--sbb-border-width-2x);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-min-height: var(--sbb-size-element-m);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);--sbb-button-gap: var(--sbb-spacing-fixed-2x);--sbb-button-inset: 0;--sbb-button-box-shadow: transparent;--sbb-button-box-shadow-definition: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color)}@media (min-width: 52.5rem){:host{--sbb-button-padding-inline: var(--sbb-spacing-fixed-10x)}}@media (forced-colors: active){:host{--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-border: Highlight !important}}:host([negative]){--sbb-button-color-disabled-background: var(--sbb-color-anthracite);--sbb-button-color-disabled-text: var(--sbb-color-aluminium)}:host([size=m]){--sbb-button-min-height: var(--sbb-size-element-s);--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 52.5rem){:host([size=m]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x)}}:host([size=s]){--sbb-button-min-height: var(--sbb-size-element-xs);--sbb-button-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-button-gap: var(--sbb-spacing-fixed-1x)}@media (min-width: 52.5rem){:host([size=s]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])){--sbb-button-padding-inline: 0}@media (forced-colors: active){:host([disabled]){--sbb-button-color-disabled-text: GrayText !important}}@media (any-hover: hover){:host(:not([disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem;--sbb-button-shadow-1-offset-y: calc( .5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y) );--sbb-button-shadow-1-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur))}}@media (forced-colors: active){:host(:not([disabled],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}@media (forced-colors: active){:host([role=button]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-hover-text: ButtonText !important;--sbb-button-color-active-text: ButtonText !important;--sbb-button-color-default-background: Canvas !important;--sbb-button-color-hover-background: Canvas !important;--sbb-button-color-active-background: Canvas !important;--sbb-button-color-disabled-background: Canvas !important}}.sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;width:100%;position:relative;display:flex;gap:var(--sbb-button-gap);align-items:center;justify-content:center;text-align:left;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;min-height:var(--sbb-button-min-height);border-radius:var(--sbb-button-border-radius);padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);color:var(--sbb-button-color-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.sbb-action-base:before{position:absolute;content:"";inset:var(--sbb-button-inset);border:var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);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,border-color,box-shadow;box-shadow:var(--sbb-button-box-shadow)}:host([disabled]) .sbb-action-base:before{background-color:var(--sbb-button-color-disabled-background);border-width:var(--sbb-button-border-disabled-width);border-color:var(--sbb-button-color-disabled-border);border-style:var(--sbb-button-border-disabled-style)}@media (any-hover: hover){:host(:not([disabled],:active,[data-active]):hover) .sbb-action-base:before{inset:calc(var(--sbb-button-border-width) * -1);background-color:var(--sbb-button-color-hover-background);border-color:var(--sbb-button-color-hover-border)}}:host(:not([disabled]):is(:active,[data-active])) .sbb-action-base:before{color:var(--sbb-button-color-active-text);background-color:var(--sbb-button-color-active-background);border-color:var(--sbb-button-color-active-border)}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-action-base{width:var(--sbb-button-min-height);justify-content:center}:host([disabled]) .sbb-action-base{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}@media (any-hover: hover){:host(:not([disabled],:active,[data-active]):hover) .sbb-action-base{color:var(--sbb-button-color-hover-text)}}:host([data-focus-visible]) .sbb-action-base:before,:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:before,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}.sbb-button__label,::slotted([slot=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))}.sbb-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-button__label{display:none}`, C = r`:host{--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-red150);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-white);--sbb-button-color-default-text: var(--sbb-color-red);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-red125);--sbb-button-shadow-1-color: var(--sbb-color-smoke-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-metal-alpha-20)}:host(:not([disabled],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, B = r`:host{--sbb-button-color-active-background: var(--sbb-color-milk);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-cloud);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-white);--sbb-button-color-hover-border: var(--sbb-color-cloud);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host([negative]){--sbb-button-color-active-background: transparent;--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: var(--sbb-color-white);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: transparent;--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-milk)}:host(:not([disabled],[negative],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, T = r`:host{--sbb-button-color-active-background: var(--sbb-color-black);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-charcoal);--sbb-button-color-default-border: var(--sbb-color-cloud);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-midnight);--sbb-button-color-hover-border: var(--sbb-color-cloud);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host(:not([disabled],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, P = r`:host{--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-black);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-black);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-black)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-white);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-white)}`;
+export {
+  S as SbbButtonCommonElementMixin,
+  _ as buttonCommonStyle,
+  C as buttonPrimaryStyle,
+  B as buttonSecondaryStyle,
+  T as buttonTertiaryStyle,
+  P as buttonTransparentStyle
+};

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

@@ -0,0 +1,22 @@
+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').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & 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;
+    constructor();
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-mini-button': SbbMiniButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=mini-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button.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,qBACa,oBAAqB,SAAQ,yBAEzC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;;cAOnC,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/button/mini-button.d.ts

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

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

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

package/button/mini-button.js

@@ -0,0 +1,29 @@
+import { customElement as i } from "lit/decorators.js";
+import { SbbButtonBaseElement as l } from "../core/base-elements.js";
+import { SbbSlotStateController as d } from "../core/controllers.js";
+import { SbbNegativeMixin as c, SbbDisabledTabIndexActionMixin as u } from "../core/mixins.js";
+import { SbbIconNameMixin as v } from "../icon.js";
+import { css as h } from "lit";
+const m = h`*,: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-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-charcoal);--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-style: solid;--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: 0rem;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-inset: 0}@media (forced-colors: active){:host{--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-text: ButtonText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-hover-text: ButtonText !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-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:var(--sbb-button-display)}:host .sbb-mini-button:before{position:absolute;content:"";inset:var(--sbb-button-inset);border:var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);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,border-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-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-milk);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-milk);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled])){--sbb-button-border-width: var(--sbb-border-width-1x)}@media (forced-colors: active){:host(:is([disabled],[data-disabled])){--sbb-button-color-disabled-text: GrayText !important}}:host(:is([disabled],[data-disabled])) .sbb-mini-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled])) .sbb-mini-button:before{background-color:var(--sbb-button-color-disabled-background);border-color:var(--sbb-button-color-disabled-border);border-style:var(--sbb-button-border-disabled-style)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-mini-button:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (forced-colors: active){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-mini-button:before{inset:calc(var(--sbb-button-border-width) * -1);background-color:var(--sbb-button-color-hover-background);border-color:var(--sbb-button-color-hover-border)}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-mini-button{color:var(--sbb-button-color-hover-text)}}:host(:not([disabled],[data-disabled]):is(:active,[data-active])) .sbb-mini-button:before{color:var(--sbb-button-color-active-text);background-color:var(--sbb-button-color-active-background);border-color:var(--sbb-button-color-active-border)}`;
+var f = Object.defineProperty, p = Object.getOwnPropertyDescriptor, g = (s, t, r, b) => {
+  for (var o = b > 1 ? void 0 : b ? p(t, r) : t, a = s.length - 1, e; a >= 0; a--)
+    (e = s[a]) && (o = (b ? e(t, r, o) : e(o)) || o);
+  return b && o && f(t, r, o), o;
+};
+let n = class extends c(
+  v(u(l))
+) {
+  constructor() {
+    super(), new d(this);
+  }
+  renderTemplate() {
+    return super.renderIconSlot();
+  }
+};
+n.styles = m;
+n = g([
+  i("sbb-mini-button")
+], n);
+export {
+  n as SbbMiniButtonElement
+};