@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.3

package/link-list/common/link-list-base.d.ts

@@ -1,8 +1,8 @@
 import { PropertyValues, TemplateResult, LitElement } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbBlockLinkButtonElement, SbbBlockLinkElement, SbbBlockLinkStaticElement, SbbLinkSize } from '../../link.js';
-import { SbbTitleLevel } from '../../title.js';
-declare const SbbLinkListBaseElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement | SbbBlockLinkStaticElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbBlockLinkButtonElement, SbbBlockLinkElement, SbbBlockLinkStaticElement, SbbLinkSize } from '../../link.ts';
+import { SbbTitleLevel } from '../../title.ts';
+declare const SbbLinkListBaseElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement | SbbBlockLinkStaticElement>> & typeof LitElement;
 /**
  * It displays a list of `sbb-block-link`.
  *

package/link-list/common.d.ts

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

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

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
-import { SbbLinkListBaseElement } from '../common.js';
+import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.ts';
+import { SbbLinkListBaseElement } from '../common.ts';
 /**
  * It displays a list of `sbb-block-link`.
  *

package/link-list/link-list-anchor/link-list-anchor.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup } from 'lit';
-import { SbbLinkListBaseElement } from '../common.js';
+import { SbbLinkListBaseElement } from '../common.ts';
 /**
  * It displays a list of `sbb-block-link`.
  *

package/link-list/link-list-anchor.d.ts

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

package/link-list/link-list.d.ts

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

package/link-list.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './link-list/link-list.js';
-export * from './link-list/link-list-anchor.js';
-export * from './link-list/common.js';
+export * from './link-list/link-list.ts';
+export * from './link-list/link-list-anchor.ts';
+export * from './link-list/common.ts';
 //# sourceMappingURL=link-list.d.ts.map

package/link.d.ts

@@ -1,11 +1,11 @@
 /**
  * @entrypoint
  */
-export * from './link/block-link.js';
-export * from './link/block-link-button.js';
-export * from './link/block-link-static.js';
-export * from './link/link.js';
-export * from './link/link-button.js';
-export * from './link/link-static.js';
-export * from './link/common.js';
+export * from './link/block-link.ts';
+export * from './link/block-link-button.ts';
+export * from './link/block-link-static.ts';
+export * from './link/link.ts';
+export * from './link/link-button.ts';
+export * from './link/link-static.ts';
+export * from './link/common.ts';
 //# sourceMappingURL=link.d.ts.map

package/lists.css

@@ -186,4 +186,9 @@
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 100%;
+}
+@media (forced-colors: active) {
+  .sbb-icon-list > li::before {
+    background-color: CanvasText;
+  }
 }

package/loading-indicator/loading-indicator.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbLoadingIndicatorElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbLoadingIndicatorElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a loading indicator.
  */

package/loading-indicator/loading-indicator.component.js

@@ -8,7 +8,7 @@ import { css as S, LitElement as I, html as E } from "lit";
 import { customElement as j, property as x } from "lit/decorators.js";
 import { SbbElementInternalsMixin as D } from "../core/mixins.js";
 import { boxSizingStyles as C } from "../core/styles.js";
-const L = S`@charset "UTF-8";:host{--sbb-loading-indicator-color: var(--sbb-color-primary);--sbb-loading-indicator-padding: 0;--sbb-loading-indicator-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-loading-indicator-window-element-rotation: 55.24deg;--_sbb-loading-indicator-window-first-span-width: calc( var(--sbb-loading-indicator-window-height) * .58 );--_sbb-loading-indicator-window-unit: calc( var(--_sbb-loading-indicator-window-first-span-width) / 5.5 );--_sbb-loading-indicator-window-element-animation-speed: calc( var(--_sbb-loading-indicator-window-unit) * 6.5 );--sbb-loading-indicator-window-height: 1.125rem;--sbb-loading-indicator-window-element-width: 3.4375rem;display:inline-block;line-height:0}:host([color=smoke]){--sbb-loading-indicator-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color: var(--sbb-color-white)}:host([size=l]){--sbb-loading-indicator-window-height: 2rem;--sbb-loading-indicator-window-element-width: 6.25rem}:host([size=xl]){--sbb-loading-indicator-window-height: 3.1875rem;--sbb-loading-indicator-window-element-width: 8.75rem}:host([size=xxl]){--sbb-loading-indicator-window-height: 6.125rem;--sbb-loading-indicator-window-element-width: 15.625rem}:host([size=xxxl]){--sbb-loading-indicator-window-height: 9.1875rem;--sbb-loading-indicator-window-element-width: 22.5rem}span{display:inline-block}.sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);align-items:center}.sbb-loading-indicator:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-loading-indicator__animated-element{position:relative;justify-content:center;display:flex;margin:0 auto;transform-origin:center;translate:25%;backface-visibility:hidden;width:var(--sbb-loading-indicator-window-element-width);perspective:var(--sbb-loading-indicator-window-height)}.sbb-loading-indicator__animated-element>span{position:relative;align-self:center;transform-origin:left;rotate:y var(--sbb-loading-indicator-window-element-rotation);backface-visibility:hidden}.sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation:loading-container var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid transparent;width:var(--_sbb-loading-indicator-window-first-span-width);height:var(--sbb-loading-indicator-window-height);margin-inline-end:var(--_sbb-loading-indicator-window-unit)}.sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:last-child{margin-inline-end:0}@keyframes loading-container{0%{translate:var(--_sbb-loading-indicator-window-element-animation-speed)}to{translate:0}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}`;
+const L = S`@charset "UTF-8";:host{--sbb-loading-indicator-color: var(--sbb-color-primary);--sbb-loading-indicator-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-loading-indicator-window-element-rotation: 55.24deg;--_sbb-loading-indicator-window-first-span-width: calc( var(--sbb-loading-indicator-window-height) * .58 );--_sbb-loading-indicator-window-unit: calc( var(--_sbb-loading-indicator-window-first-span-width) / 5.5 );--_sbb-loading-indicator-window-element-animation-speed: calc( var(--_sbb-loading-indicator-window-unit) * 6.5 );--sbb-loading-indicator-window-height: 1.125rem;--sbb-loading-indicator-window-element-width: 3.4375rem;display:inline-block;line-height:0}:host([color=smoke]){--sbb-loading-indicator-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color: var(--sbb-color-white)}:host([size=l]){--sbb-loading-indicator-window-height: 2rem;--sbb-loading-indicator-window-element-width: 6.25rem}:host([size=xl]){--sbb-loading-indicator-window-height: 3.1875rem;--sbb-loading-indicator-window-element-width: 8.75rem}:host([size=xxl]){--sbb-loading-indicator-window-height: 6.125rem;--sbb-loading-indicator-window-element-width: 15.625rem}:host([size=xxxl]){--sbb-loading-indicator-window-height: 9.1875rem;--sbb-loading-indicator-window-element-width: 22.5rem}span{display:inline-block}.sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);align-items:center}.sbb-loading-indicator:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-loading-indicator__animated-element{position:relative;justify-content:center;display:flex;margin:0 auto;transform-origin:center;translate:25%;backface-visibility:hidden;width:var(--sbb-loading-indicator-window-element-width);perspective:var(--sbb-loading-indicator-window-height)}.sbb-loading-indicator__animated-element>span{position:relative;align-self:center;transform-origin:left;rotate:y var(--sbb-loading-indicator-window-element-rotation);backface-visibility:hidden}.sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation:loading-container var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid transparent;width:var(--_sbb-loading-indicator-window-first-span-width);height:var(--sbb-loading-indicator-window-height);margin-inline-end:var(--_sbb-loading-indicator-window-unit)}.sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:last-child{margin-inline-end:0}@keyframes loading-container{0%{translate:var(--_sbb-loading-indicator-window-element-animation-speed)}to{translate:0}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}`;
 let q = (() => {
   var r, l, o;
   let i = [j("sbb-loading-indicator")], a, n = [], e, h = D(I), w, _ = [], u = [], f, y = [], v = [];

package/loading-indicator-circle/loading-indicator-circle.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbLoadingIndicatorCircleElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbLoadingIndicatorCircleElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a circle loading indicator.
  */

package/loading-indicator-circle.d.ts

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

package/loading-indicator.d.ts

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

package/logo/logo.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbProtectiveRoom } from '../core/interfaces.js';
-declare const SbbLogoElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+import { SbbProtectiveRoom } from '../core/interfaces.ts';
+declare const SbbLogoElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays the SBB logo.
  *

package/logo/logo.component.js

@@ -1,15 +1,15 @@
-var w = (o) => {
+var k = (o) => {
   throw TypeError(o);
 };
-var k = (o, t, e) => t.has(o) || w("Cannot " + e);
-var n = (o, t, e) => (k(o, t, "read from private field"), e ? e.call(o) : t.get(o)), g = (o, t, e) => t.has(o) ? w("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), m = (o, t, e, a) => (k(o, t, "write to private field"), a ? a.call(o, e) : t.set(o, e), e);
+var w = (o, t, e) => t.has(o) || k("Cannot " + e);
+var n = (o, t, e) => (w(o, t, "read from private field"), e ? e.call(o) : t.get(o)), g = (o, t, e) => t.has(o) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), m = (o, t, e, a) => (w(o, t, "write to private field"), a ? a.call(o, e) : t.set(o, e), e);
 import { __esDecorate as v, __runInitializers as b } from "tslib";
 import { css as x, LitElement as R, html as V } from "lit";
 import { customElement as S, property as L } from "lit/decorators.js";
 import { forceType as H } from "../core/decorators.js";
 import { SbbNegativeMixin as M } from "../core/mixins.js";
 import { boxSizingStyles as E } from "../core/styles.js";
-const I = x`:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-brand);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-width: 100%;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media(forced-colors:active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
+const I = x`:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-brand);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media(forced-colors:active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
 let $ = (() => {
   var r, c, l;
   let o = [S("sbb-logo")], t, e = [], a, p = M(R), d, _ = [], u = [], y, f = [], z = [];

package/logo.d.ts

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

package/map-container.d.ts

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

package/menu/common/menu-action-common.d.ts

@@ -1,6 +1,6 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-declare const SbbMenuActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbMenuActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
 export declare class SbbMenuActionCommonElementMixinType extends SbbMenuActionCommonElementMixinType_base {
 }
 export declare const SbbMenuActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbMenuActionCommonElementMixinType> & T;

package/menu/common.d.ts

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

package/menu/menu/menu.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
 /**
  * It displays a contextual menu with one or more action element.
  *

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

@@ -1,5 +1,5 @@
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbMenuButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbMenuButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button element that can be used in the `sbb-menu` component.
  *

package/menu/menu-button.d.ts

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

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

@@ -1,5 +1,5 @@
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbMenuLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbMenuLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link element that can be used in the `sbb-menu` component.
  *

package/menu/menu-link.d.ts

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

package/menu/menu.d.ts

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

package/menu.d.ts

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

package/message.d.ts

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

package/mini-button-common-C3-aFB4L.js

@@ -0,0 +1,10 @@
+import { css as o } from "lit";
+const t = o`:host{display:inline-block;outline:none!important;--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-color-disabled-background: var(--sbb-background-color-3);--sbb-button-color-disabled-border: var(--sbb-border-color-5);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-color-disabled-text: light-dark( var(--sbb-color-granite), var(--sbb-color-aluminium) );--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-duration, 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-box-shadow: transparent 0 0;--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);--sbb-button-loading-border-width: var(--sbb-border-width-3x);--sbb-button-loading-delay: .3s;--_width: unset;--_min-height-modifier: 0rem;--_border-color: var(--sbb-button-color-default-border);--_background-color: var(--sbb-button-color-default-background);--_color: var(--sbb-button-color-default-text);--_button-inset: 0;--_border: calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix, 1px)) solid var(--_border-color)}@media(min-width:64rem){: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;--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-button-color-disabled-text: GrayText !important;--sbb-button-color-loading-border: Highlight !important;--sbb-button-color-default-text: CanvasText !important;--sbb-button-color-hover-text: CanvasText !important;--sbb-button-color-active-text: CanvasText !important;--sbb-button-border-overlap-fix: 0rem}}@media(forced-colors:active){:host([data-button]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-hover-text: ButtonText !important;--sbb-button-color-active-text: ButtonText !important}}@media(forced-colors:active){:host([data-link]){--sbb-button-color-default-text: LinkText !important;--sbb-button-color-hover-text: LinkText !important;--sbb-button-color-active-text: LinkText !important}}:host([negative]){--sbb-button-color-disabled-background: var(--sbb-background-color-3-negative);--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:64rem){: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:64rem){:host([size=s]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-button-padding-inline: 0;--_width: calc(var(--sbb-button-min-height) + var(--_min-height-modifier))}@media(any-hover:hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading]):is(:hover,:is(:state(force-hover),[state--force-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));--sbb-button-cursor: var(--sbb-cursor-pointer);--_border-color: var(--sbb-button-color-hover-border);--_color: var(--sbb-button-color-hover-text);--_background-color: var(--sbb-button-color-hover-background);--_button-inset: calc(var(--sbb-button-border-width) * -1)}}@media(forced-colors:active){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading]):is(:hover,:is(:state(force-hover),[state--force-hover]))){--sbb-button-color-hover-border: Highlight !important}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-button-cursor: var(--sbb-cursor-default);--_color: var(--sbb-button-color-disabled-text);--_background-color: var(--sbb-button-color-disabled-background);--_border-color: var(--sbb-button-color-disabled-border);--_border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--_border-color)}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,[data-active],[loading])){--_color: var(--sbb-button-color-active-text);--_background-color: var(--sbb-button-color-active-background);--_border-color: var(--sbb-button-color-active-border)}:host([loading]:not([disabled],:disabled,[disabled-interactive])){--_min-height-modifier: calc(-2 * var(--sbb-button-loading-border-width));--sbb-button-focus-outline-offset-override: calc( var(--sbb-focus-outline-offset) + var(--sbb-button-loading-border-width) );--_border: none;--_transform-style: preserve-3d}.sbb-action-base{--sbb-text-font-size: var(--sbb-text-font-size-xs);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);font-weight:700;display:flex;gap:var(--sbb-button-gap);align-items:center;justify-content:center;text-align:left;white-space:nowrap;text-decoration:none;min-height:calc(var(--sbb-button-min-height) + var(--_min-height-modifier));outline:none;width:var(--_width);border-radius:var(--sbb-button-border-radius);color:var(--_color);cursor:var(--sbb-button-cursor);-webkit-user-select:none;user-select:none;background-color:var(--_background-color);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color,background-color;transform-style:var(--_transform-style, flat);padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);position:relative}.sbb-action-base:before{content:"";position:absolute;inset:var(--_button-inset);border:var(--_border);border-radius:var(--sbb-button-border-radius);pointer-events:none;box-shadow:var(--sbb-button-box-shadow);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,border,box-shadow}:host([loading]:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{margin:var(--sbb-button-loading-border-width);padding-inline:calc(var(--sbb-button-padding-inline) - var(--sbb-button-loading-border-width));transition-property:none}:host([data-focus-visible]) .sbb-action-base:before,:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-button-focus-outline-offset-override, var(--sbb-focus-outline-offset))}.sbb-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) .sbb-button__label{display:none}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover, 0)}.sbb-button-loading-border{position:absolute;inset:calc(-1 * var(--sbb-button-loading-border-width));clip-path:border-box;border-radius:var(--sbb-button-border-radius);background:var(--_background-color);transform:translateZ(-1px);z-index:-1;container-type:inline-size;contain:paint;animation:background-fade-in var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x)) var(--sbb-disable-animation-duration, var(--sbb-button-loading-delay)) linear;animation-fill-mode:forwards}.sbb-button-loading-border:before{content:"";display:block;width:64cqmin;max-height:var(--sbb-button-min-height);aspect-ratio:2/1;position:absolute;background:radial-gradient(100% 100% at right,var(--sbb-button-color-active-text),transparent 50%);offset-path:border-box;offset-anchor:100% 50%;opacity:0;animation:snake-fade-in var(--sbb-disable-animation-duration, calc(var(--sbb-animation-duration-12x) * 2)) var(--sbb-disable-animation-duration, calc(var(--sbb-button-loading-delay) + var(--sbb-animation-duration-5x))) var(--sbb-animation-easing),snake-position var(--sbb-disable-animation-duration, calc(max(tan(atan2(var(--sbb-button-width), 1px)) / 136, .5)*3s) ) infinite linear;animation-fill-mode:forwards;transform-style:preserve-3d}@keyframes snake-position{to{offset-distance:100%}}@keyframes snake-fade-in{to{opacity:1}}@keyframes background-fade-in{to{background:var(--sbb-button-color-loading-border)}}`, r = o`:host{--sbb-button-color-active-background: var(--sbb-color-primary150);--sbb-button-color-active-border: var(--sbb-color-primary150);--sbb-button-color-active-text: var(--sbb-color-4-negative);--sbb-button-color-default-background: var(--sbb-color-primary);--sbb-button-color-default-border: var(--sbb-color-primary);--sbb-button-color-default-text: var(--sbb-color-1-negative);--sbb-button-color-hover-background: var(--sbb-color-primary125);--sbb-button-color-hover-border: var(--sbb-color-primary125);--sbb-button-color-hover-text: var(--sbb-color-3-negative);--sbb-button-color-loading-border: color-mix( in srgb, var(--sbb-button-color-active-background) 50%, var(--sbb-button-color-default-text) );--sbb-button-color-loading-border: light-dark( color-mix( in srgb, var(--sbb-button-color-active-background) 50%, var(--sbb-button-color-default-text) ), color-mix( in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text) ) );--sbb-button-shadow-1-color: color-mix(in srgb, var(--sbb-color-primary) 20%, transparent);--sbb-button-shadow-1-color: light-dark( color-mix(in srgb, var(--sbb-color-primary) 20%, transparent), color-mix(in srgb, var(--sbb-color-primary) 40%, transparent) );--sbb-button-shadow-2-color: color-mix(in srgb, var(--sbb-color-primary125) 20%, transparent);--sbb-button-shadow-2-color: light-dark( color-mix(in srgb, var(--sbb-color-primary125) 20%, transparent), color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent) )}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-primary150);--sbb-button-color-active-border: var(--sbb-color-primary150);--sbb-button-color-active-text: var(--sbb-color-4-negative);--sbb-button-color-default-background: var(--sbb-color-primary);--sbb-button-color-default-border: var(--sbb-color-primary);--sbb-button-color-default-text: var(--sbb-color-1-negative);--sbb-button-color-hover-background: var(--sbb-color-primary125);--sbb-button-color-hover-border: var(--sbb-color-primary125);--sbb-button-color-hover-text: var(--sbb-color-3-negative);--sbb-button-color-loading-border: color-mix( in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text) );--sbb-button-shadow-1-color: color-mix(in srgb, var(--sbb-color-primary) 60%, transparent);--sbb-button-shadow-1-color: light-dark( color-mix(in srgb, var(--sbb-color-primary) 60%, transparent), color-mix(in srgb, var(--sbb-color-primary) 40%, transparent) );--sbb-button-shadow-2-color: color-mix(in srgb, var(--sbb-color-primary125) 60%, transparent);--sbb-button-shadow-2-color: light-dark( color-mix(in srgb, var(--sbb-color-primary125) 60%, transparent), color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent) )}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, a = o`:host{--sbb-button-color-active-background: var(--sbb-background-color-3);--sbb-button-color-active-border: var(--sbb-border-color-4-inverted);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-active-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-button-color-default-background: var(--sbb-background-color-1);--sbb-button-color-default-border: var(--sbb-border-color-4-inverted);--sbb-button-color-default-text: var(--sbb-color-3);--sbb-button-color-hover-background: var(--sbb-background-color-1);--sbb-button-color-hover-border: var(--sbb-border-color-4-inverted);--sbb-button-color-hover-text: var(--sbb-color-4);--sbb-button-color-loading-border: var(--sbb-border-color-4-inverted);--sbb-button-shadow-1-color: color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent);--sbb-button-shadow-1-color: light-dark( color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent), color-mix(in srgb, var(--sbb-color-black) 30%, transparent) );--sbb-button-shadow-2-color: color-mix(in srgb, var(--sbb-color-cement) 20%, transparent);--sbb-button-shadow-2-color: light-dark( color-mix(in srgb, var(--sbb-color-cement) 20%, transparent), color-mix(in srgb, var(--sbb-color-black) 30%, transparent) );--sbb-button-border-overlap-fix: 0rem}:host([negative]){--sbb-button-color-active-background: var(--sbb-background-color-2-negative);--sbb-button-color-active-border: var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text: var(--sbb-color-graphite);--sbb-button-color-default-background: var(--sbb-background-color-1-negative);--sbb-button-color-default-border: var(--sbb-border-color-4-negative-inverted);--sbb-button-color-default-text: var(--sbb-color-3-negative);--sbb-button-color-hover-background: var(--sbb-background-color-1-negative);--sbb-button-color-hover-border: var(--sbb-border-color-4-negative-inverted);--sbb-button-color-hover-text: var(--sbb-color-4-negative);--sbb-button-color-loading-border: var(--sbb-border-color-4-negative-inverted);--sbb-button-shadow-1-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, n = o`:host{--sbb-button-color-active-background: var(--sbb-background-color-1-inverted);--sbb-button-color-active-border: var(--sbb-border-color-1);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-active-text: light-dark(var(--sbb-color-cloud), var(--sbb-color-anthracite));--sbb-button-color-default-background: var(--sbb-background-color-3-inverted);--sbb-button-color-default-border: var(--sbb-border-color-3);--sbb-button-color-default-text: var(--sbb-color-1-inverted);--sbb-button-color-hover-background: var(--sbb-background-color-3-inverted);--sbb-button-color-hover-border: var(--sbb-border-color-3);--sbb-button-color-hover-text: var(--sbb-color-3-inverted);--sbb-button-color-loading-border: var(--sbb-color-iron);--sbb-button-color-loading-border: light-dark(var(--sbb-color-iron), var(--sbb-color-silver));--sbb-button-shadow-1-color: color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent);--sbb-button-shadow-1-color: light-dark( color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent), color-mix(in srgb, var(--sbb-color-black) 30%, transparent) );--sbb-button-shadow-2-color: color-mix(in srgb, var(--sbb-color-cement) 20%, transparent);--sbb-button-shadow-2-color: light-dark( color-mix(in srgb, var(--sbb-color-cement) 20%, transparent), color-mix(in srgb, var(--sbb-color-black) 30%, transparent) )}:host([negative]){--sbb-button-color-active-background: var(--sbb-background-color-1-negative-inverted);--sbb-button-color-active-border: var(--sbb-border-color-1-negative);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-background-color-3-negative-inverted);--sbb-button-color-default-border: var(--sbb-border-color-3-negative);--sbb-button-color-default-text: var(--sbb-color-1-negative-inverted);--sbb-button-color-hover-background: var(--sbb-background-color-3-negative-inverted);--sbb-button-color-hover-border: var(--sbb-border-color-3-negative);--sbb-button-color-hover-text: var(--sbb-color-4-negative-inverted);--sbb-button-color-loading-border: var(--sbb-color-silver);--sbb-button-shadow-1-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active],[loading])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, s = o`:host{--sbb-button-color-active-background: var(--sbb-background-color-4);--sbb-button-color-active-border: var(--sbb-border-color-4-inverted);--sbb-button-color-active-text: var(--sbb-color-1);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-1);--sbb-button-color-hover-background: var(--sbb-background-color-3);--sbb-button-color-hover-border: var(--sbb-border-color-3-inverted);--sbb-button-color-hover-text: var(--sbb-color-1);--sbb-button-color-loading-border: var(--sbb-color-silver);--sbb-button-color-loading-border: light-dark(var(--sbb-color-silver), var(--sbb-color-granite))}:host([negative]){--sbb-button-color-active-background: var(--sbb-background-color-4-negative);--sbb-button-color-active-border: var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text: var(--sbb-color-1-negative);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-1-negative);--sbb-button-color-hover-background: var(--sbb-background-color-3-negative);--sbb-button-color-hover-border: var(--sbb-border-color-3-negative-inverted);--sbb-button-color-hover-text: var(--sbb-color-1-negative);--sbb-button-color-loading-border: var(--sbb-color-granite)}`, e = o`:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-mini-button-color-text: var(--sbb-color-3);--sbb-mini-button-color-default-background: transparent;--sbb-mini-button-color-hover-background: var(--sbb-background-color-3);--sbb-mini-button-color-active-background: var(--sbb-background-color-4);--sbb-mini-button-color-disabled-background: var(--sbb-background-color-3);--sbb-mini-button-color-disabled-border: var(--sbb-border-color-5);--sbb-mini-button-color-disabled-text: var(--sbb-color-granite);--sbb-mini-button-color-disabled-text: light-dark( var(--sbb-color-granite), var(--sbb-color-smoke) );--sbb-mini-button-border-radius: var(--sbb-border-radius-infinity);--sbb-mini-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-mini-button-transition-easing-function: var(--sbb-animation-easing);--sbb-mini-button-color-background: var(--sbb-mini-button-color-default-background);--sbb-mini-button-color: var(--sbb-mini-button-color-text)}@media(forced-colors:active){:host{--sbb-mini-button-color-text: ButtonText !important;--sbb-mini-button-color-hover-background: Highlight !important;--sbb-mini-button-color-active-background: Highlight !important;--sbb-mini-button-color-disabled-background: Canvas !important;--sbb-mini-button-color-disabled-border: GrayText !important;--sbb-mini-button-color-disabled-text: GrayText !important}}:host([negative]){--sbb-mini-button-color-text: var(--sbb-color-3-negative);--sbb-mini-button-color-default-background: transparent;--sbb-mini-button-color-hover-background: var(--sbb-background-color-3-negative);--sbb-mini-button-color-active-background: var(--sbb-background-color-4-negative);--sbb-mini-button-color-disabled-background: var(--sbb-background-color-3-negative);--sbb-mini-button-color-disabled-border: var(--sbb-border-color-5);--sbb-mini-button-color-disabled-text: var(--sbb-color-5)}@media(any-hover:hover){:host(:is(:hover,:is(:state(force-hover),[state--force-hover])):not([disabled],:disabled,[disabled-interactive],[data-disabled],:is(:state(disabled),[state--disabled]),:active,[data-active])){--sbb-mini-button-translate-y-content-hover: -.0625rem;--sbb-mini-button-color-background: var(--sbb-mini-button-color-hover-background)}}:host(:is(:active,[data-active]):not([disabled],:disabled,[disabled-interactive],[data-disabled],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background: var(--sbb-mini-button-color-active-background)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background: var(--sbb-mini-button-color-disabled-background);--sbb-mini-button-border: var(--sbb-border-width-1x) dashed var(--sbb-mini-button-color-disabled-border);--sbb-mini-button-color: var(--sbb-mini-button-color-disabled-text);--sbb-mini-button-pointer-events: none;--sbb-mini-button-cursor: var(--sbb-cursor-default)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}.sbb-action-base{display:flex;position:relative;color:var(--sbb-mini-button-color);border-radius:var(--sbb-mini-button-border-radius);-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-mini-button-pointer-events, auto);cursor:var(--sbb-mini-button-cursor, var(--sbb-cursor-pointer));transition:color var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function)}.sbb-action-base:before{position:absolute;content:"";inset:0;border-radius:var(--sbb-mini-button-border-radius);background-color:var(--sbb-mini-button-color-background);transition-duration:var(--sbb-mini-button-transition-duration);transition-timing-function:var(--sbb-mini-button-transition-easing-function);transition-property:inset,background-color;border:var(--sbb-mini-button-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-action-base:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}::slotted(sbb-icon),sbb-icon{display:flex;transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover, 0rem)}`;
+export {
+  n as a,
+  t as b,
+  e as m,
+  r as p,
+  a as s,
+  s as t
+};

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbOrientation } from '../../core/interfaces.js';
+import { SbbOrientation } from '../../core/interfaces.ts';
 /**
  * It displays a minimal calendar, together with the `sbb-mini-calendar-month` and `sbb-mini-calendar-day`.
  *

package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
 /**
  * It displays a day in the `sbb-mini-calendar-month`.
  */

package/mini-calendar/mini-calendar-day.d.ts

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

package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-declare const SbbMiniCalendarMonthElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbMiniCalendarMonthElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a month in the `sbb-mini-calendar`.
  *

package/mini-calendar/mini-calendar-month.d.ts

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

package/mini-calendar/mini-calendar.d.ts

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

package/mini-calendar.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './mini-calendar/mini-calendar.js';
-export * from './mini-calendar/mini-calendar-day.js';
-export * from './mini-calendar/mini-calendar-month.js';
+export * from './mini-calendar/mini-calendar.ts';
+export * from './mini-calendar/mini-calendar-day.ts';
+export * from './mini-calendar/mini-calendar-month.ts';
 //# sourceMappingURL=mini-calendar.d.ts.map

package/navigation/common/navigation-action-common.d.ts

@@ -1,7 +1,7 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-import { SbbNavigationMarkerElement } from '../navigation-marker.js';
-import { SbbNavigationSectionElement } from '../navigation-section.js';
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+import { SbbNavigationMarkerElement } from '../navigation-marker.ts';
+import { SbbNavigationSectionElement } from '../navigation-section.ts';
 export type SbbNavigationActionSize = 's' | 'm' | 'l';
 export declare class SbbNavigationActionCommonElementMixinType {
     accessor size: SbbNavigationActionSize;

package/navigation/common.d.ts

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

package/navigation/navigation/navigation.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
-import { SbbNavigationSectionElement } from '../navigation-section.js';
-declare const SbbNavigationElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & typeof SbbOpenCloseBaseElement;
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
+import { SbbNavigationSectionElement } from '../navigation-section.ts';
+declare const SbbNavigationElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays a navigation menu, wrapping one or more `sbb-navigation-*` components.
  *

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

@@ -1,5 +1,5 @@
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbNavigationButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbNavigationActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbNavigationButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbNavigationActionCommonElementMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button element that can be used in the `sbb-navigation` component.
  *

package/navigation/navigation-button.d.ts

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

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

@@ -1,5 +1,5 @@
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbNavigationLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbNavigationActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbNavigationLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbNavigationActionCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link element that can be used in the `sbb-navigation` component.
  *

package/navigation/navigation-link.d.ts

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

package/navigation/navigation-list/navigation-list.component.d.ts

@@ -1,8 +1,8 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbNavigationButtonElement } from '../navigation-button.js';
-import { SbbNavigationLinkElement } from '../navigation-link.js';
-declare const SbbNavigationListElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbNavigationLinkElement | SbbNavigationButtonElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbNavigationButtonElement } from '../navigation-button.ts';
+import { SbbNavigationLinkElement } from '../navigation-link.ts';
+declare const SbbNavigationListElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbNavigationLinkElement | SbbNavigationButtonElement>> & typeof LitElement;
 /**
  * It can be used as a container for one or more `sbb-navigation-button`/`sbb-navigation-link` within a `sbb-navigation-section`.
  *

package/navigation/navigation-list.d.ts

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

package/navigation/navigation-marker/navigation-marker.component.d.ts

@@ -1,8 +1,8 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbNavigationButtonElement } from '../navigation-button.js';
-import { SbbNavigationLinkElement } from '../navigation-link.js';
-declare const SbbNavigationMarkerElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbNavigationLinkElement | SbbNavigationButtonElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbNavigationButtonElement } from '../navigation-button.ts';
+import { SbbNavigationLinkElement } from '../navigation-link.ts';
+declare const SbbNavigationMarkerElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbNavigationLinkElement | SbbNavigationButtonElement>> & typeof LitElement;
 /**
  * It can be used as a container for one or more `sbb-navigation-button`/`sbb-navigation-link` within a `sbb-navigation`.
  *

package/navigation/navigation-marker.d.ts

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

package/navigation/navigation-section/navigation-section.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-declare const SbbNavigationSectionElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbNavigationSectionElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It can be used as a container for `sbb-navigation-list` within a `sbb-navigation`.
  *

package/navigation/navigation-section.d.ts

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

package/navigation/navigation.d.ts

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

package/navigation.d.ts

@@ -1,11 +1,11 @@
 /**
  * @entrypoint
  */
-export * from './navigation/navigation.js';
-export * from './navigation/navigation-list.js';
-export * from './navigation/navigation-marker.js';
-export * from './navigation/navigation-section.js';
-export * from './navigation/navigation-button.js';
-export * from './navigation/navigation-link.js';
-export * from './navigation/common.js';
+export * from './navigation/navigation.ts';
+export * from './navigation/navigation-list.ts';
+export * from './navigation/navigation-marker.ts';
+export * from './navigation/navigation-section.ts';
+export * from './navigation/navigation-button.ts';
+export * from './navigation/navigation-link.ts';
+export * from './navigation/common.ts';
 //# sourceMappingURL=navigation.d.ts.map