@sbb-esta/lyne-elements-dev 4.9.0-dev.1774601733 → 4.9.0-dev.1774603908

package/core/styles/core.scss

@@ -200,6 +200,15 @@ $theme: 'standard' !default;
   with (
   $theme: $theme
 );
+@use '../../sidebar/sidebar/sidebar.global' as sidebar with (
+  $theme: $theme
+);
+@use '../../sidebar/sidebar-close-button/sidebar-close-button.global' as sidebar-close-button with (
+  $theme: $theme
+);
+@use '../../sidebar/sidebar-container/sidebar-container.global' as sidebar-container with (
+  $theme: $theme
+);
 @use '../../signet/signet.global' as signet with (
   $theme: $theme
 );
@@ -287,6 +296,7 @@ $theme: 'standard' !default;
   @include selection-group.base;
   @include selection-action-panel.base;
   @include selection-expansion-panel.base;
+  @include sidebar.base;
   @include signet.base;
   @include slider.base;
   @include status.base;
@@ -418,6 +428,9 @@ $theme: 'standard' !default;
 @include lead-container.rules;
 @include message.rules;
 @include option.rules;
+@include sidebar.rules;
+@include sidebar-close-button.rules;
+@include sidebar-container.rules;
 @include tab-nav-bar.rules;
 
 // TODO: discuss where to add these classes
@@ -616,71 +629,6 @@ sbb-train-formation[view='top'] sbb-train-wagon {
   --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
 }
 
-// Skip animation for the container, content and sidebars when a sidebar requests it
-// (during initialization or if animation is disabled, but only during transition)
-sbb-sidebar-container:has(> sbb-sidebar:state(skip-animation)) {
-  --sbb-sidebar-container-animation-duration: 0s;
-}
-
-// Controls the start margin of the sbb-sidebar-content.
-// Whenever the sidebar with position start is in a closed state in over mode (or forced over mode),
-// or if there is no sidebar with position start, then override the margin with 0.
-// Direct child selector is mandatory to enable nested sidebars.
-sbb-sidebar-container:is(
-    :has(
-      > sbb-sidebar:not([position='end']):is(
-          :state(state-closing),
-          :state(state-closed),
-          [mode='over'],
-          :state(mode-over-forced)
-        )
-    ),
-    :not(:has(> sbb-sidebar:not([position='end'])))
-  )
-  > sbb-sidebar-content {
-  --sbb-sidebar-content__margin-inline-start: 0;
-}
-
-// Controls the end margin of the sbb-sidebar-content.
-// Whenever the sidebar with position end is in a closed state in over mode (or forced over mode),
-// or if there is no sidebar with position end, then override the margin with 0.
-// Direct child selector is mandatory to enable nested sidebars.
-sbb-sidebar-container:is(
-    :has(
-      > sbb-sidebar[position='end']:is(
-          :state(state-closing),
-          :state(state-closed),
-          [mode='over'],
-          :state(mode-over-forced)
-        )
-    ),
-    :not(:has(> sbb-sidebar[position='end']))
-  )
-  > sbb-sidebar-content {
-  --sbb-sidebar-content__margin-inline-end: 0;
-}
-
-// Toggles visibility of backdrop if there is an affected sidebar inside the container.
-sbb-sidebar-container:has(
-  > sbb-sidebar:is([mode='over'], :state(mode-over-forced)):is(
-      :state(state-opening),
-      :state(state-opened)
-    )
-) {
-  --sbb-sidebar-container__backdrop-visibility: visible;
-  --sbb-sidebar-container-backdrop-opacity: 0.4;
-}
-
-// If there is no close button, avoid reserving any space for the button in the sidebar title
-sbb-sidebar:not(:has(sbb-sidebar-title)) sbb-sidebar-close-button {
-  position: absolute;
-}
-
-// If there is a title, remove top spacing for the content
-sbb-sidebar:has(sbb-sidebar-title) {
-  --sbb-sidebar__padding-block-start: 0;
-}
-
 // We set some dimension to the selects trigger element in order that the screen reader's outline box looks more accurate.
 .sbb-select-trigger {
   width: 100%;

package/core.css

@@ -1648,6 +1648,12 @@ slot[name=error]::slotted(*) {
     --sbb-selection-panel-input-padding-block-m
   );
   --sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
+  --sbb-sidebar-background-color: var(--sbb-background-color-1);
+  --sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);
+  --sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);
+  --sbb-sidebar-border-radius: var(--sbb-border-radius-8x);
+  --sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);
+  --sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);
   --sbb-signet-background-color: var(--sbb-color-brand);
   --sbb-signet-panel-color: var(--sbb-color-brand);
   --sbb-signet-icon-color: var(--sbb-color-white);
@@ -2168,6 +2174,37 @@ sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   --sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
 }
 
+sbb-sidebar:has(sbb-sidebar-title) {
+  --_sbb-sidebar-padding-block-start: 0;
+}
+
+sbb-sidebar:not(:has(sbb-sidebar-title)) sbb-sidebar-close-button {
+  position: absolute;
+}
+
+sbb-sidebar-container:has(> sbb-sidebar:is(:state(skip-animation),[state--skip-animation])) {
+  --sbb-sidebar-container-animation-duration: 0s;
+}
+sbb-sidebar-container:has(> sbb-sidebar:is([mode=over], :is(:state(mode-over-forced),[state--mode-over-forced])):is(:is(:state(state-opening),[state--state-opening]),
+:is(:state(state-opened),[state--state-opened]))) {
+  --sbb-sidebar-container__backdrop-visibility: visible;
+  --sbb-sidebar-container-backdrop-opacity: 0.4;
+}
+sbb-sidebar-container:is(:has(> sbb-sidebar[position=end]:is(:is(:state(state-closing),[state--state-closing]),
+:is(:state(state-closed),[state--state-closed]),
+[mode=over],
+:is(:state(mode-over-forced),[state--mode-over-forced]))),
+:not(:has(> sbb-sidebar[position=end]))) > sbb-sidebar-content {
+  --_sbb-sidebar-content-margin-inline-end: 0;
+}
+sbb-sidebar-container:is(:has(> sbb-sidebar:not([position=end]):is(:is(:state(state-closing),[state--state-closing]),
+:is(:state(state-closed),[state--state-closed]),
+[mode=over],
+:is(:state(mode-over-forced),[state--mode-over-forced]))),
+:not(:has(> sbb-sidebar:not([position=end])))) > sbb-sidebar-content {
+  --_sbb-sidebar-content-margin-inline-start: 0;
+}
+
 sbb-tab-nav-bar .sbb-tab-amount {
   margin: 0;
   color: var(--sbb-tab-label-amount-color);
@@ -2351,40 +2388,6 @@ sbb-train-formation[view=top] sbb-train-wagon {
   --sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
 }
 
-sbb-sidebar-container:has(> sbb-sidebar:is(:state(skip-animation),[state--skip-animation])) {
-  --sbb-sidebar-container-animation-duration: 0s;
-}
-
-sbb-sidebar-container:is(:has(> sbb-sidebar:not([position=end]):is(:is(:state(state-closing),[state--state-closing]),
-:is(:state(state-closed),[state--state-closed]),
-[mode=over],
-:is(:state(mode-over-forced),[state--mode-over-forced]))),
-:not(:has(> sbb-sidebar:not([position=end])))) > sbb-sidebar-content {
-  --sbb-sidebar-content__margin-inline-start: 0;
-}
-
-sbb-sidebar-container:is(:has(> sbb-sidebar[position=end]:is(:is(:state(state-closing),[state--state-closing]),
-:is(:state(state-closed),[state--state-closed]),
-[mode=over],
-:is(:state(mode-over-forced),[state--mode-over-forced]))),
-:not(:has(> sbb-sidebar[position=end]))) > sbb-sidebar-content {
-  --sbb-sidebar-content__margin-inline-end: 0;
-}
-
-sbb-sidebar-container:has(> sbb-sidebar:is([mode=over], :is(:state(mode-over-forced),[state--mode-over-forced])):is(:is(:state(state-opening),[state--state-opening]),
-:is(:state(state-opened),[state--state-opened]))) {
-  --sbb-sidebar-container__backdrop-visibility: visible;
-  --sbb-sidebar-container-backdrop-opacity: 0.4;
-}
-
-sbb-sidebar:not(:has(sbb-sidebar-title)) sbb-sidebar-close-button {
-  position: absolute;
-}
-
-sbb-sidebar:has(sbb-sidebar-title) {
-  --sbb-sidebar__padding-block-start: 0;
-}
-
 .sbb-select-trigger {
   width: 100%;
   height: var(--sbb-size-element-xs);

package/development/sidebar/sidebar/sidebar.component.js

@@ -1,2 +1,2 @@
-import { t as SbbSidebarElement } from "../../sidebar.component-hkvDm_fC.js";
+import { t as SbbSidebarElement } from "../../sidebar.component-BmLRuuec.js";
 export { SbbSidebarElement };

package/development/sidebar/sidebar-content/sidebar-content.component.js

@@ -1,2 +1,2 @@
-import { t as SbbSidebarContentElement } from "../../sidebar-content.component-rgVbuDj-.js";
+import { t as SbbSidebarContentElement } from "../../sidebar-content.component-6oadojLp.js";
 export { SbbSidebarContentElement };

package/development/sidebar/sidebar-content.js

@@ -1,4 +1,4 @@
-import { t as SbbSidebarContentElement } from "../sidebar-content.component-rgVbuDj-.js";
+import { t as SbbSidebarContentElement } from "../sidebar-content.component-6oadojLp.js";
 //#region src/elements/sidebar/sidebar-content.ts
 /** @entrypoint */
 SbbSidebarContentElement.define();

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

@@ -1,2 +1,2 @@
-import { t as SbbSidebarTitleElement } from "../../sidebar-title.component-BFkOaVcL.js";
+import { t as SbbSidebarTitleElement } from "../../sidebar-title.component-DU-ZLEU0.js";
 export { SbbSidebarTitleElement };

package/development/sidebar/sidebar-title.js

@@ -1,4 +1,4 @@
-import { t as SbbSidebarTitleElement } from "../sidebar-title.component-BFkOaVcL.js";
+import { t as SbbSidebarTitleElement } from "../sidebar-title.component-DU-ZLEU0.js";
 //#region src/elements/sidebar/sidebar-title.ts
 /** @entrypoint */
 SbbSidebarTitleElement.define();

package/development/sidebar/sidebar.js

@@ -1,4 +1,4 @@
-import { t as SbbSidebarElement } from "../sidebar.component-hkvDm_fC.js";
+import { t as SbbSidebarElement } from "../sidebar.component-BmLRuuec.js";
 //#region src/elements/sidebar/sidebar.ts
 /** @entrypoint */
 SbbSidebarElement.define();

package/development/{sidebar-content.component-rgVbuDj-.js → sidebar-content.component-6oadojLp.js}

@@ -3,9 +3,9 @@ import { SbbElement } from "./core/base-elements.js";
 import { sidebarContentCommonStyle } from "./sidebar/common/styles.js";
 //#region src/elements/sidebar/sidebar-content/sidebar-content.scss?lit&inline
 var sidebar_content_default = css`:host {
-  --sbb-sidebar-content__margin-inline-start: initial;
-  --sbb-sidebar-content__margin-inline-end: initial;
-  margin-inline: var(--sbb-sidebar-content__margin-inline-start, var(--sbb-sidebar-container__start-width, 0)) var(--sbb-sidebar-content__margin-inline-end, var(--sbb-sidebar-container__end-width, 0));
+  --_sbb-sidebar-content-margin-inline-start: initial;
+  --_sbb-sidebar-content-margin-inline-end: initial;
+  margin-inline: var(--_sbb-sidebar-content-margin-inline-start, var(--_sbb-sidebar-container-start-width, 0)) var(--_sbb-sidebar-content-margin-inline-end, var(--_sbb-sidebar-container-end-width, 0));
   transition: margin var(--sbb-sidebar-container-animation-duration) var(--sbb-sidebar-container-animation-easing);
 }`;
 //#endregion
@@ -34,4 +34,4 @@ var SbbSidebarContentElement = class extends SbbElement {
 //#endregion
 export { SbbSidebarContentElement as t };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250ZW50LmNvbXBvbmVudC1yZ1ZidURqLS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lkZWJhci9zaWRlYmFyLWNvbnRlbnQvc2lkZWJhci1jb250ZW50LnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGVudC9zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLy8gVGhlIHZhcmlhYmxlcyBoYXZlIHRvIGJlIHNldCB0byBgaW5pdGlhbGAuIE90aGVyd2lzZSwgaW4gbmVzdGVkIGNvbnRhaW5lcnMsXG4gIC8vIG91dGVyIHZhcmlhYmxlcyBjYW4gYmxlZWQgaW50byB0aGUgaW5uZXIgY29udGFpbmVyIC8gY29udGVudC5cbiAgLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLXN0YXJ0OiBpbml0aWFsO1xuICAtLXNiYi1zaWRlYmFyLWNvbnRlbnRfX21hcmdpbi1pbmxpbmUtZW5kOiBpbml0aWFsO1xuXG4gIC8vIFRoZSBtYXJnaW4gbXVzdCBiZSBlcXVhbCB0byB0aGUgd2lkdGggb2YgdGhlIHNpZGViYXJcbiAgLy8gZWl0aGVyIGF0IHRoZSBzdGFydCAoLS1zYmItc2lkZWJhci1jb250YWluZXJfX3N0YXJ0LXdpZHRoKSBvciBhdCB0aGUgZW5kICgtLXNiYi1zaWRlYmFyLWNvbnRlbnRfX21hcmdpbi1pbmxpbmUtZW5kKS5cbiAgLy8gSG93ZXZlciwgaW4gb3ZlciBtb2RlLCBvciBpZiB0aGVyZSBpcyBub3QgZW5vdWdoIHNwYWNlLCB0aGUgbWFyZ2luIG11c3QgYmUgb3ZlcnJpZGRlbiB0byAwLlxuICAvLyBPdmVycmlkaW5nIGlzIGRvbmUgaW4gY29yZS5zY3NzIHZpYSB0aGUgLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLXN0YXJ0IC8gLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLWVuZCB2YXJpYWJsZS5cbiAgbWFyZ2luLWlubGluZTogdmFyKFxuICAgICAgLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLXN0YXJ0LFxuICAgICAgdmFyKC0tc2JiLXNpZGViYXItY29udGFpbmVyX19zdGFydC13aWR0aCwgMClcbiAgICApXG4gICAgdmFyKC0tc2JiLXNpZGViYXItY29udGVudF9fbWFyZ2luLWlubGluZS1lbmQsIHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lcl9fZW5kLXdpZHRoLCAwKSk7XG4gIHRyYW5zaXRpb246IG1hcmdpbiB2YXIoLS1zYmItc2lkZWJhci1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgIHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZWFzaW5nKTtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IHNpZGViYXJDb250ZW50Q29tbW9uU3R5bGUgfSBmcm9tICcuLi9jb21tb24vc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2lkZWJhci1jb250ZW50LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29udGFpbmVyIGZvciB0aGUgc2lkZWJhciBjb250ZW50LiBJbnRlbmRlZCB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhci1jb250YWluZXJgIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW55IGNvbnRlbnQgZWxlbWVudHMuXG4gKiBGdXJ0aGVyIGBzYmItc2lkZWJhci1jb250YWluZXJgcyBhcmUgcG9zc2libGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zaWRlYmFyLWNvbnRlbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbc2lkZWJhckNvbnRlbnRDb21tb25TdHlsZSwgc3R5bGVdO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhcicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWRlYmFyLWNvbnRlbnQnOiBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDYUEsSUFBYSwyQkFBYixjQUE4QyxXQUFVOztBQUN0QixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLDJCQUEyQix3QkFBTTs7Q0FFbEUsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBS3pCLE9BQUssVUFBVSxJQUFJLGdCQUFnQjs7Q0FHbEIsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250ZW50LmNvbXBvbmVudC02b2Fkb2pMcC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lkZWJhci9zaWRlYmFyLWNvbnRlbnQvc2lkZWJhci1jb250ZW50LnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGVudC9zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLy8gVGhlIHZhcmlhYmxlcyBoYXZlIHRvIGJlIHNldCB0byBgaW5pdGlhbGAuIE90aGVyd2lzZSwgaW4gbmVzdGVkIGNvbnRhaW5lcnMsXG4gIC8vIG91dGVyIHZhcmlhYmxlcyBjYW4gYmxlZWQgaW50byB0aGUgaW5uZXIgY29udGFpbmVyIC8gY29udGVudC5cbiAgLS1fc2JiLXNpZGViYXItY29udGVudC1tYXJnaW4taW5saW5lLXN0YXJ0OiBpbml0aWFsO1xuICAtLV9zYmItc2lkZWJhci1jb250ZW50LW1hcmdpbi1pbmxpbmUtZW5kOiBpbml0aWFsO1xuXG4gIC8vIFRoZSBtYXJnaW4gbXVzdCBiZSBlcXVhbCB0byB0aGUgd2lkdGggb2YgdGhlIHNpZGViYXJcbiAgLy8gZWl0aGVyIGF0IHRoZSBzdGFydCAoLS1fc2JiLXNpZGViYXItY29udGFpbmVyLXN0YXJ0LXdpZHRoKSBvciBhdCB0aGUgZW5kICgtLV9zYmItc2lkZWJhci1jb250ZW50LW1hcmdpbi1pbmxpbmUtZW5kKS5cbiAgLy8gSG93ZXZlciwgaW4gb3ZlciBtb2RlLCBvciBpZiB0aGVyZSBpcyBub3QgZW5vdWdoIHNwYWNlLCB0aGUgbWFyZ2luIG11c3QgYmUgb3ZlcnJpZGRlbiB0byAwLlxuICAvLyBPdmVycmlkaW5nIGlzIGRvbmUgaW4gY29yZS5zY3NzIHZpYSB0aGUgLS1fc2JiLXNpZGViYXItY29udGVudC1tYXJnaW4taW5saW5lLXN0YXJ0IC8gLS1fc2JiLXNpZGViYXItY29udGVudC1tYXJnaW4taW5saW5lLWVuZCB2YXJpYWJsZS5cbiAgbWFyZ2luLWlubGluZTogdmFyKFxuICAgICAgLS1fc2JiLXNpZGViYXItY29udGVudC1tYXJnaW4taW5saW5lLXN0YXJ0LFxuICAgICAgdmFyKC0tX3NiYi1zaWRlYmFyLWNvbnRhaW5lci1zdGFydC13aWR0aCwgMClcbiAgICApXG4gICAgdmFyKC0tX3NiYi1zaWRlYmFyLWNvbnRlbnQtbWFyZ2luLWlubGluZS1lbmQsIHZhcigtLV9zYmItc2lkZWJhci1jb250YWluZXItZW5kLXdpZHRoLCAwKSk7XG4gIHRyYW5zaXRpb246IG1hcmdpbiB2YXIoLS1zYmItc2lkZWJhci1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgIHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZWFzaW5nKTtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IHNpZGViYXJDb250ZW50Q29tbW9uU3R5bGUgfSBmcm9tICcuLi9jb21tb24vc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2lkZWJhci1jb250ZW50LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29udGFpbmVyIGZvciB0aGUgc2lkZWJhciBjb250ZW50LiBJbnRlbmRlZCB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhci1jb250YWluZXJgIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW55IGNvbnRlbnQgZWxlbWVudHMuXG4gKiBGdXJ0aGVyIGBzYmItc2lkZWJhci1jb250YWluZXJgcyBhcmUgcG9zc2libGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zaWRlYmFyLWNvbnRlbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbc2lkZWJhckNvbnRlbnRDb21tb25TdHlsZSwgc3R5bGVdO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhcicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWRlYmFyLWNvbnRlbnQnOiBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDYUEsSUFBYSwyQkFBYixjQUE4QyxXQUFVOztBQUN0QixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLDJCQUEyQix3QkFBTTs7Q0FFbEUsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBS3pCLE9BQUssVUFBVSxJQUFJLGdCQUFnQjs7Q0FHbEIsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==

package/development/{sidebar-title.component-BFkOaVcL.js → sidebar-title.component-DU-ZLEU0.js}

@@ -5,8 +5,8 @@ import { SbbTitleBase } from "./title.js";
 //#region src/elements/sidebar/sidebar-title/sidebar-title.scss?lit&inline
 var sidebar_title_default = css`:host {
   hyphens: auto;
-  padding-block-start: calc(0.5 * (var(--sbb-sidebar__close-button-size) - 1em * var(--sbb-typo-line-height-heading)));
-  min-height: var(--sbb-sidebar__close-button-size);
+  padding-block-start: calc(0.5 * (var(--_sbb-sidebar-close-button-size) - 1em * var(--sbb-typo-line-height-heading)));
+  min-height: var(--_sbb-sidebar-close-button-size);
 }`;
 //#endregion
 //#region src/elements/sidebar/sidebar-title/sidebar-title.component.ts
@@ -73,4 +73,4 @@ var SbbSidebarTitleElement = (() => {
 //#endregion
 export { SbbSidebarTitleElement as t };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10aXRsZS5jb21wb25lbnQtQkZrT2FWY0wuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci10aXRsZS9zaWRlYmFyLXRpdGxlLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItdGl0bGUvc2lkZWJhci10aXRsZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBoeXBoZW5zOiBhdXRvO1xuXG4gIC8vIFRoZSBjbG9zZSBidXR0b24gaXMgdGFsbGVyIHRoYW4gdGhlIHRpdGxlLiBXZSBuZWVkIHRvIGFsaWduIHRoZSB0ZXh0IHRvIHRoZSBjbG9zZSBidXR0b25cbiAgLy8gYnV0IGNhbid0IHVzZSBhbGlnbi1pdGVtczogY2VudGVyIGJlY2F1c2Ugd2l0aCBjZW50ZXJpbmcsIG11bHRpbGluZSB0aXRsZXMgYXJlIHdyb25nbHkgcG9zaXRpb25lZC5cbiAgcGFkZGluZy1ibG9jay1zdGFydDogY2FsYyhcbiAgICAwLjUgKiAodmFyKC0tc2JiLXNpZGViYXJfX2Nsb3NlLWJ1dHRvbi1zaXplKSAtIDFlbSAqIHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LWhlYWRpbmcpKVxuICApO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItc2lkZWJhcl9fY2xvc2UtYnV0dG9uLXNpemUpO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiVGl0bGVCYXNlLCB0eXBlIFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItdGl0bGUuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgdGl0bGUgb2YgdGhlIHNpZGViYXIuIEl0IGhhcyB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhcmAgZWxlbWVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IGZvciB0aGUgY29udGVudCBvZiB0aGUgc2lkZWJhci10aXRsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlNpZGViYXJUaXRsZUVsZW1lbnQgZXh0ZW5kcyBTYmJUaXRsZUJhc2Uge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNpZGViYXItdGl0bGUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiVGl0bGVCYXNlLnN0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBUaXRsZSBsZXZlbCAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBvdmVycmlkZSBhY2Nlc3NvciBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcyJztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnZpc3VhbExldmVsID8/PSAnNScgYXMgdGhpc1sndmlzdWFsTGV2ZWwnXTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ3RpdGxlLXNlY3Rpb24nO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2lkZWJhci10aXRsZSc6IFNiYlNpZGViYXJUaXRsZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNZYSxnQ0FBc0I7bUJBQVM7Ozs7Y0FBL0IsK0JBQStCLFlBQVk7Ozt3QkFLckQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQXlCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTs7Ozs7Ozs7O0FBSjNCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsYUFBYSxRQUFRLHNCQUFNOztFQUcvQywwQkFBQSxrQkFBQSxNQUFBLHFCQUFnRCxJQUFHOztFQUFuRCxJQUF5QixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUE5QixJQUF5QixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQUUzRCxjQUFBO0FBQ0UsVUFBTzs7QUFDUCxRQUFLLGdCQUFnQjs7RUFHUCxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFDekIsUUFBSyxTQUFTIn0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10aXRsZS5jb21wb25lbnQtRFUtWkxFVTAuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci10aXRsZS9zaWRlYmFyLXRpdGxlLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItdGl0bGUvc2lkZWJhci10aXRsZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBoeXBoZW5zOiBhdXRvO1xuXG4gIC8vIFRoZSBjbG9zZSBidXR0b24gaXMgdGFsbGVyIHRoYW4gdGhlIHRpdGxlLiBXZSBuZWVkIHRvIGFsaWduIHRoZSB0ZXh0IHRvIHRoZSBjbG9zZSBidXR0b25cbiAgLy8gYnV0IGNhbid0IHVzZSBhbGlnbi1pdGVtczogY2VudGVyIGJlY2F1c2Ugd2l0aCBjZW50ZXJpbmcsIG11bHRpbGluZSB0aXRsZXMgYXJlIHdyb25nbHkgcG9zaXRpb25lZC5cbiAgcGFkZGluZy1ibG9jay1zdGFydDogY2FsYyhcbiAgICAwLjUgKiAodmFyKC0tX3NiYi1zaWRlYmFyLWNsb3NlLWJ1dHRvbi1zaXplKSAtIDFlbSAqIHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LWhlYWRpbmcpKVxuICApO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1fc2JiLXNpZGViYXItY2xvc2UtYnV0dG9uLXNpemUpO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiVGl0bGVCYXNlLCB0eXBlIFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItdGl0bGUuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgdGl0bGUgb2YgdGhlIHNpZGViYXIuIEl0IGhhcyB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhcmAgZWxlbWVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IGZvciB0aGUgY29udGVudCBvZiB0aGUgc2lkZWJhci10aXRsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlNpZGViYXJUaXRsZUVsZW1lbnQgZXh0ZW5kcyBTYmJUaXRsZUJhc2Uge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNpZGViYXItdGl0bGUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiVGl0bGVCYXNlLnN0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBUaXRsZSBsZXZlbCAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBvdmVycmlkZSBhY2Nlc3NvciBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcyJztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnZpc3VhbExldmVsID8/PSAnNScgYXMgdGhpc1sndmlzdWFsTGV2ZWwnXTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ3RpdGxlLXNlY3Rpb24nO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2lkZWJhci10aXRsZSc6IFNiYlNpZGViYXJUaXRsZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNZYSxnQ0FBc0I7bUJBQVM7Ozs7Y0FBL0IsK0JBQStCLFlBQVk7Ozt3QkFLckQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQXlCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTs7Ozs7Ozs7O0FBSjNCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsYUFBYSxRQUFRLHNCQUFNOztFQUcvQywwQkFBQSxrQkFBQSxNQUFBLHFCQUFnRCxJQUFHOztFQUFuRCxJQUF5QixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUE5QixJQUF5QixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQUUzRCxjQUFBO0FBQ0UsVUFBTzs7QUFDUCxRQUFLLGdCQUFnQjs7RUFHUCxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFDekIsUUFBSyxTQUFTIn0=