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

package/sbb-tokens-BNWpZrLn.js

@@ -0,0 +1,11 @@
+const a = "0rem", r = "37.4375rem", e = "37.5rem", n = "63.9375rem", o = "64rem", t = "89.9375rem", b = "90rem", s = "161.1875rem";
+export {
+  o as S,
+  t as a,
+  n as b,
+  s as c,
+  b as d,
+  e,
+  r as f,
+  a as g
+};

package/screen-reader-only.d.ts

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

package/select/select.component.d.ts

@@ -1,8 +1,8 @@
 import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
-import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
-import { SbbOptionElement } from '../option.js';
-declare const SbbSelectElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbUpdateSchedulerMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbRequiredMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbReadonlyMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType> & typeof SbbOpenCloseBaseElement;
+import { SbbOpenCloseBaseElement } from '../core/base-elements.ts';
+import { FormRestoreReason, FormRestoreState } from '../core/mixins.ts';
+import { SbbOptionElement } from '../option.ts';
+declare const SbbSelectElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbUpdateSchedulerMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbDisabledMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbRequiredMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbReadonlyMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbFormAssociatedMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays a panel with selectable options.
  *

package/select/select.component.js

@@ -19,7 +19,7 @@ import { i18nSelectionRequired as he } from "../core/i18n.js";
 import { SbbUpdateSchedulerMixin as ue, SbbDisabledMixin as _e, SbbNegativeMixin as ge, SbbHydrationMixin as ve, SbbRequiredMixin as me, SbbReadonlyMixin as fe, SbbFormAssociatedMixin as ye } from "../core/mixins.js";
 import { isEventOnElement as Q, setOverlayPosition as xe, overlayGapFixCorners as we } from "../core/overlay.js";
 import { boxSizingStyles as ke } from "../core/styles.js";
-const Oe = te`.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-background-color-1);--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x);--sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );--sbb-select-placeholder-fallback-color: var(--sbb-color-metal);--sbb-select-placeholder-fallback-color: light-dark( var(--sbb-color-metal), var(--sbb-color-smoke) );display:block}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-options-panel-background-color: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-select-placeholder-fallback-color: var(--sbb-color-5)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}.sbb-select__trigger{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:var(--sbb-cursor-default);height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-select__trigger--placeholder{color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color));-webkit-text-fill-color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color))}.sbb-select__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-select__container[popover]{margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent}.sbb-select__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel:before,.sbb-select__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-select__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host([data-options-panel-position=below]) .sbb-select__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-select__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-select__wrapper{overflow:hidden}.sbb-select__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-select__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-select__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-select__options::-webkit-scrollbar-button,.sbb-select__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-select__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}@media(forced-colors:active){.sbb-select__options{border:var(--sbb-border-width-1x) solid CanvasText;border-block-start:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`, k = de;
+const Oe = te`.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-background-color-1);--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x);--sbb-options-panel-divider-margin-block: var(--sbb-spacing-fixed-3x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );--sbb-select-placeholder-fallback-color: var(--sbb-color-metal);--sbb-select-placeholder-fallback-color: light-dark( var(--sbb-color-metal), var(--sbb-color-smoke) );display:block}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-options-panel-background-color: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-select-placeholder-fallback-color: var(--sbb-color-5)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}.sbb-select__trigger{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:var(--sbb-cursor-default);height:calc(1em * var(--sbb-typo-line-height-text))}.sbb-select__trigger--placeholder{color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color));-webkit-text-fill-color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color))}.sbb-select__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-select__container[popover]{margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent}.sbb-select__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel:before,.sbb-select__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-select__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host([data-options-panel-position=below]) .sbb-select__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-select__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-select__wrapper{overflow:hidden}.sbb-select__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-select__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-select__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-select__options::-webkit-scrollbar-button,.sbb-select__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-select__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}@media(forced-colors:active){.sbb-select__options{border:var(--sbb-border-width-1x) solid CanvasText;border-block-start:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`, k = de;
 let Ee = 0, Ke = (() => {
   var u, _, g, v, m, o;
   let i = [ie("sbb-select")], a, r = [], b, C = ue(_e(ge(ve(me(fe(ye(re))))))), V = [], I, D = [], z = [], L, P = [], $ = [], M, R = [], T = [], F, U, q = [], N = [], B, K = [], j = [];
@@ -135,7 +135,7 @@ let Ee = 0, Ke = (() => {
       return this._displayValue ?? "";
     }
     _selectableOptions() {
-      return this.options.filter((e) => !e.disabled && !e.hasAttribute("data-group-disabled"));
+      return this.options.filter((e) => !e.matches(":state(disabled)"));
     }
     /** Listens to option changes. */
     _onOptionChanged(e) {

package/select.d.ts

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

package/selection-action-panel/selection-action-panel.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbSelectionActionPanelElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbSelectionPanelMixinType & import('../core/mixins.js').SbbElementInternalsMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+declare const SbbSelectionActionPanelElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbSelectionPanelMixinType & import('../core/mixins.ts').SbbElementInternalsMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It displays a panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
  * It can also contain an action element (e.g. an `sbb-button`)

package/selection-action-panel/selection-action-panel.component.js

@@ -1,13 +1,13 @@
-import { __esDecorate as l, __runInitializers as i } from "tslib";
-import { css as b, LitElement as c, html as d } from "lit";
+import { __esDecorate as i, __runInitializers as r } from "tslib";
+import { css as c, LitElement as b, html as d } from "lit";
 import { customElement as p } from "lit/decorators.js";
 import { SbbSelectionPanelMixin as u, SbbHydrationMixin as h } from "../core/mixins.js";
 import { boxSizingStyles as m } from "../core/styles.js";
 import "../divider.js";
-const v = b`:host{--sbb-selection-action-panel-background: var(--sbb-background-color-1);--sbb-selection-action-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-selection-panel-inner-background: transparent;--sbb-selection-panel-inner-border-width: 0px;--sbb-selection-action-panel-border-width: var(--sbb-border-width-1x);--sbb-selection-action-panel-border-radius: var(--sbb-border-radius-4x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:block;position:relative;flex:1 1 auto;width:100%}:host([color=milk]){--sbb-selection-action-panel-background: var(--sbb-background-color-3)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-action-panel-border-color: var(--sbb-border-color-3);--sbb-selection-action-panel-border-width: var(--sbb-border-width-2x)}:host([borderless]:not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-action-panel-border-color: transparent}:host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))){--sbb-selection-action-panel-background: transparent;--sbb-selection-action-panel-border-color: transparent}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:auto}::slotted([data-action]){align-self:center;margin-inline:var(--sbb-spacing-responsive-xxs)}.sbb-selection-action-panel{display:flex;background-color:var(--sbb-selection-action-panel-background);border-radius:var(--sbb-selection-action-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-action-panel-border-width) var(--sbb-selection-action-panel-border-color)}.sbb-selection-action-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-action-panel-border-radius);overflow:hidden}`;
+const v = c`:host{--sbb-selection-panel-inner-background: transparent;--sbb-selection-panel-inner-border-width: 0px;--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:block;position:relative;flex:1 1 auto;width:100%}:host([color=milk]){--sbb-selection-action-panel-background: var(--sbb-selection-panel-background-milk)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-action-panel-border-color: var(--sbb-selection-panel-border-color-checked);--sbb-selection-action-panel-border-width: var(--sbb-selection-panel-border-width-checked)}:host([borderless]:not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-action-panel-border-color: transparent}:host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))){--sbb-selection-action-panel-background: transparent;--sbb-selection-action-panel-border-color: transparent}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:auto}::slotted([data-action]){align-self:center;margin-inline:var(--sbb-selection-action-panel-action-margin-inline)}.sbb-selection-action-panel{display:flex;background-color:var(--sbb-selection-action-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-action-panel-border-width) var(--sbb-selection-action-panel-border-color)}.sbb-selection-action-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}`;
 let _ = (() => {
   var t;
-  let r = [p("sbb-selection-action-panel")], a, n = [], e, s = u(h(c));
+  let l = [p("sbb-selection-action-panel")], n, a = [], e, s = u(h(b));
   return t = class extends s {
     constructor() {
       super(), this.addEventListener?.("statechange", (o) => this.onInputStateChange(o));
@@ -27,8 +27,8 @@ let _ = (() => {
     }
   }, e = t, (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    l(null, a = { value: e }, r, { kind: "class", name: e.name, metadata: o }, null, n), e = a.value, o && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), t.styles = [m, v], i(e, n), e;
+    i(null, n = { value: e }, l, { kind: "class", name: e.name, metadata: o }, null, a), e = n.value, o && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), t.styles = [m, v], r(e, a), e;
 })();
 export {
   _ as SbbSelectionActionPanelElement

package/selection-action-panel.d.ts

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

package/selection-expansion-panel/selection-expansion-panel.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { SbbStateChange } from '../core/interfaces.js';
-declare const SbbSelectionExpansionPanelElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbSelectionPanelMixinType & import('../core/mixins.js').SbbElementInternalsMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+import { SbbStateChange } from '../core/interfaces.ts';
+declare const SbbSelectionExpansionPanelElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbSelectionPanelMixinType & import('../core/mixins.ts').SbbElementInternalsMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It displays an expandable panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
  *

package/selection-expansion-panel/selection-expansion-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../src/elements/selection-expansion-panel/selection-expansion-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EAAwB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOlF,OAAO,eAAe,CAAC;;AAEvB;;;;;GAKG;AACH,qBAEM,iCAAkC,SAAQ,sCAE/C;IAEC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;;;MAKlB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,wCAAwC;IAExC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,SAAS,CAAmC;IAEpD,2CAA2C;IAC3C,OAAO,KAAK,WAAW,GAGtB;IAEe,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;cAKjC,kBAAkB,CAAC,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI;IAK/E,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAQT,oBAAoB;cAoBf,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}
+{"version":3,"file":"selection-expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../src/elements/selection-expansion-panel/selection-expansion-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EAAwB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOlF,OAAO,eAAe,CAAC;;AAEvB;;;;;GAKG;AACH,qBAEM,iCAAkC,SAAQ,sCAE/C;IAEC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;;;MAKlB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,wCAAwC;IAExC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,SAAS,CAAmC;IAEpD,2CAA2C;IAC3C,OAAO,KAAK,WAAW,GAGtB;IAEe,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;cAKjC,kBAAkB,CAAC,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI;IAK/E,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAQT,oBAAoB;cAoBf,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}

package/selection-expansion-panel/selection-expansion-panel.component.js

@@ -1,9 +1,9 @@
-var v = (t) => {
+var g = (t) => {
   throw TypeError(t);
 };
-var x = (t, n, a) => n.has(t) || v("Cannot " + a);
-var g = (t, n, a) => (x(t, n, "read from private field"), a ? a.call(t) : n.get(t)), y = (t, n, a) => n.has(t) ? v("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, a), c = (t, n, a, i) => (x(t, n, "write to private field"), i ? i.call(t, a) : n.set(t, a), a);
-import { __runInitializers as l, __esDecorate as b } from "tslib";
+var v = (t, n, a) => n.has(t) || g("Cannot " + a);
+var x = (t, n, a) => (v(t, n, "read from private field"), a ? a.call(t) : n.get(t)), y = (t, n, a) => n.has(t) ? g("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, a), p = (t, n, a, s) => (v(t, n, "write to private field"), s ? s.call(t, a) : n.set(t, a), a);
+import { __runInitializers as l, __esDecorate as d } from "tslib";
 import { css as w, LitElement as k, html as S } from "lit";
 import { customElement as E, property as O, state as C } from "lit/decorators.js";
 import { SbbLanguageController as A } from "../core/controllers.js";
@@ -13,22 +13,22 @@ import { i18nExpanded as D, i18nCollapsed as L } from "../core/i18n.js";
 import { SbbSelectionPanelMixin as Z, SbbHydrationMixin as U } from "../core/mixins.js";
 import { boxSizingStyles as $ } from "../core/styles.js";
 import "../divider.js";
-const j = w`:host{--sbb-selection-expansion-panel-background: var(--sbb-background-color-1);--sbb-selection-expansion-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-selection-panel-inner-background: transparent;--sbb-selection-panel-inner-border-width: 0px;--sbb-selection-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-selection-expansion-panel-content-visibility: hidden;--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-selection-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:contents}:host([data-size=s]){--sbb-selection-expansion-panel-content-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-expansion-panel-background: var(--sbb-background-color-3)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-expansion-panel-border-color: var(--sbb-border-color-3);--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-2x)}:host(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(disabled),[state--disabled]))){--sbb-selection-expansion-panel-border-color: var(--sbb-border-color-4-inverted)}:host([borderless]:not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-expansion-panel-border-color: transparent}:host(:is(:state(slotted-content),[state--slotted-content]):where([data-state=opening],[data-state=opened])){--sbb-selection-expansion-panel-content-visibility: visible;--sbb-selection-expansion-panel-content-padding-block-end: var(--sbb-spacing-responsive-xs)}.sbb-selection-expansion-panel{flex:auto;position:relative;width:100%;background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-expansion-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){.sbb-selection-expansion-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-expansion-panel-border-radius)}}.sbb-selection-expansion-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-selection-expansion-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-content),[state--slotted-content]))) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-spacing-responsive-xxs)}@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;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
+const j = w`:host{--sbb-selection-panel-inner-background: transparent;--sbb-selection-panel-inner-border-width: 0px;--sbb-selection-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:block;flex:auto;position:relative;width:100%;background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){:host:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host([data-size=m]){--sbb-selection-expansion-panel-content-padding-inline: var( --sbb-selection-panel-input-padding-inline-m )}:host([data-size=s]){--sbb-selection-expansion-panel-content-padding-inline: var( --sbb-selection-panel-input-padding-inline-s )}:host([color=milk]){--sbb-selection-expansion-panel-background: var(--sbb-selection-panel-background-milk)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-checked);--sbb-selection-expansion-panel-border-width: var(--sbb-selection-panel-border-width-checked)}:host(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(disabled),[state--disabled]))){--sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-default)}:host([borderless]:not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-expansion-panel-border-color: transparent}:host(:not(:is(:state(slotted-content),[state--slotted-content]):where([data-state=opening],[data-state=opened]))){--sbb-selection-expansion-panel-content-padding-block-end: 0px;--sbb-selection-expansion-panel-content-visibility: hidden}.sbb-selection-expansion-panel__content--wrapper{display:grid;visibility:var(--sbb-selection-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-selection-expansion-panel__content--wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-selection-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-content),[state--slotted-content]))) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{overflow:hidden;padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing)}sbb-divider{margin-block-end:var(--sbb-selection-expansion-panel-content-padding-block-start)}@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;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
 let R = (() => {
   var r, o;
-  let t = [E("sbb-selection-expansion-panel")], n, a = [], i, d = Z(U(k)), h = [], u, m = [], _ = [], f;
-  return o = class extends d {
+  let t = [E("sbb-selection-expansion-panel")], n, a = [], s, b = Z(U(k)), h = [], u, m = [], _ = [], f;
+  return o = class extends b {
     constructor() {
       super(...arguments);
       y(this, r);
-      c(this, r, (l(this, h), l(this, m, !1))), this._language = (l(this, _), new A(this));
+      p(this, r, (l(this, h), l(this, m, !1))), this._language = (l(this, _), new A(this));
     }
     /** Whether the content section is always visible. */
     get forceOpen() {
-      return g(this, r);
+      return x(this, r);
     }
     set forceOpen(e) {
-      c(this, r, e);
+      p(this, r, e);
     }
     /** The state of the selection panel. */
     set _state(e) {
@@ -76,47 +76,45 @@ let R = (() => {
     }
     async _updateExpandedLabel(e) {
       await this.hydrationComplete;
-      const s = this.querySelector("sbb-radio-button-panel, sbb-checkbox-panel");
-      if (s) {
+      const i = this.querySelector("sbb-radio-button-panel, sbb-checkbox-panel");
+      if (i) {
         if (!this._hasContent) {
-          s.expansionState = "";
+          i.expansionState = "";
           return;
         }
-        s.expansionState = e ? ", " + D[this._language.current] : ", " + L[this._language.current];
+        i.expansionState = e ? ", " + D[this._language.current] : ", " + L[this._language.current];
       }
     }
     render() {
       return S`
-      <div class="sbb-selection-expansion-panel">
-        <div class="sbb-selection-expansion-panel__input" @statechange=${this.onInputStateChange}>
-          <slot></slot>
-        </div>
-        <div
-          class="sbb-selection-expansion-panel__content--wrapper"
-          ?inert=${this._state !== "opened"}
-          @animationend=${this._onAnimationEnd}
-        >
-          <div class="sbb-selection-expansion-panel__content">
-            <sbb-divider></sbb-divider>
-            <slot name="content"></slot>
-          </div>
+      <div class="sbb-selection-expansion-panel__input" @statechange=${this.onInputStateChange}>
+        <slot></slot>
+      </div>
+      <div
+        class="sbb-selection-expansion-panel__content--wrapper"
+        ?inert=${this._state !== "opened"}
+        @animationend=${this._onAnimationEnd}
+      >
+        <div class="sbb-selection-expansion-panel__content">
+          <sbb-divider></sbb-divider>
+          <slot name="content"></slot>
         </div>
       </div>
     `;
     }
-  }, r = new WeakMap(), i = o, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    u = [I(), O({ attribute: "force-open", type: Boolean })], f = [C()], b(o, null, u, { kind: "accessor", name: "forceOpen", static: !1, private: !1, access: { has: (s) => "forceOpen" in s, get: (s) => s.forceOpen, set: (s, p) => {
-      s.forceOpen = p;
-    } }, metadata: e }, m, _), b(o, null, f, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (s) => "_state" in s, set: (s, p) => {
-      s._state = p;
-    } }, metadata: e }, null, h), b(null, n = { value: i }, t, { kind: "class", name: i.name, metadata: e }, null, a), i = n.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  }, r = new WeakMap(), s = o, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    u = [I(), O({ attribute: "force-open", type: Boolean })], f = [C()], d(o, null, u, { kind: "accessor", name: "forceOpen", static: !1, private: !1, access: { has: (i) => "forceOpen" in i, get: (i) => i.forceOpen, set: (i, c) => {
+      i.forceOpen = c;
+    } }, metadata: e }, m, _), d(o, null, f, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (i) => "_state" in i, set: (i, c) => {
+      i._state = c;
+    } }, metadata: e }, null, h), d(null, n = { value: s }, t, { kind: "class", name: s.name, metadata: e }, null, a), s = n.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), o.styles = [$, j], o.events = {
     beforeopen: "beforeopen",
     open: "open",
     beforeclose: "beforeclose",
     close: "close"
-  }, l(i, a), i;
+  }, l(s, a), s;
 })();
 export {
   R as SbbSelectionExpansionPanelElement

package/selection-expansion-panel.d.ts

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

package/sidebar/sidebar/sidebar.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
-import { SbbSidebarContainerElement } from '../sidebar-container.js';
-declare const SbbSidebarElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbAnimationCompleteMixinType> & typeof SbbOpenCloseBaseElement;
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
+import { SbbSidebarContainerElement } from '../sidebar-container.ts';
+declare const SbbSidebarElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbAnimationCompleteMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * This component corresponds to a sidebar that can be opened on the sidebar container.
  *

package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
+import { SbbSecondaryButtonElement } from '../../button/secondary-button.ts';
 /**
  * Sidebar close button, intended to be placed inside sbb-sidebar.
  *

package/sidebar/sidebar-close-button.d.ts

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

package/sidebar/sidebar-container/sidebar-container.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { SbbSidebarElement } from '../sidebar.js';
+import { SbbSidebarElement } from '../sidebar.ts';
 /**
  * This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally
  * and coordinates the backdrop and content styling.

package/sidebar/sidebar-container.d.ts

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

package/sidebar/sidebar-content.d.ts

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

package/sidebar/sidebar-title/sidebar-title.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup } from 'lit';
-import { SbbTitleBase, SbbTitleLevel } from '../../title.js';
+import { SbbTitleBase, SbbTitleLevel } from '../../title.ts';
 /**
  * It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.
  *

package/sidebar/sidebar-title/sidebar-title.component.js

@@ -4,13 +4,13 @@ var _ = (e) => {
 var d = (e, t, l) => t.has(e) || _("Cannot " + l);
 var h = (e, t, l) => (d(e, t, "read from private field"), l ? l.call(e) : t.get(e)), v = (e, t, l) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), p = (e, t, l, s) => (d(e, t, "write to private field"), s ? s.call(e, l) : t.set(e, l), l);
 import { __esDecorate as y, __runInitializers as o } from "tslib";
-import { customElement as g, property as k } from "lit/decorators.js";
+import { customElement as S, property as k } from "lit/decorators.js";
 import { SbbTitleBase as f } from "../../title.js";
 import { css as z } from "lit";
-const x = z`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - 1em * var(--sbb-typo-line-height-titles)));min-height:var(--sbb-sidebar__close-button-size)}`;
+const x = z`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - 1em * var(--sbb-typo-line-height-heading)));min-height:var(--sbb-sidebar__close-button-size)}`;
 let C = (() => {
   var r, a;
-  let e = [g("sbb-sidebar-title")], t, l = [], s, n = f, b, m = [], u = [];
+  let e = [S("sbb-sidebar-title")], t, l = [], s, n = f, b, m = [], u = [];
   return a = class extends n {
     constructor() {
       super();
@@ -29,8 +29,8 @@ let C = (() => {
     }
   }, r = new WeakMap(), s = a, (() => {
     const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    b = [k({ reflect: !0 })], y(a, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (c) => "level" in c, get: (c) => c.level, set: (c, S) => {
-      c.level = S;
+    b = [k({ reflect: !0 })], y(a, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (c) => "level" in c, get: (c) => c.level, set: (c, g) => {
+      c.level = g;
     } }, metadata: i }, m, u), y(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: i }, null, l), s = t.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
   })(), a.styles = [f.styles, x], o(s, l), s;
 })();

package/sidebar/sidebar-title.d.ts

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

package/sidebar/sidebar.d.ts

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

package/sidebar.d.ts

@@ -1,15 +1,10 @@
 /**
  * @entrypoint
  */
-export * from './sidebar/common.js';
-export * from './sidebar/icon-sidebar.js';
-export * from './sidebar/icon-sidebar-button.js';
-export * from './sidebar/icon-sidebar-container.js';
-export * from './sidebar/icon-sidebar-content.js';
-export * from './sidebar/icon-sidebar-link.js';
-export * from './sidebar/sidebar.js';
-export * from './sidebar/sidebar-close-button.js';
-export * from './sidebar/sidebar-container.js';
-export * from './sidebar/sidebar-content.js';
-export * from './sidebar/sidebar-title.js';
+export * from './sidebar/common.ts';
+export * from './sidebar/sidebar.ts';
+export * from './sidebar/sidebar-close-button.ts';
+export * from './sidebar/sidebar-container.ts';
+export * from './sidebar/sidebar-content.ts';
+export * from './sidebar/sidebar-title.ts';
 //# sourceMappingURL=sidebar.d.ts.map

package/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/elements/sidebar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/elements/sidebar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}

package/sidebar.js

@@ -1,25 +1,15 @@
 import { i as t, s as r, a as n } from "./icon-sidebar-button-common-W6GYJbVt.js";
-import { SbbIconSidebarElement as m } from "./sidebar/icon-sidebar/icon-sidebar.component.js";
-import { SbbIconSidebarButtonElement as a } from "./sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
-import { SbbIconSidebarContainerElement as l } from "./sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
-import { SbbIconSidebarContentElement as f } from "./sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
-import { SbbIconSidebarLinkElement as x } from "./sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
-import { SbbSidebarElement as E } from "./sidebar/sidebar/sidebar.component.js";
-import { SbbSidebarCloseButtonElement as c } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
-import { SbbSidebarContainerElement as u } from "./sidebar/sidebar-container/sidebar-container.component.js";
-import { SbbSidebarContentElement as B } from "./sidebar/sidebar-content/sidebar-content.component.js";
-import { SbbSidebarTitleElement as L } from "./sidebar/sidebar-title/sidebar-title.component.js";
+import { SbbSidebarElement as m } from "./sidebar/sidebar/sidebar.component.js";
+import { SbbSidebarCloseButtonElement as S } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
+import { SbbSidebarContainerElement as l } from "./sidebar/sidebar-container/sidebar-container.component.js";
+import { SbbSidebarContentElement as C } from "./sidebar/sidebar-content/sidebar-content.component.js";
+import { SbbSidebarTitleElement as f } from "./sidebar/sidebar-title/sidebar-title.component.js";
 export {
-  a as SbbIconSidebarButtonElement,
-  l as SbbIconSidebarContainerElement,
-  f as SbbIconSidebarContentElement,
-  m as SbbIconSidebarElement,
-  x as SbbIconSidebarLinkElement,
-  c as SbbSidebarCloseButtonElement,
-  u as SbbSidebarContainerElement,
-  B as SbbSidebarContentElement,
-  E as SbbSidebarElement,
-  L as SbbSidebarTitleElement,
+  S as SbbSidebarCloseButtonElement,
+  l as SbbSidebarContainerElement,
+  C as SbbSidebarContentElement,
+  m as SbbSidebarElement,
+  f as SbbSidebarTitleElement,
   t as iconSidebarButtonCommonStyle,
   r as sidebarContainerCommonStyle,
   n as sidebarContentCommonStyle

package/signet/signet.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbProtectiveRoom } from '../core/interfaces.js';
+import { SbbProtectiveRoom } from '../core/interfaces.ts';
 export type SbbSignetProtectiveRoom = SbbProtectiveRoom | 'panel';
 /**
  * It displays the SBB signet.

package/signet.d.ts

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

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

@@ -1,8 +1,8 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../core/mixins.js';
-import { SbbBlockLinkButtonElement, SbbBlockLinkElement } from '../link.js';
-import { SbbTitleLevel } from '../title.js';
-declare const SbbSkiplinkListElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement>> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+import { WithListChildren } from '../core/mixins.ts';
+import { SbbBlockLinkButtonElement, SbbBlockLinkElement } from '../link.ts';
+import { SbbTitleLevel } from '../title.ts';
+declare const SbbSkiplinkListElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement>> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a list of `sbb-block-link`/`sbb-block-link-button` which are visible only when focused.
  *

package/skiplink-list.d.ts

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

package/slider/slider.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
-declare const SbbSliderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbReadonlyMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+import { FormRestoreReason, FormRestoreState } from '../core/mixins.ts';
+declare const SbbSliderElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbDisabledMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbReadonlyMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbFormAssociatedMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays an input knob that can be moved in a range.
  *

package/slider.d.ts

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