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

package/core/decorators/plain-date.d.ts

@@ -1,6 +1,6 @@
 import { ComplexAttributeConverter, ReactiveElement } from 'lit';
-import { DateAdapter } from '../datetime.js';
-import { Interface } from './base.js';
+import { DateAdapter } from '../datetime.ts';
+import { Interface } from './base.ts';
 /**
  * Will convert date object values to ISO8601 formatted strings as attributes.
  * Should be used together with the `plainDate` decorator.

package/core/decorators.d.ts

@@ -1,11 +1,11 @@
 /**
  * @entrypoint
  */
-export * from './decorators/force-type.js';
-export * from './decorators/get-override.js';
-export * from './decorators/handle-distinct-change.js';
-export * from './decorators/host-attributes.js';
-export * from './decorators/id-reference.js';
-export * from './decorators/omit-empty-converter.js';
-export * from './decorators/plain-date.js';
+export * from './decorators/force-type.ts';
+export * from './decorators/get-override.ts';
+export * from './decorators/handle-distinct-change.ts';
+export * from './decorators/host-attributes.ts';
+export * from './decorators/id-reference.ts';
+export * from './decorators/omit-empty-converter.ts';
+export * from './decorators/plain-date.ts';
 //# sourceMappingURL=decorators.d.ts.map

package/core/dom.d.ts

@@ -1,13 +1,13 @@
 /**
  * @entrypoint
  */
-export * from './dom/animation.js';
-export * from './dom/breakpoint.js';
-export * from './dom/contains-pierce-shadow-dom.js';
-export * from './dom/host-context.js';
-export * from './dom/lean-context.js';
-export * from './dom/set-or-remove-attribute.js';
-export * from './dom/platform.js';
-export * from './dom/queue-dom-content-loaded.js';
-export * from './dom/scroll.js';
+export * from './dom/animation.ts';
+export * from './dom/breakpoint.ts';
+export * from './dom/contains-pierce-shadow-dom.ts';
+export * from './dom/host-context.ts';
+export * from './dom/lean-context.ts';
+export * from './dom/set-or-remove-attribute.ts';
+export * from './dom/platform.ts';
+export * from './dom/queue-dom-content-loaded.ts';
+export * from './dom/scroll.ts';
 //# sourceMappingURL=dom.d.ts.map

package/core/eventing.d.ts

@@ -1,10 +1,10 @@
 /**
  * @entrypoint
  */
-export * from './eventing/composed-path-has-attribute.js';
-export * from './eventing/event-target.js';
-export * from './eventing/form-element-handlers.js';
-export * from './eventing/forward-event.js';
-export * from './eventing/is-event-prevented.js';
-export * from './eventing/throttle.js';
+export * from './eventing/composed-path-has-attribute.ts';
+export * from './eventing/event-target.ts';
+export * from './eventing/form-element-handlers.ts';
+export * from './eventing/forward-event.ts';
+export * from './eventing/is-event-prevented.ts';
+export * from './eventing/throttle.ts';
 //# sourceMappingURL=eventing.d.ts.map

package/core/i18n/i18n.d.ts

@@ -1,4 +1,4 @@
-import { SbbLanguage, SbbOccupancy } from '../interfaces.js';
+import { SbbLanguage, SbbOccupancy } from '../interfaces.ts';
 export declare const i18nDirection: Record<string, string>;
 export declare const i18nArrival: Record<string, string>;
 export declare const i18nSector: Record<string, string>;

package/core/i18n.d.ts

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

package/core/interfaces.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './interfaces/overlay-close-details.js';
-export * from './interfaces/paginator-page.js';
-export * from './interfaces/types.js';
+export * from './interfaces/overlay-close-details.ts';
+export * from './interfaces/paginator-page.ts';
+export * from './interfaces/types.ts';
 //# sourceMappingURL=interfaces.d.ts.map

package/core/mixins/animation-complete-mixin.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
+import { AbstractConstructor } from './constructor.ts';
 export declare abstract class SbbAnimationCompleteMixinType {
     isAnimating: boolean;
     get animationComplete(): Promise<void> | null;

package/core/mixins/disabled-mixin.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
-import { SbbElementInternalsMixinType } from './element-internals-mixin.js';
+import { AbstractConstructor } from './constructor.ts';
+import { SbbElementInternalsMixinType } from './element-internals-mixin.ts';
 export declare class SbbDisabledMixinType {
     accessor disabled: boolean;
     protected isDisabledExternally(): boolean;

package/core/mixins/element-internals-mixin.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
+import { AbstractConstructor } from './constructor.ts';
 declare global {
     interface ARIAMixin {
         ariaActiveDescendantElement: Element | null;

package/core/mixins/form-associated-checkbox-mixin.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
-import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.js';
-declare const SbbFormAssociatedCheckboxMixinType_base: AbstractConstructor<import('./disabled-mixin.js').SbbDisabledMixinType> & AbstractConstructor<import('./required-mixin.js').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.js').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.js').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.js').SbbElementInternalsConstructor;
+import { AbstractConstructor } from './constructor.ts';
+import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.ts';
+declare const SbbFormAssociatedCheckboxMixinType_base: AbstractConstructor<import('./disabled-mixin.ts').SbbDisabledMixinType> & AbstractConstructor<import('./required-mixin.ts').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.ts').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.ts').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.ts').SbbElementInternalsConstructor;
 export declare abstract class SbbFormAssociatedCheckboxMixinType extends SbbFormAssociatedCheckboxMixinType_base {
     accessor checked: boolean;
     formResetCallback(): void;

package/core/mixins/form-associated-input-mixin.d.ts

@@ -1,8 +1,8 @@
 import { LitElement } from 'lit';
-import { SbbLanguageController } from '../controllers.js';
-import { AbstractConstructor } from './constructor.js';
-import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.js';
-declare const SbbFormAssociatedInputMixinType_base: AbstractConstructor<import('./required-mixin.js').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.js').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.js').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.js').SbbElementInternalsConstructor;
+import { SbbLanguageController } from '../controllers.ts';
+import { AbstractConstructor } from './constructor.ts';
+import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.ts';
+declare const SbbFormAssociatedInputMixinType_base: AbstractConstructor<import('./required-mixin.ts').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.ts').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.ts').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.ts').SbbElementInternalsConstructor;
 export declare abstract class SbbFormAssociatedInputMixinType extends SbbFormAssociatedInputMixinType_base {
     static readonly formFieldAssociated = true;
     set value(value: string);

package/core/mixins/form-associated-mixin.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
-import { SbbElementInternalsMixinType } from './element-internals-mixin.js';
+import { AbstractConstructor } from './constructor.ts';
+import { SbbElementInternalsMixinType } from './element-internals-mixin.ts';
 declare global {
     /**
      * Defines custom validity state properties.

package/core/mixins/form-associated-radio-button-mixin.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
-import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.js';
+import { AbstractConstructor } from './constructor.ts';
+import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.ts';
 /**
  * A static registry that holds a collection of grouped `radio-buttons`.
  * Groups of radio buttons are local to the form they belong (or the `renderRoot` if they're not part of any form)
@@ -9,7 +9,7 @@ import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.js'
  * @internal
  */
 export declare const radioButtonRegistry: WeakMap<Node, Map<string, Set<SbbFormAssociatedRadioButtonMixinType>>>;
-declare const SbbFormAssociatedRadioButtonMixinType_base: AbstractConstructor<import('./disabled-mixin.js').SbbDisabledMixinType> & AbstractConstructor<import('./required-mixin.js').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.js').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.js').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.js').SbbElementInternalsConstructor;
+declare const SbbFormAssociatedRadioButtonMixinType_base: AbstractConstructor<import('./disabled-mixin.ts').SbbDisabledMixinType> & AbstractConstructor<import('./required-mixin.ts').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.ts').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.ts').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.ts').SbbElementInternalsConstructor;
 export declare abstract class SbbFormAssociatedRadioButtonMixinType extends SbbFormAssociatedRadioButtonMixinType_base {
     accessor checked: boolean;
     protected associatedRadioButtons?: Set<SbbFormAssociatedRadioButtonMixinType>;

package/core/mixins/hydration-mixin.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
+import { AbstractConstructor } from './constructor.ts';
 export declare abstract class SbbHydrationMixinType {
     /**
      * Returns a Promise that resolves when the element has completed hydration.

package/core/mixins/named-slot-list-mixin.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, TemplateResult } from 'lit';
-import { AbstractConstructor } from './constructor.js';
-import { SbbHydrationMixinType } from './hydration-mixin.js';
+import { AbstractConstructor } from './constructor.ts';
+import { SbbHydrationMixinType } from './hydration-mixin.ts';
 export type SbbNamedSlotProperties = {
     name: string;
     ariaHidden: boolean;

package/core/mixins/negative-mixin.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
+import { AbstractConstructor } from './constructor.ts';
 export declare class SbbNegativeMixinType {
     accessor negative: boolean;
 }

package/core/mixins/panel-mixin.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
+import { AbstractConstructor } from './constructor.ts';
 export declare class SbbPanelMixinType {
     accessor color: 'white' | 'milk';
     accessor borderless: boolean;

package/core/mixins/readonly-mixin.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
+import { AbstractConstructor } from './constructor.ts';
 export declare class SbbReadonlyMixinType {
     accessor readOnly: boolean;
 }

package/core/mixins/required-mixin.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
-import { SbbElementInternalsMixinType } from './element-internals-mixin.js';
+import { AbstractConstructor } from './constructor.ts';
+import { SbbElementInternalsMixinType } from './element-internals-mixin.ts';
 export declare class SbbRequiredMixinType {
     accessor required: boolean;
     protected isRequiredExternally(): boolean;

package/core/mixins/selection-panel-mixin.d.ts

@@ -1,9 +1,9 @@
 import { LitElement } from 'lit';
-import { SbbCheckboxGroupElement } from '../../checkbox/checkbox-group.js';
-import { SbbRadioButtonGroupElement } from '../../radio-button/radio-button-group.js';
-import { SbbStateChange } from '../interfaces/types.js';
-import { AbstractConstructor } from './constructor.js';
-import { SbbElementInternalsMixinType } from './element-internals-mixin.js';
+import { SbbCheckboxGroupElement } from '../../checkbox/checkbox-group.ts';
+import { SbbRadioButtonGroupElement } from '../../radio-button/radio-button-group.ts';
+import { SbbStateChange } from '../interfaces/types.ts';
+import { AbstractConstructor } from './constructor.ts';
+import { SbbElementInternalsMixinType } from './element-internals-mixin.ts';
 export declare class SbbSelectionPanelMixinType {
     accessor color: 'white' | 'milk';
     accessor borderless: boolean;

package/core/mixins/selection-panel-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-panel-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/selection-panel-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AAG3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAC7C,SAAgB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxC,SAAgB,UAAU,EAAE,OAAO,CAAC;IAEpC,SAAS,KAAK,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE;IACxC,SAAS,KAAK,OAAO,IAAI,OAAO,CAAC;IAEjC,SAAS,KAAK,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE;IAC1C,SAAS,KAAK,QAAQ,IAAI,OAAO,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,0BAA0B,GAAG,uBAAuB,GAAG,IAAI,CAAC;IAC7E,SAAS,CAAC,qBAAqB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEzD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAC3C,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI;CACvE;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EAC9E,YAAY,CAAC,KACZ,mBAAmB,CAAC,0BAA0B,GAAG,4BAA4B,CAAC,GAAG,CA8FnF,CAAC"}
+{"version":3,"file":"selection-panel-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/selection-panel-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AAG3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAC7C,SAAgB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxC,SAAgB,UAAU,EAAE,OAAO,CAAC;IAEpC,SAAS,KAAK,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE;IACxC,SAAS,KAAK,OAAO,IAAI,OAAO,CAAC;IAEjC,SAAS,KAAK,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE;IAC1C,SAAS,KAAK,QAAQ,IAAI,OAAO,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,0BAA0B,GAAG,uBAAuB,GAAG,IAAI,CAAC;IAC7E,SAAS,CAAC,qBAAqB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEzD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAC3C,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI;CACvE;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EAC9E,YAAY,CAAC,KACZ,mBAAmB,CAAC,0BAA0B,GAAG,4BAA4B,CAAC,GAAG,CA+FnF,CAAC"}

package/core/mixins/update-scheduler-mixin.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor.js';
+import { AbstractConstructor } from './constructor.ts';
 export declare class SbbUpdateSchedulerMixinType {
     protected startUpdate(): void;
     protected completeUpdate(): void;

package/core/mixins.d.ts

@@ -1,20 +1,20 @@
 /**
  * @entrypoint
  */
-export * from './mixins/animation-complete-mixin.js';
-export * from './mixins/constructor.js';
-export * from './mixins/disabled-mixin.js';
-export * from './mixins/element-internals-mixin.js';
-export * from './mixins/form-associated-checkbox-mixin.js';
-export * from './mixins/form-associated-input-mixin.js';
-export * from './mixins/form-associated-mixin.js';
-export * from './mixins/form-associated-radio-button-mixin.js';
-export * from './mixins/hydration-mixin.js';
-export * from './mixins/named-slot-list-mixin.js';
-export * from './mixins/negative-mixin.js';
-export * from './mixins/panel-mixin.js';
-export * from './mixins/required-mixin.js';
-export * from './mixins/readonly-mixin.js';
-export * from './mixins/selection-panel-mixin.js';
-export * from './mixins/update-scheduler-mixin.js';
+export * from './mixins/animation-complete-mixin.ts';
+export * from './mixins/constructor.ts';
+export * from './mixins/disabled-mixin.ts';
+export * from './mixins/element-internals-mixin.ts';
+export * from './mixins/form-associated-checkbox-mixin.ts';
+export * from './mixins/form-associated-input-mixin.ts';
+export * from './mixins/form-associated-mixin.ts';
+export * from './mixins/form-associated-radio-button-mixin.ts';
+export * from './mixins/hydration-mixin.ts';
+export * from './mixins/named-slot-list-mixin.ts';
+export * from './mixins/negative-mixin.ts';
+export * from './mixins/panel-mixin.ts';
+export * from './mixins/required-mixin.ts';
+export * from './mixins/readonly-mixin.ts';
+export * from './mixins/selection-panel-mixin.ts';
+export * from './mixins/update-scheduler-mixin.ts';
 //# sourceMappingURL=mixins.d.ts.map

package/core/mixins.js

@@ -1,40 +1,40 @@
 import { SbbAnimationCompleteMixin as b } from "./mixins/animation-complete-mixin.js";
-import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as a, SbbDisabledTabIndexActionMixin as l } from "./mixins/disabled-mixin.js";
+import { SbbDisabledInteractiveMixin as r, SbbDisabledMixin as a, SbbDisabledTabIndexActionMixin as l } from "./mixins/disabled-mixin.js";
 import { SbbElementInternalsMixin as c, appendAriaElements as p, removeAriaElements as u } from "./mixins/element-internals-mixin.js";
-import { SbbFormAssociatedCheckboxMixin as v } from "./mixins/form-associated-checkbox-mixin.js";
+import { SbbFormAssociatedCheckboxMixin as x } from "./mixins/form-associated-checkbox-mixin.js";
 import { SbbFormAssociatedInputMixin as f } from "./mixins/form-associated-input-mixin.js";
-import { SbbFormAssociatedMixin as h } from "./mixins/form-associated-mixin.js";
-import { SbbFormAssociatedRadioButtonMixin as k, radioButtonRegistry as M } from "./mixins/form-associated-radio-button-mixin.js";
+import { SbbFormAssociatedMixin as g } from "./mixins/form-associated-mixin.js";
+import { SbbFormAssociatedRadioButtonMixin as S, radioButtonRegistry as M } from "./mixins/form-associated-radio-button-mixin.js";
 import { SbbHydrationMixin as y } from "./mixins/hydration-mixin.js";
 import { SbbNamedSlotListMixin as C } from "./mixins/named-slot-list-mixin.js";
 import { SbbNegativeMixin as I } from "./mixins/negative-mixin.js";
 import { SbbPanelMixin as D } from "./mixins/panel-mixin.js";
-import { SbbRequiredMixin as B } from "./mixins/required-mixin.js";
-import { SbbReadonlyMixin as P } from "./mixins/readonly-mixin.js";
-import { SbbSelectionPanelMixin as q } from "./mixins/selection-panel-mixin.js";
+import { SbbRequiredMixin as z } from "./mixins/required-mixin.js";
+import { SbbReadonlyMixin as N } from "./mixins/readonly-mixin.js";
+import { SbbSelectionPanelMixin as _ } from "./mixins/selection-panel-mixin.js";
 import { SbbUpdateSchedulerMixin as H } from "./mixins/update-scheduler-mixin.js";
 import { css as e } from "lit";
-const s = e`:host{--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-background-color-1) );--sbb-selection-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-selection-panel-border-radius: var( --sbb-selection-expansion-panel-border-radius, var(--sbb-border-radius-4x) );--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-border-width-1x) );--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-panel-cursor: var(--sbb-cursor-pointer);--sbb-selection-panel-suffix-color: var(--sbb-color-3);--sbb-selection-panel-subtext-color: var(--sbb-color-granite);--sbb-selection-panel-subtext-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));display:block;outline:none!important}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-background-color-3) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-border-color-3);--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-border-width-2x) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: var(--sbb-cursor-default)}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){.sbb-selection-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not(:is(:state(slotted-subtext),[state--slotted-subtext]))) slot[name=subtext]{display:none}`;
+const n = e`:host{--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-selection-panel-background-default) );--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-selection-panel-border-width-default) );--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:block;outline:none!important}:host([size=m]){--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-m) var(--sbb-selection-panel-input-padding-inline-m)}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-s) var(--sbb-selection-panel-input-padding-inline-s)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-selection-panel-background-milk) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-borderless)}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-checked);--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-selection-panel-border-width-checked) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: var(--sbb-cursor-default)}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){.sbb-selection-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not(:is(:state(slotted-subtext),[state--slotted-subtext]))) slot[name=subtext]{display:none}`;
 export {
   b as SbbAnimationCompleteMixin,
-  t as SbbDisabledInteractiveMixin,
+  r as SbbDisabledInteractiveMixin,
   a as SbbDisabledMixin,
   l as SbbDisabledTabIndexActionMixin,
   c as SbbElementInternalsMixin,
-  v as SbbFormAssociatedCheckboxMixin,
+  x as SbbFormAssociatedCheckboxMixin,
   f as SbbFormAssociatedInputMixin,
-  h as SbbFormAssociatedMixin,
-  k as SbbFormAssociatedRadioButtonMixin,
+  g as SbbFormAssociatedMixin,
+  S as SbbFormAssociatedRadioButtonMixin,
   y as SbbHydrationMixin,
   C as SbbNamedSlotListMixin,
   I as SbbNegativeMixin,
   D as SbbPanelMixin,
-  P as SbbReadonlyMixin,
-  B as SbbRequiredMixin,
-  q as SbbSelectionPanelMixin,
+  N as SbbReadonlyMixin,
+  z as SbbRequiredMixin,
+  _ as SbbSelectionPanelMixin,
   H as SbbUpdateSchedulerMixin,
   p as appendAriaElements,
-  s as panelCommonStyle,
+  n as panelCommonStyle,
   M as radioButtonRegistry,
   u as removeAriaElements
 };

package/core/overlay.d.ts

@@ -1,9 +1,9 @@
 /**
  * @entrypoint
  */
-export * from './overlay/overlay.js';
-export * from './overlay/overlay-option-panel.js';
-export * from './overlay/overlay-outside-pointer-event-listener.js';
-export * from './overlay/overlay-trigger-attributes.js';
-export * from './overlay/position.js';
+export * from './overlay/overlay.ts';
+export * from './overlay/overlay-option-panel.ts';
+export * from './overlay/overlay-outside-pointer-event-listener.ts';
+export * from './overlay/overlay-trigger-attributes.ts';
+export * from './overlay/position.ts';
 //# sourceMappingURL=overlay.d.ts.map

package/core/styles/core/functions.scss

@@ -1,6 +1,26 @@
 @use 'sass:math';
+@use 'sass:map';
+@use 'sass:string';
+@use 'sass:list';
 
 @function px-to-rem-build($size) {
   // size: value in px (no unit)
   @return ((math.div($size, 16)) * 1rem);
 }
+
+@function theme-select($theme-values, $theme) {
+  @if map.has-key($theme-values, $theme) {
+    @return map.get($theme-values, $theme);
+  } @else {
+    @return map.get($theme-values, 'standard');
+  }
+}
+
+@function theme-pattern-select($theme-values, $theme) {
+  @each $sub-theme, $value in $theme-values {
+    @if string.index($theme, $sub-theme) {
+      @return $value;
+    }
+  }
+  @return list.nth(map.values($theme-values), 1);
+}

package/core/styles/core.scss

@@ -14,6 +14,29 @@ $theme: 'standard' !default;
 @use './mixins/scrollbar';
 @use './mixins/typo';
 
+@use '../../core/mixins/panel-common.global' as panel-common with (
+  $theme: $theme
+);
+@use '../../checkbox/checkbox/checkbox.global' as checkbox with (
+  $theme: $theme
+);
+@use '../../checkbox/checkbox-group/checkbox-group.global' as checkbox-group with (
+  $theme: $theme
+);
+@use '../../checkbox/common/checkbox-common.global' as checkbox-common with (
+  $theme: $theme
+);
+@use '../../selection-action-panel/selection-action-panel.global' as selection-action-panel with (
+  $theme: $theme
+);
+@use '../../selection-expansion-panel/selection-expansion-panel.global' as selection-expansion-panel
+  with (
+  $theme: $theme
+);
+@use '../../visual-checkbox/visual-checkbox.global' as visual-checkbox with (
+  $theme: $theme
+);
+
 @include helpers.box-sizing;
 
 // Core variables
@@ -21,10 +44,22 @@ $theme: 'standard' !default;
   // Grab CSS vars defined by `@sbb-esta/lyne-design-tokens` package
   @include sbb-css-tokens.base;
 
+  @include panel-common.base;
+  @include checkbox.base;
+  @include checkbox-group.base;
+  @include checkbox-common.base;
+  @include selection-action-panel.base;
+  @include selection-expansion-panel.base;
+  @include visual-checkbox.base;
+
+  @include a11y.if-forced-colors {
+    @include sbb-css-tokens.forced-colors;
+    @include visual-checkbox.base-forced-colors;
+  }
+
   // Train formation
   --sbb-train-formation-wagon-width: #{functions.px-to-rem-build(80)};
   --sbb-train-formation-wagon-height: #{functions.px-to-rem-build(40)};
-  --sbb-train-formation-wagon-border-radius: #{functions.px-to-rem-build(12)};
   --sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
 
   // Header

package/core/styles/lean-theme.scss

@@ -0,0 +1,3 @@
+@use './theme' with (
+  $theme: 'lean'
+);

package/core/styles/mixins/lists.scss

@@ -1,6 +1,7 @@
 @use 'sass:selector';
 @use '../core/functions';
 @use '../core/mediaqueries';
+@use './a11y';
 @use './typo';
 
 @mixin list-reset {
@@ -148,6 +149,13 @@
       mask-repeat: no-repeat;
       mask-position: center;
       mask-size: 100%;
+
+      // If consumers override the `--sbb-icon-list-marker-icon-color` variable to set a custom color via inline style,
+      // it would have higher specificity over any rule, included the forced-colors one.
+      // This can be avoided forcing `background-color: CanvasText` in high-contrast mode.
+      @include a11y.if-forced-colors {
+        background-color: CanvasText;
+      }
     }
   }
 }

package/core/styles/mixins/overlay.scss

@@ -5,7 +5,6 @@
 
   --sbb-options-panel-position-x: 0;
   --sbb-options-panel-position-y: 0;
-  --sbb-options-panel-active-option-y: 0;
 
   // 85vh is not an exact value but looks optimized for mobile view.
   --sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));

package/core/testing/wait-for-image-ready.d.ts

@@ -1,3 +1,3 @@
-import { SbbImageElement } from '../../image.js';
+import { SbbImageElement } from '../../image.ts';
 export declare function waitForImageReady(element: HTMLImageElement | SbbImageElement, timeoutInMilliseconds?: number): Promise<void>;
 //# sourceMappingURL=wait-for-image-ready.d.ts.map

package/core/testing/wait-for-render.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveElement } from 'lit';
-import { SbbHydrationMixinType } from '../mixins.js';
+import { SbbHydrationMixinType } from '../mixins.ts';
 /**
  * Tests if an element is a Lit `ReactiveElement`.
  *

package/core/testing.d.ts

@@ -1,9 +1,9 @@
 /**
  * @entrypoint
  */
-export * from './testing/event-spy.js';
-export * from './testing/mocha-extensions.js';
-export * from './testing/wait-for-condition.js';
-export * from './testing/wait-for-image-ready.js';
-export * from './testing/wait-for-render.js';
+export * from './testing/event-spy.ts';
+export * from './testing/mocha-extensions.ts';
+export * from './testing/wait-for-condition.ts';
+export * from './testing/wait-for-image-ready.ts';
+export * from './testing/wait-for-render.ts';
 //# sourceMappingURL=testing.d.ts.map