@sbb-esta/lyne-elements-dev 4.9.0-dev.1774537954 → 4.9.0-dev.1774543811

package/alert/alert/alert.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../alert.component-B94SoaHI.js";
+import { t as e } from "../../alert.component-DS6ztnRx.js";
 export { e as SbbAlertElement };

package/alert/alert.js

@@ -1,4 +1,4 @@
-import { t as e } from "../alert.component-B94SoaHI.js";
+import { t as e } from "../alert.component-DS6ztnRx.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/alert/alert.js' has been deprecated.\nUse either '@sbb-esta/elements/alert.js' or '@sbb-esta/elements/alert.pure.js' instead.");
 //#endregion
 export { e as SbbAlertElement };

package/{alert.component-B94SoaHI.js → alert.component-DS6ztnRx.js}

@@ -5,23 +5,27 @@ import { SbbOpenCloseBaseElement as o } from "./core/base-elements.js";
 import { isLean as s, isZeroAnimationDuration as c } from "./core/dom.js";
 import { SbbReadonlyMixin as l } from "./core/mixins.js";
 import { boxSizingStyles as u } from "./core/styles.js";
-import { SbbDarkModeController as d, SbbLanguageController as f } from "./core/controllers.js";
-import { i18nCloseAlert as p } from "./core/i18n.js";
-import { SbbIconNameMixin as m } from "./icon.js";
-import "./button/transparent-button.js";
+import { SbbTransparentButtonElement as d } from "./button.pure.js";
+import { SbbDarkModeController as f, SbbLanguageController as p } from "./core/controllers.js";
+import { i18nCloseAlert as m } from "./core/i18n.js";
+import { SbbIconNameMixin as h } from "./icon.js";
 import "./divider.js";
 //#region src/elements/alert/alert/alert.scss?lit&inline
-var h = n`:host{display:block;--sbb-alert-background-color: var(--sbb-background-color-1-inverted);--sbb-alert-border-radius: var(--sbb-border-radius-4x);--sbb-alert-color: var(--sbb-color-aluminium);--sbb-alert-color: light-dark(var(--sbb-color-aluminium), var(--sbb-color-anthracite));--sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);--sbb-alert-icon-size: 1.25rem;--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);--sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-alert-timing-function: ease-in;--sbb-alert-title-margin-block: 0}@media(min-width:64rem){:host{--sbb-alert-icon-size: 1.75rem}}@media(forced-colors:active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;border-radius:var(--sbb-alert-border-radius)}}:host(:is(:state(state-opening),[state--state-opening]):not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host(:is(:state(state-closing),[state--state-closing]):not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host([size=s]){--sbb-alert-gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-alert-icon-size: var(--sbb-size-icon-ui-small);--sbb-alert-title-margin-block: 0 var(--sbb-spacing-fixed-1x)}@media(min-width:64rem){:host([size=l]){--sbb-alert-icon-size: 2.125rem}}:host(:not(:is(:state(dark),[state--dark]))){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-alert__transition-wrapper{display:grid;grid-template-rows:0fr;opacity:0}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-alert__transition-wrapper{grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])) .sbb-alert__transition-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-alert-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-alert__transition-wrapper{animation-name:close-opacity,close;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-alert__transition-sub-wrapper{overflow:hidden}.sbb-alert{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);overflow:hidden;color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius)}@media(min-width:37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{display:flex;align-items:start;padding-block:var(--sbb-spacing-fixed-1x);min-width:var(--sbb-alert-icon-size);--sbb-icon-svg-width: var(--sbb-alert-icon-size);--sbb-icon-svg-height: var(--sbb-alert-icon-size)}.sbb-alert__content{color-scheme:only light;order:3;grid-column:1/3}@media(min-width:37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{display:inline;margin:0;padding:0}.sbb-alert__close-button-wrapper{color-scheme:only light;display:flex;justify-content:flex-end;align-items:center;height:100%}@media(min-width:37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:none}@media(min-width:37.5rem){.sbb-alert__close-button-divider{display:block;height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes close-opacity{0%{opacity:1}to{opacity:0}}::slotted(sbb-title){margin-block:var(--sbb-alert-title-margin-block)}`, g = (() => {
-	let n = m(l(o)), g, _ = [], v = [], y, b = [], x = [];
+var g = n`:host{display:block;--sbb-alert-background-color: var(--sbb-background-color-1-inverted);--sbb-alert-border-radius: var(--sbb-border-radius-4x);--sbb-alert-color: var(--sbb-color-aluminium);--sbb-alert-color: light-dark(var(--sbb-color-aluminium), var(--sbb-color-anthracite));--sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);--sbb-alert-icon-size: 1.25rem;--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);--sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-alert-timing-function: ease-in;--sbb-alert-title-margin-block: 0}@media(min-width:64rem){:host{--sbb-alert-icon-size: 1.75rem}}@media(forced-colors:active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;border-radius:var(--sbb-alert-border-radius)}}:host(:is(:state(state-opening),[state--state-opening]):not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host(:is(:state(state-closing),[state--state-closing]):not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host([size=s]){--sbb-alert-gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-alert-icon-size: var(--sbb-size-icon-ui-small);--sbb-alert-title-margin-block: 0 var(--sbb-spacing-fixed-1x)}@media(min-width:64rem){:host([size=l]){--sbb-alert-icon-size: 2.125rem}}:host(:not(:is(:state(dark),[state--dark]))){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-alert__transition-wrapper{display:grid;grid-template-rows:0fr;opacity:0}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-alert__transition-wrapper{grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])) .sbb-alert__transition-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-alert-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-alert__transition-wrapper{animation-name:close-opacity,close;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-alert__transition-sub-wrapper{overflow:hidden}.sbb-alert{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);overflow:hidden;color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius)}@media(min-width:37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{display:flex;align-items:start;padding-block:var(--sbb-spacing-fixed-1x);min-width:var(--sbb-alert-icon-size);--sbb-icon-svg-width: var(--sbb-alert-icon-size);--sbb-icon-svg-height: var(--sbb-alert-icon-size)}.sbb-alert__content{color-scheme:only light;order:3;grid-column:1/3}@media(min-width:37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{display:inline;margin:0;padding:0}.sbb-alert__close-button-wrapper{color-scheme:only light;display:flex;justify-content:flex-end;align-items:center;height:100%}@media(min-width:37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:none}@media(min-width:37.5rem){.sbb-alert__close-button-divider{display:block;height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes close-opacity{0%{opacity:1}to{opacity:0}}::slotted(sbb-title){margin-block:var(--sbb-alert-title-margin-block)}`;
+//#endregion
+//#region src/elements/alert/alert/alert.component.ts
+d.define();
+var _ = (() => {
+	let n = h(l(o)), d, _ = [], v = [], y, b = [], x = [];
 	return class extends n {
 		constructor() {
-			super(...arguments), this.#e = t(this, _, s() ? "s" : "m"), this.#t = (t(this, v), t(this, b, "all")), this._language = (t(this, x), new f(this)), this._darkModeController = new d(this, () => {
+			super(...arguments), this.#e = t(this, _, s() ? "s" : "m"), this.#t = (t(this, v), t(this, b, "all")), this._language = (t(this, x), new p(this)), this._darkModeController = new f(this, () => {
 				this._syncLinks(), this._configureTitle(), this.requestUpdate();
 			});
 		}
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			g = [a({ reflect: !0 })], y = [a({ reflect: !0 })], e(this, null, g, {
+			d = [a({ reflect: !0 })], y = [a({ reflect: !0 })], e(this, null, d, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -58,7 +62,7 @@ var h = n`:host{display:block;--sbb-alert-background-color: var(--sbb-background
 			this.elementName = "sbb-alert";
 		}
 		static {
-			this.styles = [u, h];
+			this.styles = [u, g];
 		}
 		static {
 			this.events = {
@@ -150,7 +154,7 @@ var h = n`:host{display:block;--sbb-alert-background-color: var(--sbb-background
                     size=${this.size === "l" ? "m" : this.size}
                     icon-name="cross-small"
                     @click=${() => this.close()}
-                    aria-label=${p[this._language.current]}
+                    aria-label=${m[this._language.current]}
                     class="sbb-alert__close-button"
                   ></sbb-transparent-button>
                 </span>`}
@@ -162,4 +166,4 @@ var h = n`:host{display:block;--sbb-alert-background-color: var(--sbb-background
 	};
 })();
 //#endregion
-export { g as t };
+export { _ as t };

package/alert.js

@@ -1,5 +1,5 @@
 import { t as e } from "./alert-group.component-DnYg4aPB.js";
-import { t } from "./alert.component-B94SoaHI.js";
+import { t } from "./alert.component-DS6ztnRx.js";
 import "./alert.pure.js";
 t.define(), e.define();
 //#endregion

package/alert.pure.js

@@ -1,3 +1,3 @@
 import { t as e } from "./alert-group.component-DnYg4aPB.js";
-import { t } from "./alert.component-B94SoaHI.js";
+import { t } from "./alert.component-DS6ztnRx.js";
 export { t as SbbAlertElement, e as SbbAlertGroupElement };

package/{block-link-common-ClyAETjl.js → block-link-common-cbbpM1KV.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./link-common-DqIfaliQ.js";
+import { n as e, t } from "./link-common--PgMSB8P.js";
 import { __esDecorate as n, __runInitializers as r } from "tslib";
 import { css as i } from "lit";
 import { property as a } from "lit/decorators.js";

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

@@ -1,7 +1,7 @@
 import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledTabIndexActionMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonAccentStyle as i, buttonCommonStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonAccentStyle as i, buttonCommonStyle as a } from "../common/button-common.js";
 //#region src/elements/button/accent-button/accent-button.component.ts
 var o = class extends r(t(e)) {
 	static {

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

@@ -1,7 +1,7 @@
 import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as n } from "../../core/mixins.js";
 import { boxSizingStyles as r } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as i, buttonAccentStyle as a, buttonCommonStyle as o } from "../common.js";
+import { SbbButtonCommonElementMixin as i, buttonAccentStyle as a, buttonCommonStyle as o } from "../common/button-common.js";
 //#region src/elements/button/accent-button-link/accent-button-link.component.ts
 var s = class extends i(t(n(e))) {
 	static {

package/button/accent-button-link.js

@@ -1,6 +1,5 @@
 import { SbbAccentButtonLinkElement as e } from "./accent-button-link/accent-button-link.component.js";
 import { SbbAccentButtonLinkElement as t } from "../button.pure.js";
-//#region src/elements/button/accent-button-link.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/accent-button-link.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbAccentButtonLinkElement };

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

@@ -1,7 +1,7 @@
 import { SbbActionBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonAccentStyle as i, buttonCommonStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonAccentStyle as i, buttonCommonStyle as a } from "../common/button-common.js";
 //#region src/elements/button/accent-button-static/accent-button-static.component.ts
 var o = class extends r(t(e)) {
 	static {

package/button/accent-button-static.js

@@ -1,6 +1,5 @@
 import { SbbAccentButtonStaticElement as e } from "./accent-button-static/accent-button-static.component.js";
 import { SbbAccentButtonStaticElement as t } from "../button.pure.js";
-//#region src/elements/button/accent-button-static.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/accent-button-static.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbAccentButtonStaticElement };

package/button/accent-button.js

@@ -1,6 +1,5 @@
 import { SbbAccentButtonElement as e } from "./accent-button/accent-button.component.js";
 import { SbbAccentButtonElement as t } from "../button.pure.js";
-//#region src/elements/button/accent-button.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/accent-button.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbAccentButtonElement };

package/button/button/button.component.js

@@ -1,7 +1,7 @@
 import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledTabIndexActionMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonPrimaryStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonPrimaryStyle as a } from "../common/button-common.js";
 //#region src/elements/button/button/button.component.ts
 var o = class extends r(t(e)) {
 	static {

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

@@ -1,7 +1,7 @@
 import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as n } from "../../core/mixins.js";
 import { boxSizingStyles as r } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonPrimaryStyle as o } from "../common.js";
+import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonPrimaryStyle as o } from "../common/button-common.js";
 //#region src/elements/button/button-link/button-link.component.ts
 var s = class extends i(t(n(e))) {
 	static {

package/button/button-link.js

@@ -1,6 +1,5 @@
 import { SbbButtonLinkElement as e } from "./button-link/button-link.component.js";
 import { SbbButtonLinkElement as t } from "../button.pure.js";
-//#region src/elements/button/button-link.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/button-link.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbButtonLinkElement };

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

@@ -1,7 +1,7 @@
 import { SbbActionBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonPrimaryStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonPrimaryStyle as a } from "../common/button-common.js";
 //#region src/elements/button/button-static/button-static.component.ts
 var o = class extends r(t(e)) {
 	static {

package/button/button-static.js

@@ -1,6 +1,5 @@
 import { SbbButtonStaticElement as e } from "./button-static/button-static.component.js";
 import { SbbButtonStaticElement as t } from "../button.pure.js";
-//#region src/elements/button/button-static.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/button-static.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbButtonStaticElement };

package/button/button.js

@@ -1,6 +1,5 @@
 import { SbbButtonElement as e } from "./button/button.component.js";
 import { SbbButtonElement as t } from "../button.pure.js";
-//#region src/elements/button/button.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/button.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbButtonElement };

package/button/common/button-common.js

@@ -1,87 +1,2 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { nothing as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { forceType as i } from "../../core/decorators.js";
-import { isLean as a } from "../../core/dom.js";
-import { SbbNegativeMixin as o } from "../../core/mixins.js";
-import { html as s } from "lit/static-html.js";
-import { SbbIconNameMixin as c } from "../../icon.js";
-//#region src/elements/button/common/button-common.ts
-var l = (l) => (() => {
-	let u = o(c(l)), d, f = [], p = [], m, h = [], g = [];
-	return class extends u {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [r({ reflect: !0 })], m = [i(), r({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, d, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "loading",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "loading" in e,
-					get: (e) => e.loading,
-					set: (e, t) => {
-						e.loading = t;
-					}
-				},
-				metadata: t
-			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e = t(this, f, a() ? "s" : "l");
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t = (t(this, p), t(this, h, !1));
-		get loading() {
-			return this.#t;
-		}
-		set loading(e) {
-			this.#t = e;
-		}
-		constructor(...e) {
-			super(...e), t(this, g), this.internals.states.add("sbb-button");
-		}
-		willUpdate(e) {
-			if (super.willUpdate(e), e.has("loading")) if (this.loading) {
-				this.internals.ariaBusy = "true", this.internals.ariaDisabled = "true";
-				let e = this.offsetWidth;
-				this.style?.setProperty("--sbb-button-width", `${e || 136}px`);
-			} else this.internals.ariaBusy = null, this.style?.removeProperty("--sbb-button-width"), this.maybeDisabledInteractive || (this.internals.ariaDisabled = null);
-		}
-		renderTemplate() {
-			return s`
-        ${super.renderIconSlot()}
-        <span class="sbb-button__label">
-          <slot></slot>
-        </span>
-        ${this.loading && !this.maybeDisabled ? s`<div class="sbb-button-loading-border"></div>` : n}
-      `;
-		}
-	};
-})();
-//#endregion
-export { l as SbbButtonCommonElementMixin };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../button-common-BfX2ovU8.js";
+export { s as SbbButtonCommonElementMixin, e as buttonAccentStyle, t as buttonCommonStyle, o as buttonPrimaryStyle, i as buttonSecondaryStyle, n as buttonTransparentStyle, r as miniButtonLabelStyle, a as miniButtonStyle };

package/button/common.js

@@ -1,3 +1,5 @@
-import { SbbButtonCommonElementMixin as e } from "./common/button-common.js";
-import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../common-TkhiuEMj.js";
-export { e as SbbButtonCommonElementMixin, n as buttonAccentStyle, o as buttonCommonStyle, i as buttonPrimaryStyle, t as buttonSecondaryStyle, a as buttonTransparentStyle, s as miniButtonLabelStyle, r as miniButtonStyle };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../button-common-BfX2ovU8.js";
+//#region src/elements/button/common.ts
+console.warn("The entrypoint '@sbb-esta/elements/button/common.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
+//#endregion
+export { s as SbbButtonCommonElementMixin, e as buttonAccentStyle, t as buttonCommonStyle, o as buttonPrimaryStyle, i as buttonSecondaryStyle, n as buttonTransparentStyle, r as miniButtonLabelStyle, a as miniButtonStyle };

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

@@ -3,7 +3,7 @@ import { SbbDisabledTabIndexActionMixin as t, SbbNegativeMixin as n } from "../.
 import { boxSizingStyles as r } from "../../core/styles.js";
 import { html as i } from "lit/static-html.js";
 import { SbbIconNameMixin as a } from "../../icon.js";
-import { miniButtonLabelStyle as o, miniButtonStyle as s } from "../common.js";
+import { miniButtonLabelStyle as o, miniButtonStyle as s } from "../common/button-common.js";
 //#region src/elements/button/mini-button/mini-button.component.ts
 var c = class extends t(n(a(e))) {
 	static {

package/button/mini-button-group.js

@@ -1,6 +1,5 @@
 import { t as e } from "../mini-button-group.component-CDXkOnq4.js";
 import { SbbMiniButtonGroupElement as t } from "../button.pure.js";
-//#region src/elements/button/mini-button-group.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/mini-button-group.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbMiniButtonGroupElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../mini-button-link.component-BlPfUvvp.js";
+import { t as e } from "../../mini-button-link.component-Drmxn7_J.js";
 export { e as SbbMiniButtonLinkElement };

package/button/mini-button-link.js

@@ -1,6 +1,5 @@
-import { t as e } from "../mini-button-link.component-BlPfUvvp.js";
+import { t as e } from "../mini-button-link.component-Drmxn7_J.js";
 import { SbbMiniButtonLinkElement as t } from "../button.pure.js";
-//#region src/elements/button/mini-button-link.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/mini-button-link.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbMiniButtonLinkElement };

package/button/mini-button.js

@@ -1,6 +1,5 @@
 import { SbbMiniButtonElement as e } from "./mini-button/mini-button.component.js";
 import { SbbMiniButtonElement as t } from "../button.pure.js";
-//#region src/elements/button/mini-button.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/mini-button.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbMiniButtonElement };

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

@@ -1,7 +1,7 @@
 import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledTabIndexActionMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common/button-common.js";
 //#region src/elements/button/secondary-button/secondary-button.component.ts
 var o = class extends r(t(e)) {
 	static {

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

@@ -1,7 +1,7 @@
 import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as n } from "../../core/mixins.js";
 import { boxSizingStyles as r } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonSecondaryStyle as o } from "../common.js";
+import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonSecondaryStyle as o } from "../common/button-common.js";
 //#region src/elements/button/secondary-button-link/secondary-button-link.component.ts
 var s = class extends i(t(n(e))) {
 	static {

package/button/secondary-button-link.js

@@ -1,6 +1,5 @@
 import { SbbSecondaryButtonLinkElement as e } from "./secondary-button-link/secondary-button-link.component.js";
 import { SbbSecondaryButtonLinkElement as t } from "../button.pure.js";
-//#region src/elements/button/secondary-button-link.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/secondary-button-link.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbSecondaryButtonLinkElement };

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

@@ -1,7 +1,7 @@
 import { SbbActionBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common/button-common.js";
 //#region src/elements/button/secondary-button-static/secondary-button-static.component.ts
 var o = class extends r(t(e)) {
 	static {

package/button/secondary-button-static.js

@@ -1,6 +1,5 @@
 import { SbbSecondaryButtonStaticElement as e } from "./secondary-button-static/secondary-button-static.component.js";
 import { SbbSecondaryButtonStaticElement as t } from "../button.pure.js";
-//#region src/elements/button/secondary-button-static.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/secondary-button-static.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbSecondaryButtonStaticElement };

package/button/secondary-button.js

@@ -1,6 +1,5 @@
 import { SbbSecondaryButtonElement as e } from "./secondary-button/secondary-button.component.js";
 import { SbbSecondaryButtonElement as t } from "../button.pure.js";
-//#region src/elements/button/secondary-button.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/secondary-button.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbSecondaryButtonElement };

package/button/transparent-button/transparent-button.component.js

@@ -1,7 +1,7 @@
 import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledTabIndexActionMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonTransparentStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonTransparentStyle as a } from "../common/button-common.js";
 //#region src/elements/button/transparent-button/transparent-button.component.ts
 var o = class extends r(t(e)) {
 	static {

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

@@ -1,7 +1,7 @@
 import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as n } from "../../core/mixins.js";
 import { boxSizingStyles as r } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonTransparentStyle as o } from "../common.js";
+import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonTransparentStyle as o } from "../common/button-common.js";
 //#region src/elements/button/transparent-button-link/transparent-button-link.component.ts
 var s = class extends i(t(n(e))) {
 	static {

package/button/transparent-button-link.js

@@ -1,6 +1,5 @@
 import { SbbTransparentButtonLinkElement as e } from "./transparent-button-link/transparent-button-link.component.js";
 import { SbbTransparentButtonLinkElement as t } from "../button.pure.js";
-//#region src/elements/button/transparent-button-link.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/transparent-button-link.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbTransparentButtonLinkElement };

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

@@ -1,7 +1,7 @@
 import { SbbActionBaseElement as e } from "../../core/base-elements.js";
 import { SbbDisabledMixin as t } from "../../core/mixins.js";
 import { boxSizingStyles as n } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonTransparentStyle as a } from "../common.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonTransparentStyle as a } from "../common/button-common.js";
 //#region src/elements/button/transparent-button-static/transparent-button-static.component.ts
 var o = class extends r(t(e)) {
 	static {

package/button/transparent-button-static.js

@@ -1,6 +1,5 @@
 import { SbbTransparentButtonStaticElement as e } from "./transparent-button-static/transparent-button-static.component.js";
 import { SbbTransparentButtonStaticElement as t } from "../button.pure.js";
-//#region src/elements/button/transparent-button-static.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/transparent-button-static.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbTransparentButtonStaticElement };

package/button/transparent-button.js

@@ -1,6 +1,5 @@
 import { SbbTransparentButtonElement as e } from "./transparent-button/transparent-button.component.js";
 import { SbbTransparentButtonElement as t } from "../button.pure.js";
-//#region src/elements/button/transparent-button.ts
-t.define();
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/button/transparent-button.js' has been deprecated.\nUse either '@sbb-esta/elements/button.js' or '@sbb-esta/elements/button.pure.js' instead.");
 //#endregion
 export { e as SbbTransparentButtonElement };