@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1780499181 → 5.0.0-next.3-dev.1780576122

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/core/styles/mixins/_scrollbar.scss +6 -0
  2. package/core/styles/styles.js +1 -1
  3. package/core.js +1 -1
  4. package/development/core/styles/styles.js +1 -1
  5. package/development/core.js +1 -1
  6. package/development/{styles-AtR8n_N4.js → styles-CUz7LBUc.js} +3 -3
  7. package/lean-off-brand-theme.css +2 -0
  8. package/lean-safety-theme.css +2 -0
  9. package/lean-theme.css +2 -0
  10. package/off-brand-theme.css +2 -0
  11. package/package.json +2 -2
  12. package/safety-theme.css +2 -0
  13. package/standard-theme.css +2 -0
  14. package/styles-BwvY_TyZ.js +5 -0
  15. package/styles-Cx8wGnh9.js +0 -5
package/core/styles/mixins/_scrollbar.scss CHANGED
@@ -67,6 +67,10 @@
67
67
  );
68
68
  }
69
69
 
70
+ @mixin scrollbar-variables--color-track-invisible {
71
+ --sbb-scrollbar-track-color: transparent;
72
+ }
73
+
70
74
  @mixin scrollbar-variables--color-positive-track-visible {
71
75
  --sbb-scrollbar-track-color: var(--sbb-background-color-4);
72
76
  }
@@ -99,6 +103,8 @@
99
103
  @include scrollbar-variables--color-negative-track-visible;
100
104
  } @else if $track-visible {
101
105
  @include scrollbar-variables--color-positive-track-visible;
106
+ } @else {
107
+ @include scrollbar-variables--color-track-invisible;
102
108
  }
103
109
  }
104
110
 
package/core/styles/styles.js CHANGED
@@ -1,2 +1,2 @@
1
- import { a as e, i as t, n, o as r, r as i, t as a } from "../../styles-Cx8wGnh9.js";
1
+ import { a as e, i as t, n, o as r, r as i, t as a } from "../../styles-BwvY_TyZ.js";
2
2
  export { a as buttonResetStyles, n as hostScrollbarStyles, i as listResetStyles, t as popoverResetStyles, e as screenReaderOnlyStyles, r as scrollbarStyles };
package/core.js CHANGED
@@ -58,5 +58,5 @@ import { getElementPosition as Gn, getElementPositionHorizontal as Kn, getElemen
58
58
  import { setOverlayPosition as Yn } from "./core/overlay/overlay-option-panel.js";
59
59
  import { SbbOverlayOutsidePointerEventListener as Xn, sbbOverlayOutsidePointerEventListener as Zn } from "./core/overlay/overlay-outside-pointer-event-listener.js";
60
60
  import { removeAriaComboBoxAttributes as Qn, removeAriaOverlayTriggerProperties as $n, setAriaComboBoxAttributes as er, setAriaOverlayTriggerProperties as tr } from "./core/overlay/overlay-trigger-attributes.js";
61
- import { a as nr, i as rr, n as ir, o as ar, r as or, t as sr } from "./styles-Cx8wGnh9.js";
61
+ import { a as nr, i as rr, n as ir, o as ar, r as or, t as sr } from "./styles-BwvY_TyZ.js";
62
62
  export { q as DateAdapter, J as FORMAT_DATE, Y as FRIDAY, X as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Z as MONDAY, re as NativeDateAdapter, Q as SATURDAY, $ as SUNDAY, x as SbbActionBaseElement, kn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, An as SbbDisabledInteractiveMixin, jn as SbbDisabledMixin, Mn as SbbDisabledTabIndexActionMixin, b as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Fn as SbbFormAssociatedCheckboxMixin, Ln as SbbFormAssociatedInputMixin, Nn as SbbFormAssociatedMixin, Rn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Bn as SbbNamedSlotListMixin, Vn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, Xn as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Hn as SbbPanelMixin, k as SbbPropertyWatcherController, In as SbbReadonlyMixin, Pn as SbbRequiredMixin, Oe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, Un as SbbSelectionPanelMixin, v as SbbSlottedChangeEvent, Wn as SbbUpdateSchedulerMixin, ee as THURSDAY, te as TUESDAY, ae as TemporalDateAdapter, ne as WEDNESDAY, y as appendAriaElements, sr as buttonResetStyles, me as containsPierceShadowDom, ie as defaultDateAdapter, oe as forceType, Me as forwardEvent, Gn as getElementPosition, Kn as getElementPositionHorizontal, qn as getElementRectangle, Ae as getEventTarget, e as getNextElementIndex, se as getOverride, ce as handleDistinctChange, ir as hostScrollbarStyles, Pe as i18nAdditionalWagonInformationHeading, Fe as i18nAnd, Ie as i18nArrival, Le as i18nBlockedPassage, Re as i18nBreadcrumbEllipsisButtonLabel, ze as i18nCalendarDateSelection, Be as i18nCalendarWeekNumber, Ve as i18nCarouselArrowsNavigationHint, He as i18nCarouselItemAriaLabel, Ue as i18nCheckboxRequired, We as i18nChipDelete, Ge as i18nChipGroupInputDescription, Ke as i18nClass, qe as i18nClearInput, Je as i18nCloseAlert, Ye as i18nCloseDialog, Xe as i18nCloseNavigation, Ze as i18nCloseNotification, Qe as i18nClosePopover, $e as i18nCloseSidebar, et as i18nClosedCompartmentLabel, tt as i18nCollapsed, nt as i18nConnectionFrom, rt as i18nConnectionRoundtrip, it as i18nConnectionTo, at as i18nCouchetteWagonLabel, ot as i18nDateChangedTo, st as i18nDateInvalid, ct as i18nDateMax, lt as i18nDateMin, ut as i18nDatePickerPlaceholder, dt as i18nDeparture, ft as i18nDialog, pt as i18nDirection, mt as i18nDurationDay, ht as i18nDurationHour, gt as i18nDurationMinute, _t as i18nExpanded, vt as i18nFileSelectorButtonLabel, yt as i18nFileSelectorButtonLabelMultiple, bt as i18nFileSelectorCurrentlySelected, xt as i18nFileSelectorDeleteFile, St as i18nFileSelectorSubtitleLabel, Ct as i18nFileSelectorSubtitleLabelMultiple, wt as i18nFlipCard, Tt as i18nFromPlatform, Et as i18nGoBack, Dt as i18nInputRequired, Ot as i18nItemsPerPage, kt as i18nLocomotiveLabel, At as i18nMapContainerButtonLabel, jt as i18nMeansOfTransport, Mt as i18nNew, Nt as i18nNextDay, Pt as i18nNextMonth, Ft as i18nNextPage, It as i18nNextSlide, Lt as i18nNextYear, Rt as i18nNextYearRange, zt as i18nOccupancy, Bt as i18nPage, Vt as i18nPaginatorOf, Ht as i18nPaginatorSelected, Ut as i18nPreviousDay, Wt as i18nPreviousMonth, Gt as i18nPreviousPage, Kt as i18nPreviousSlide, qt as i18nPreviousYear, Jt as i18nPreviousYearRange, Yt as i18nRealTimeInfo, Xt as i18nRemainingCharacters, Zt as i18nRestaurantWagonLabel, Qt as i18nReverseCard, $t as i18nSector, en as i18nSectorShort, tn as i18nSelectNextDay, nn as i18nSelectPreviousDay, rn as i18nSelectionRequired, an as i18nShowCalendar, on as i18nSleepingWagonLabel, sn as i18nSlide, cn as i18nSupersaver, ln as i18nTargetOpensInNewWindow, un as i18nTimeInputChange, dn as i18nTimeInvalid, fn as i18nTimeMax, pn as i18nTimeMaxLength, mn as i18nTimetableFormSwapButtonLabel, hn as i18nToday, gn as i18nTrain, _n as i18nTrains, vn as i18nTransferProcedure, yn as i18nTransferProcedures, bn as i18nTravelhints, xn as i18nTripDuration, Sn as i18nTripQuayChange, Cn as i18nWagonLabel, wn as i18nWagonLabelNumber, Tn as i18nWagonsLabel, En as i18nWalkingDistanceArrival, Dn as i18nWalkingDistanceDeparture, On as i18nYearMonthSelection, le as idReference, f as interactivityChecker, ge as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, _e as isBlink, ve as isChromium, ye as isEdge, Jn as isEventOnElement, Ne as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, be as isFirefox, xe as isIOS, Se as isMacOS, r as isNextArrowKeyPressed, Ce as isNextjs, i as isPreviousArrowKeyPressed, we as isSafari, Te as isTrident, Ee as isWebkit, pe as isZeroAnimationDuration, or as listResetStyles, D as mergeConfig, ue as omitEmptyConverter, ke as pageScrollDisabled, de as plainDate, fe as plainDateConverter, rr as popoverResetStyles, je as preventScrollOnSpacebarPress, De as queueDomContentLoaded, zn as radioButtonRegistry, O as readConfig, Qn as removeAriaComboBoxAttributes, _ as removeAriaElements, $n as removeAriaOverlayTriggerProperties, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, Zn as sbbOverlayOutsidePointerEventListener, nr as screenReaderOnlyStyles, ar as scrollbarStyles, er as setAriaComboBoxAttributes, tr as setAriaOverlayTriggerProperties, he as setOrRemoveAttribute, Yn as setOverlayPosition, g as ɵstateController };
package/development/core/styles/styles.js CHANGED
@@ -1,2 +1,2 @@
1
- import { a as screenReaderOnlyStyles, i as popoverResetStyles, n as hostScrollbarStyles, o as scrollbarStyles, r as listResetStyles, t as buttonResetStyles } from "../../styles-AtR8n_N4.js";
1
+ import { a as screenReaderOnlyStyles, i as popoverResetStyles, n as hostScrollbarStyles, o as scrollbarStyles, r as listResetStyles, t as buttonResetStyles } from "../../styles-CUz7LBUc.js";
2
2
  export { buttonResetStyles, hostScrollbarStyles, listResetStyles, popoverResetStyles, screenReaderOnlyStyles, scrollbarStyles };
package/development/core.js CHANGED
@@ -58,5 +58,5 @@ import { getElementPosition, getElementPositionHorizontal, getElementRectangle,
58
58
  import { setOverlayPosition } from "./core/overlay/overlay-option-panel.js";
59
59
  import { SbbOverlayOutsidePointerEventListener, sbbOverlayOutsidePointerEventListener } from "./core/overlay/overlay-outside-pointer-event-listener.js";
60
60
  import { removeAriaComboBoxAttributes, removeAriaOverlayTriggerProperties, setAriaComboBoxAttributes, setAriaOverlayTriggerProperties } from "./core/overlay/overlay-trigger-attributes.js";
61
- import { a as screenReaderOnlyStyles, i as popoverResetStyles, n as hostScrollbarStyles, o as scrollbarStyles, r as listResetStyles, t as buttonResetStyles } from "./styles-AtR8n_N4.js";
61
+ import { a as screenReaderOnlyStyles, i as popoverResetStyles, n as hostScrollbarStyles, o as scrollbarStyles, r as listResetStyles, t as buttonResetStyles } from "./styles-CUz7LBUc.js";
62
62
  export { DateAdapter, FORMAT_DATE, FRIDAY, ISO8601_FORMAT_DATE, IS_FOCUSABLE_QUERY, InteractivityChecker, IsFocusableConfig, MONDAY, NativeDateAdapter, SATURDAY, SUNDAY, SbbActionBaseElement, SbbAnimationCompleteMixin, SbbButtonBaseElement, SbbButtonLikeBaseElement, SbbDarkModeController, SbbDisabledInteractiveMixin, SbbDisabledMixin, SbbDisabledTabIndexActionMixin, SbbElement, SbbEscapableOverlayController, SbbFocusTrapController, SbbFocusVisibleWithinController, SbbFormAssociatedCheckboxMixin, SbbFormAssociatedInputMixin, SbbFormAssociatedMixin, SbbFormAssociatedRadioButtonMixin, SbbIdReferenceController, SbbInertController, SbbLanguageController, SbbLinkBaseElement, SbbLiveAnnouncer, SbbMediaMatcherController, SbbMediaQueryBreakpointLargeAndAbove, SbbMediaQueryBreakpointLargeAndBelow, SbbMediaQueryBreakpointSmallAndAbove, SbbMediaQueryBreakpointSmallAndBelow, SbbMediaQueryBreakpointUltraAndAbove, SbbMediaQueryBreakpointZeroAndAbove, SbbMediaQueryDarkMode, SbbMediaQueryForcedColors, SbbMediaQueryHover, SbbMediaQueryPointerCoarse, SbbNamedSlotListMixin, SbbNegativeMixin, SbbOpenCloseBaseElement, SbbOverlayOutsidePointerEventListener, SbbOverlayPositionController, SbbPanelMixin, SbbPropertyWatcherController, SbbReadonlyMixin, SbbRequiredMixin, SbbScrollHandler, SbbSelectionGroupBaseElement, SbbSelectionPanelMixin, SbbSlottedChangeEvent, SbbUpdateSchedulerMixin, THURSDAY, TUESDAY, TemporalDateAdapter, WEDNESDAY, appendAriaElements, buttonResetStyles, containsPierceShadowDom, defaultDateAdapter, forceType, forwardEvent, getElementPosition, getElementPositionHorizontal, getElementRectangle, getEventTarget, getNextElementIndex, getOverride, handleDistinctChange, hostScrollbarStyles, i18nAdditionalWagonInformationHeading, i18nAnd, i18nArrival, i18nBlockedPassage, i18nBreadcrumbEllipsisButtonLabel, i18nCalendarDateSelection, i18nCalendarWeekNumber, i18nCarouselArrowsNavigationHint, i18nCarouselItemAriaLabel, i18nCheckboxRequired, i18nChipDelete, i18nChipGroupInputDescription, i18nClass, i18nClearInput, i18nCloseAlert, i18nCloseDialog, i18nCloseNavigation, i18nCloseNotification, i18nClosePopover, i18nCloseSidebar, i18nClosedCompartmentLabel, i18nCollapsed, i18nConnectionFrom, i18nConnectionRoundtrip, i18nConnectionTo, i18nCouchetteWagonLabel, i18nDateChangedTo, i18nDateInvalid, i18nDateMax, i18nDateMin, i18nDatePickerPlaceholder, i18nDeparture, i18nDialog, i18nDirection, i18nDurationDay, i18nDurationHour, i18nDurationMinute, i18nExpanded, i18nFileSelectorButtonLabel, i18nFileSelectorButtonLabelMultiple, i18nFileSelectorCurrentlySelected, i18nFileSelectorDeleteFile, i18nFileSelectorSubtitleLabel, i18nFileSelectorSubtitleLabelMultiple, i18nFlipCard, i18nFromPlatform, i18nGoBack, i18nInputRequired, i18nItemsPerPage, i18nLocomotiveLabel, i18nMapContainerButtonLabel, i18nMeansOfTransport, i18nNew, i18nNextDay, i18nNextMonth, i18nNextPage, i18nNextSlide, i18nNextYear, i18nNextYearRange, i18nOccupancy, i18nPage, i18nPaginatorOf, i18nPaginatorSelected, i18nPreviousDay, i18nPreviousMonth, i18nPreviousPage, i18nPreviousSlide, i18nPreviousYear, i18nPreviousYearRange, i18nRealTimeInfo, i18nRemainingCharacters, i18nRestaurantWagonLabel, i18nReverseCard, i18nSector, i18nSectorShort, i18nSelectNextDay, i18nSelectPreviousDay, i18nSelectionRequired, i18nShowCalendar, i18nSleepingWagonLabel, i18nSlide, i18nSupersaver, i18nTargetOpensInNewWindow, i18nTimeInputChange, i18nTimeInvalid, i18nTimeMax, i18nTimeMaxLength, i18nTimetableFormSwapButtonLabel, i18nToday, i18nTrain, i18nTrains, i18nTransferProcedure, i18nTransferProcedures, i18nTravelhints, i18nTripDuration, i18nTripQuayChange, i18nWagonLabel, i18nWagonLabelNumber, i18nWagonsLabel, i18nWalkingDistanceArrival, i18nWalkingDistanceDeparture, i18nYearMonthSelection, idReference, interactivityChecker, isAndroid, isArrowKeyOrPageKeysPressed, isArrowKeyPressed, isBlink, isChromium, isEdge, isEventOnElement, isEventPrevented, isFakeMousedownFromScreenReader, isFakeTouchstartFromScreenReader, isFirefox, isIOS, isMacOS, isNextArrowKeyPressed, isNextjs, isPreviousArrowKeyPressed, isSafari, isTrident, isWebkit, isZeroAnimationDuration, listResetStyles, mergeConfig, omitEmptyConverter, pageScrollDisabled, plainDate, plainDateConverter, popoverResetStyles, preventScrollOnSpacebarPress, queueDomContentLoaded, radioButtonRegistry, readConfig, removeAriaComboBoxAttributes, removeAriaElements, removeAriaOverlayTriggerProperties, sbbInputModalityDetector, sbbLiveAnnouncer, sbbOverlayOutsidePointerEventListener, screenReaderOnlyStyles, scrollbarStyles, setAriaComboBoxAttributes, setAriaOverlayTriggerProperties, setOrRemoveAttribute, setOverlayPosition, ɵstateController };
package/development/{styles-AtR8n_N4.js → styles-CUz7LBUc.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  import { unsafeCSS } from "lit";
2
2
  //#region src/elements/core/styles/features/scrollbar.scss?inline
3
- var scrollbar_default = ":is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);\n --sbb-scrollbar-thumb-width: 0.125rem;\n --sbb-scrollbar-thumb-width-hover: 0.25rem;\n --sbb-scrollbar-width-firefox: thin;\n --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);\n --sbb-scrollbar-color: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 30%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 30%, transparent)\n );\n --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);\n --sbb-scrollbar-color-hover: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 60%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 60%, transparent)\n );\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar {\n width: var(--sbb-scrollbar-width);\n height: var(--sbb-scrollbar-width);\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner {\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb {\n background-color: var(--sbb-scrollbar-color, currentcolor);\n border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;\n border-radius: var(--sbb-border-radius-4x);\n background-clip: padding-box;\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb:hover {\n background-color: var(--sbb-scrollbar-color-hover, currentcolor);\n border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-button, :is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner {\n display: none;\n}\n@supports not selector(::-webkit-scrollbar) {\n :is(.sbb-scrollbar,\n .sbb-scrollbar-negative,\n .sbb-scrollbar-thick,\n .sbb-scrollbar-thick-negative,\n .sbb-scrollbar-track-visible,\n .sbb-scrollbar-negative-track-visible,\n .sbb-scrollbar-thick-track-visible,\n .sbb-scrollbar-thick-negative-track-visible) {\n scrollbar-width: var(--sbb-scrollbar-width-firefox);\n scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);\n }\n}\n\n:is(.sbb-scrollbar-negative,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);\n --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);\n}\n\n:is(.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-thumb-width: 0.5rem;\n --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);\n --sbb-scrollbar-width-firefox: auto;\n}\n\n:is(.sbb-scrollbar-track-visible, .sbb-scrollbar-thick-track-visible) {\n --sbb-scrollbar-track-color: var(--sbb-background-color-4);\n}\n\n:is(.sbb-scrollbar-negative-track-visible, .sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);\n}";
3
+ var scrollbar_default = ":is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);\n --sbb-scrollbar-thumb-width: 0.125rem;\n --sbb-scrollbar-thumb-width-hover: 0.25rem;\n --sbb-scrollbar-width-firefox: thin;\n --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);\n --sbb-scrollbar-color: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 30%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 30%, transparent)\n );\n --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);\n --sbb-scrollbar-color-hover: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 60%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 60%, transparent)\n );\n --sbb-scrollbar-track-color: transparent;\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar {\n width: var(--sbb-scrollbar-width);\n height: var(--sbb-scrollbar-width);\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner {\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb {\n background-color: var(--sbb-scrollbar-color, currentcolor);\n border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;\n border-radius: var(--sbb-border-radius-4x);\n background-clip: padding-box;\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb:hover {\n background-color: var(--sbb-scrollbar-color-hover, currentcolor);\n border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));\n}\n:is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-button, :is(.sbb-scrollbar,\n.sbb-scrollbar-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-track-visible,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner {\n display: none;\n}\n@supports not selector(::-webkit-scrollbar) {\n :is(.sbb-scrollbar,\n .sbb-scrollbar-negative,\n .sbb-scrollbar-thick,\n .sbb-scrollbar-thick-negative,\n .sbb-scrollbar-track-visible,\n .sbb-scrollbar-negative-track-visible,\n .sbb-scrollbar-thick-track-visible,\n .sbb-scrollbar-thick-negative-track-visible) {\n scrollbar-width: var(--sbb-scrollbar-width-firefox);\n scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);\n }\n}\n\n:is(.sbb-scrollbar-negative,\n.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-negative-track-visible,\n.sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);\n --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);\n}\n\n:is(.sbb-scrollbar-thick-negative,\n.sbb-scrollbar-thick,\n.sbb-scrollbar-thick-track-visible,\n.sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-thumb-width: 0.5rem;\n --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);\n --sbb-scrollbar-width-firefox: auto;\n}\n\n:is(.sbb-scrollbar-track-visible, .sbb-scrollbar-thick-track-visible) {\n --sbb-scrollbar-track-color: var(--sbb-background-color-4);\n}\n\n:is(.sbb-scrollbar-negative-track-visible, .sbb-scrollbar-thick-negative-track-visible) {\n --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);\n}";
4
4
  //#endregion
5
5
  //#region src/elements/core/styles/internals/button-reset.scss?inline
6
6
  var button_reset_default = "button {\n appearance: none;\n box-sizing: border-box;\n margin: 0;\n outline: none;\n border: none;\n border-radius: 0;\n padding: 0;\n background: none;\n -webkit-tap-highlight-color: transparent;\n color: inherit;\n}";
7
7
  //#endregion
8
8
  //#region src/elements/core/styles/internals/host-scrollbar.scss?inline
9
- var host_scrollbar_default = ":host {\n --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);\n --sbb-scrollbar-thumb-width: 0.125rem;\n --sbb-scrollbar-thumb-width-hover: 0.25rem;\n --sbb-scrollbar-width-firefox: thin;\n --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);\n --sbb-scrollbar-color: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 30%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 30%, transparent)\n );\n --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);\n --sbb-scrollbar-color-hover: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 60%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 60%, transparent)\n );\n}\n:host::-webkit-scrollbar {\n width: var(--sbb-scrollbar-width);\n height: var(--sbb-scrollbar-width);\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:host::-webkit-scrollbar-corner {\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:host::-webkit-scrollbar-thumb {\n background-color: var(--sbb-scrollbar-color, currentcolor);\n border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;\n border-radius: var(--sbb-border-radius-4x);\n background-clip: padding-box;\n}\n:host::-webkit-scrollbar-thumb:hover {\n background-color: var(--sbb-scrollbar-color-hover, currentcolor);\n border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));\n}\n:host::-webkit-scrollbar-button, :host::-webkit-scrollbar-corner {\n display: none;\n}\n@supports not selector(::-webkit-scrollbar) {\n :host {\n scrollbar-width: var(--sbb-scrollbar-width-firefox);\n scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);\n }\n}";
9
+ var host_scrollbar_default = ":host {\n --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);\n --sbb-scrollbar-thumb-width: 0.125rem;\n --sbb-scrollbar-thumb-width-hover: 0.25rem;\n --sbb-scrollbar-width-firefox: thin;\n --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);\n --sbb-scrollbar-color: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 30%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 30%, transparent)\n );\n --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);\n --sbb-scrollbar-color-hover: light-dark(\n color-mix(in srgb, var(--sbb-color-black) 60%, transparent),\n color-mix(in srgb, var(--sbb-color-white) 60%, transparent)\n );\n --sbb-scrollbar-track-color: transparent;\n}\n:host::-webkit-scrollbar {\n width: var(--sbb-scrollbar-width);\n height: var(--sbb-scrollbar-width);\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:host::-webkit-scrollbar-corner {\n background-color: var(--sbb-scrollbar-track-color, transparent);\n}\n:host::-webkit-scrollbar-thumb {\n background-color: var(--sbb-scrollbar-color, currentcolor);\n border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;\n border-radius: var(--sbb-border-radius-4x);\n background-clip: padding-box;\n}\n:host::-webkit-scrollbar-thumb:hover {\n background-color: var(--sbb-scrollbar-color-hover, currentcolor);\n border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));\n}\n:host::-webkit-scrollbar-button, :host::-webkit-scrollbar-corner {\n display: none;\n}\n@supports not selector(::-webkit-scrollbar) {\n :host {\n scrollbar-width: var(--sbb-scrollbar-width-firefox);\n scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);\n }\n}";
10
10
  //#endregion
11
11
  //#region src/elements/core/styles/internals/list-reset.scss?inline
12
12
  var list_reset_default = "ul,\nol {\n list-style: none;\n margin: 0;\n padding: 0;\n font-size: inherit;\n}";
@@ -27,4 +27,4 @@ var scrollbarStyles = unsafeCSS(scrollbar_default);
27
27
  //#endregion
28
28
  export { screenReaderOnlyStyles as a, popoverResetStyles as i, hostScrollbarStyles as n, scrollbarStyles as o, listResetStyles as r, buttonResetStyles as t };
29
29
 
30
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLUF0UjhuX040LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL3N0eWxlcy9mZWF0dXJlcy9zY3JvbGxiYXIuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL2J1dHRvbi1yZXNldC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL3N0eWxlcy9pbnRlcm5hbHMvaG9zdC1zY3JvbGxiYXIuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL2xpc3QtcmVzZXQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL3BvcG92ZXItcmVzZXQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL3NjcmVlbi1yZWFkZXItb25seS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL3N0eWxlcy9zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vbWl4aW5zL3Njcm9sbGJhcic7XG5cbjppcyhcbiAgLnNiYi1zY3JvbGxiYXIsXG4gIC5zYmItc2Nyb2xsYmFyLW5lZ2F0aXZlLFxuICAuc2JiLXNjcm9sbGJhci10aGljayxcbiAgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUsXG4gIC5zYmItc2Nyb2xsYmFyLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGVcbikge1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXZhcmlhYmxlcztcbiAgQGluY2x1ZGUgc2Nyb2xsYmFyLnNjcm9sbGJhci1ydWxlcztcbn1cblxuOmlzKFxuICAuc2JiLXNjcm9sbGJhci1uZWdhdGl2ZSxcbiAgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUsXG4gIC5zYmItc2Nyb2xsYmFyLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGVcbikge1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXZhcmlhYmxlcy0tY29sb3ItbmVnYXRpdmU7XG59XG5cbjppcyhcbiAgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLFxuICAuc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlLFxuICAuc2JiLXNjcm9sbGJhci10aGljay1uZWdhdGl2ZS10cmFjay12aXNpYmxlXG4pIHtcbiAgQGluY2x1ZGUgc2Nyb2xsYmFyLnNjcm9sbGJhci12YXJpYWJsZXMtLXNpemUtdGhpY2s7XG59XG5cbjppcyguc2JiLXNjcm9sbGJhci10cmFjay12aXNpYmxlLCAuc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlKSB7XG4gIEBpbmNsdWRlIHNjcm9sbGJhci5zY3JvbGxiYXItdmFyaWFibGVzLS1jb2xvci1wb3NpdGl2ZS10cmFjay12aXNpYmxlO1xufVxuXG46aXMoLnNiYi1zY3JvbGxiYXItbmVnYXRpdmUtdHJhY2stdmlzaWJsZSwgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUtdHJhY2stdmlzaWJsZSkge1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXZhcmlhYmxlcy0tY29sb3ItbmVnYXRpdmUtdHJhY2stdmlzaWJsZTtcbn1cbiIsIkB1c2UgJy4uL21peGlucy9yZXNldCc7XG5cbmJ1dHRvbiB7XG4gIEBpbmNsdWRlIHJlc2V0LmJ1dHRvbi1yZXNldDtcbn1cbiIsIkB1c2UgJy4uL21peGlucy9zY3JvbGxiYXInO1xuXG46aG9zdCB7XG4gIEBpbmNsdWRlIHNjcm9sbGJhci5zY3JvbGxiYXItdmFyaWFibGVzO1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXJ1bGVzO1xufVxuIiwiQHVzZSAnLi4vbWl4aW5zL3Jlc2V0JztcblxudWwsXG5vbCB7XG4gIEBpbmNsdWRlIHJlc2V0Lmxpc3QtcmVzZXQ7XG59XG4iLCJAdXNlICcuLi9taXhpbnMvcmVzZXQnO1xuXG46aG9zdCg6d2hlcmUoW3BvcG92ZXJdKSksXG4uc2JiLXBvcG92ZXItcmVzZXQ6d2hlcmUoW3BvcG92ZXJdKSB7XG4gIEBpbmNsdWRlIHJlc2V0LnBvcG92ZXItcmVzZXQ7XG59XG4iLCJAdXNlICcuLi9taXhpbnMvYTExeSc7XG5cbi5zYmItc2NyZWVuLXJlYWRlci1vbmx5IHtcbiAgQGluY2x1ZGUgYTExeS5zY3JlZW4tcmVhZGVyLW9ubHk7XG59XG4iLCJpbXBvcnQgeyB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgc2Nyb2xsYmFyU3R5bGVzU3RyaW5nIGZyb20gJy4vZmVhdHVyZXMvc2Nyb2xsYmFyLnNjc3M/aW5saW5lJztcbmltcG9ydCBidXR0b25SZXNldFN0eWxlc1N0cmluZyBmcm9tICcuL2ludGVybmFscy9idXR0b24tcmVzZXQuc2Nzcz9pbmxpbmUnO1xuaW1wb3J0IGhvc3RTY3JvbGxiYXJTdHlsZXNTdHJpbmcgZnJvbSAnLi9pbnRlcm5hbHMvaG9zdC1zY3JvbGxiYXIuc2Nzcz9pbmxpbmUnO1xuaW1wb3J0IGxpc3RSZXNldFN0eWxlc1N0cmluZyBmcm9tICcuL2ludGVybmFscy9saXN0LXJlc2V0LnNjc3M/aW5saW5lJztcbmltcG9ydCBwb3BvdmVyUmVzZXRTdHlsZXNTdHJpbmcgZnJvbSAnLi9pbnRlcm5hbHMvcG9wb3Zlci1yZXNldC5zY3NzP2lubGluZSc7XG5pbXBvcnQgc2NyZWVuUmVhZGVyT25seVN0eWxlc1N0cmluZyBmcm9tICcuL2ludGVybmFscy9zY3JlZW4tcmVhZGVyLW9ubHkuc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uUmVzZXRTdHlsZXMgPSB1bnNhZmVDU1MoYnV0dG9uUmVzZXRTdHlsZXNTdHJpbmcpO1xuZXhwb3J0IGNvbnN0IGhvc3RTY3JvbGxiYXJTdHlsZXMgPSB1bnNhZmVDU1MoaG9zdFNjcm9sbGJhclN0eWxlc1N0cmluZyk7XG5leHBvcnQgY29uc3QgbGlzdFJlc2V0U3R5bGVzID0gdW5zYWZlQ1NTKGxpc3RSZXNldFN0eWxlc1N0cmluZyk7XG5leHBvcnQgY29uc3Qgc2NyZWVuUmVhZGVyT25seVN0eWxlcyA9IHVuc2FmZUNTUyhzY3JlZW5SZWFkZXJPbmx5U3R5bGVzU3RyaW5nKTtcbmV4cG9ydCBjb25zdCBwb3BvdmVyUmVzZXRTdHlsZXMgPSB1bnNhZmVDU1MocG9wb3ZlclJlc2V0U3R5bGVzU3RyaW5nKTtcbmV4cG9ydCBjb25zdCBzY3JvbGxiYXJTdHlsZXMgPSB1bnNhZmVDU1Moc2Nyb2xsYmFyU3R5bGVzU3RyaW5nKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QU1TQSxJQUFhLG9CQUFvQixVQUFVLG9CQUF1QjtBQUNsRSxJQUFhLHNCQUFzQixVQUFVLHNCQUF5QjtBQUN0RSxJQUFhLGtCQUFrQixVQUFVLGtCQUFxQjtBQUM5RCxJQUFhLHlCQUF5QixVQUFVLDBCQUE0QjtBQUM1RSxJQUFhLHFCQUFxQixVQUFVLHFCQUF3QjtBQUNwRSxJQUFhLGtCQUFrQixVQUFVLGlCQUFxQiJ9
30
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLUNVejdMQlVjLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL3N0eWxlcy9mZWF0dXJlcy9zY3JvbGxiYXIuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL2J1dHRvbi1yZXNldC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL3N0eWxlcy9pbnRlcm5hbHMvaG9zdC1zY3JvbGxiYXIuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL2xpc3QtcmVzZXQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL3BvcG92ZXItcmVzZXQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9zdHlsZXMvaW50ZXJuYWxzL3NjcmVlbi1yZWFkZXItb25seS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL3N0eWxlcy9zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vbWl4aW5zL3Njcm9sbGJhcic7XG5cbjppcyhcbiAgLnNiYi1zY3JvbGxiYXIsXG4gIC5zYmItc2Nyb2xsYmFyLW5lZ2F0aXZlLFxuICAuc2JiLXNjcm9sbGJhci10aGljayxcbiAgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUsXG4gIC5zYmItc2Nyb2xsYmFyLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGVcbikge1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXZhcmlhYmxlcztcbiAgQGluY2x1ZGUgc2Nyb2xsYmFyLnNjcm9sbGJhci1ydWxlcztcbn1cblxuOmlzKFxuICAuc2JiLXNjcm9sbGJhci1uZWdhdGl2ZSxcbiAgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUsXG4gIC5zYmItc2Nyb2xsYmFyLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGVcbikge1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXZhcmlhYmxlcy0tY29sb3ItbmVnYXRpdmU7XG59XG5cbjppcyhcbiAgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUsXG4gIC5zYmItc2Nyb2xsYmFyLXRoaWNrLFxuICAuc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlLFxuICAuc2JiLXNjcm9sbGJhci10aGljay1uZWdhdGl2ZS10cmFjay12aXNpYmxlXG4pIHtcbiAgQGluY2x1ZGUgc2Nyb2xsYmFyLnNjcm9sbGJhci12YXJpYWJsZXMtLXNpemUtdGhpY2s7XG59XG5cbjppcyguc2JiLXNjcm9sbGJhci10cmFjay12aXNpYmxlLCAuc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlKSB7XG4gIEBpbmNsdWRlIHNjcm9sbGJhci5zY3JvbGxiYXItdmFyaWFibGVzLS1jb2xvci1wb3NpdGl2ZS10cmFjay12aXNpYmxlO1xufVxuXG46aXMoLnNiYi1zY3JvbGxiYXItbmVnYXRpdmUtdHJhY2stdmlzaWJsZSwgLnNiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUtdHJhY2stdmlzaWJsZSkge1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXZhcmlhYmxlcy0tY29sb3ItbmVnYXRpdmUtdHJhY2stdmlzaWJsZTtcbn1cbiIsIkB1c2UgJy4uL21peGlucy9yZXNldCc7XG5cbmJ1dHRvbiB7XG4gIEBpbmNsdWRlIHJlc2V0LmJ1dHRvbi1yZXNldDtcbn1cbiIsIkB1c2UgJy4uL21peGlucy9zY3JvbGxiYXInO1xuXG46aG9zdCB7XG4gIEBpbmNsdWRlIHNjcm9sbGJhci5zY3JvbGxiYXItdmFyaWFibGVzO1xuICBAaW5jbHVkZSBzY3JvbGxiYXIuc2Nyb2xsYmFyLXJ1bGVzO1xufVxuIiwiQHVzZSAnLi4vbWl4aW5zL3Jlc2V0JztcblxudWwsXG5vbCB7XG4gIEBpbmNsdWRlIHJlc2V0Lmxpc3QtcmVzZXQ7XG59XG4iLCJAdXNlICcuLi9taXhpbnMvcmVzZXQnO1xuXG46aG9zdCg6d2hlcmUoW3BvcG92ZXJdKSksXG4uc2JiLXBvcG92ZXItcmVzZXQ6d2hlcmUoW3BvcG92ZXJdKSB7XG4gIEBpbmNsdWRlIHJlc2V0LnBvcG92ZXItcmVzZXQ7XG59XG4iLCJAdXNlICcuLi9taXhpbnMvYTExeSc7XG5cbi5zYmItc2NyZWVuLXJlYWRlci1vbmx5IHtcbiAgQGluY2x1ZGUgYTExeS5zY3JlZW4tcmVhZGVyLW9ubHk7XG59XG4iLCJpbXBvcnQgeyB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgc2Nyb2xsYmFyU3R5bGVzU3RyaW5nIGZyb20gJy4vZmVhdHVyZXMvc2Nyb2xsYmFyLnNjc3M/aW5saW5lJztcbmltcG9ydCBidXR0b25SZXNldFN0eWxlc1N0cmluZyBmcm9tICcuL2ludGVybmFscy9idXR0b24tcmVzZXQuc2Nzcz9pbmxpbmUnO1xuaW1wb3J0IGhvc3RTY3JvbGxiYXJTdHlsZXNTdHJpbmcgZnJvbSAnLi9pbnRlcm5hbHMvaG9zdC1zY3JvbGxiYXIuc2Nzcz9pbmxpbmUnO1xuaW1wb3J0IGxpc3RSZXNldFN0eWxlc1N0cmluZyBmcm9tICcuL2ludGVybmFscy9saXN0LXJlc2V0LnNjc3M/aW5saW5lJztcbmltcG9ydCBwb3BvdmVyUmVzZXRTdHlsZXNTdHJpbmcgZnJvbSAnLi9pbnRlcm5hbHMvcG9wb3Zlci1yZXNldC5zY3NzP2lubGluZSc7XG5pbXBvcnQgc2NyZWVuUmVhZGVyT25seVN0eWxlc1N0cmluZyBmcm9tICcuL2ludGVybmFscy9zY3JlZW4tcmVhZGVyLW9ubHkuc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uUmVzZXRTdHlsZXMgPSB1bnNhZmVDU1MoYnV0dG9uUmVzZXRTdHlsZXNTdHJpbmcpO1xuZXhwb3J0IGNvbnN0IGhvc3RTY3JvbGxiYXJTdHlsZXMgPSB1bnNhZmVDU1MoaG9zdFNjcm9sbGJhclN0eWxlc1N0cmluZyk7XG5leHBvcnQgY29uc3QgbGlzdFJlc2V0U3R5bGVzID0gdW5zYWZlQ1NTKGxpc3RSZXNldFN0eWxlc1N0cmluZyk7XG5leHBvcnQgY29uc3Qgc2NyZWVuUmVhZGVyT25seVN0eWxlcyA9IHVuc2FmZUNTUyhzY3JlZW5SZWFkZXJPbmx5U3R5bGVzU3RyaW5nKTtcbmV4cG9ydCBjb25zdCBwb3BvdmVyUmVzZXRTdHlsZXMgPSB1bnNhZmVDU1MocG9wb3ZlclJlc2V0U3R5bGVzU3RyaW5nKTtcbmV4cG9ydCBjb25zdCBzY3JvbGxiYXJTdHlsZXMgPSB1bnNhZmVDU1Moc2Nyb2xsYmFyU3R5bGVzU3RyaW5nKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QU1TQSxJQUFhLG9CQUFvQixVQUFVLG9CQUF1QjtBQUNsRSxJQUFhLHNCQUFzQixVQUFVLHNCQUF5QjtBQUN0RSxJQUFhLGtCQUFrQixVQUFVLGtCQUFxQjtBQUM5RCxJQUFhLHlCQUF5QixVQUFVLDBCQUE0QjtBQUM1RSxJQUFhLHFCQUFxQixVQUFVLHFCQUF3QjtBQUNwRSxJQUFhLGtCQUFrQixVQUFVLGlCQUFxQiJ9
package/lean-off-brand-theme.css CHANGED
@@ -2361,6 +2361,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2361
2361
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
2362
2362
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
2363
2363
  );
2364
+ --sbb-scrollbar-track-color: transparent;
2364
2365
  }
2365
2366
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
2366
2367
  width: var(--sbb-scrollbar-width);
@@ -3332,6 +3333,7 @@ sbb-toggle:has(:focus-visible) {
3332
3333
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3333
3334
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3334
3335
  );
3336
+ --sbb-scrollbar-track-color: transparent;
3335
3337
  }
3336
3338
 
3337
3339
  :is(.sbb-scrollbar,
package/lean-safety-theme.css CHANGED
@@ -2361,6 +2361,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2361
2361
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
2362
2362
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
2363
2363
  );
2364
+ --sbb-scrollbar-track-color: transparent;
2364
2365
  }
2365
2366
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
2366
2367
  width: var(--sbb-scrollbar-width);
@@ -3332,6 +3333,7 @@ sbb-toggle:has(:focus-visible) {
3332
3333
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3333
3334
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3334
3335
  );
3336
+ --sbb-scrollbar-track-color: transparent;
3335
3337
  }
3336
3338
 
3337
3339
  :is(.sbb-scrollbar,
package/lean-theme.css CHANGED
@@ -2361,6 +2361,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2361
2361
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
2362
2362
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
2363
2363
  );
2364
+ --sbb-scrollbar-track-color: transparent;
2364
2365
  }
2365
2366
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
2366
2367
  width: var(--sbb-scrollbar-width);
@@ -3332,6 +3333,7 @@ sbb-toggle:has(:focus-visible) {
3332
3333
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3333
3334
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3334
3335
  );
3336
+ --sbb-scrollbar-track-color: transparent;
3335
3337
  }
3336
3338
 
3337
3339
  :is(.sbb-scrollbar,
package/off-brand-theme.css CHANGED
@@ -2361,6 +2361,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2361
2361
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
2362
2362
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
2363
2363
  );
2364
+ --sbb-scrollbar-track-color: transparent;
2364
2365
  }
2365
2366
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
2366
2367
  width: var(--sbb-scrollbar-width);
@@ -3332,6 +3333,7 @@ sbb-toggle:has(:focus-visible) {
3332
3333
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3333
3334
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3334
3335
  );
3336
+ --sbb-scrollbar-track-color: transparent;
3335
3337
  }
3336
3338
 
3337
3339
  :is(.sbb-scrollbar,
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next.3-dev.1780499181",
3
+ "version": "5.0.0-next.3-dev.1780576122",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/fabcca37b27a7d529a68cf9d1f0aa9f53f5ada51"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/631a44e9e46596fbebc0af5bf68a5f854c4f53af"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/safety-theme.css CHANGED
@@ -2361,6 +2361,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2361
2361
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
2362
2362
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
2363
2363
  );
2364
+ --sbb-scrollbar-track-color: transparent;
2364
2365
  }
2365
2366
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
2366
2367
  width: var(--sbb-scrollbar-width);
@@ -3332,6 +3333,7 @@ sbb-toggle:has(:focus-visible) {
3332
3333
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3333
3334
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3334
3335
  );
3336
+ --sbb-scrollbar-track-color: transparent;
3335
3337
  }
3336
3338
 
3337
3339
  :is(.sbb-scrollbar,
package/standard-theme.css CHANGED
@@ -2361,6 +2361,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2361
2361
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
2362
2362
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
2363
2363
  );
2364
+ --sbb-scrollbar-track-color: transparent;
2364
2365
  }
2365
2366
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
2366
2367
  width: var(--sbb-scrollbar-width);
@@ -3332,6 +3333,7 @@ sbb-toggle:has(:focus-visible) {
3332
3333
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3333
3334
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3334
3335
  );
3336
+ --sbb-scrollbar-track-color: transparent;
3335
3337
  }
3336
3338
 
3337
3339
  :is(.sbb-scrollbar,
package/styles-BwvY_TyZ.js ADDED
@@ -0,0 +1,5 @@
1
+ import { unsafeCSS as e } from "lit";
2
+ //#region src/elements/core/styles/features/scrollbar.scss?inline
3
+ var t = ":is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--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}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-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}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-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)))}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-button,:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:is(.sbb-scrollbar-negative,.sbb-scrollbar-thick-negative,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--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)}:is(.sbb-scrollbar-thick-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto}:is(.sbb-scrollbar-track-visible,.sbb-scrollbar-thick-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4)}:is(.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4-negative)}", n = "button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit}", r = ":host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--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}:host::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-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}:host::-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)))}:host::-webkit-scrollbar-button,:host::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}", i = "ul,ol{list-style:none;margin:0;padding:0;font-size:inherit}", a = ":host(:where([popover])),.sbb-popover-reset:where([popover]){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}", o = ".sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", s = e(n), c = e(r), l = e(i), u = e(o), d = e(a), f = e(t);
4
+ //#endregion
5
+ export { u as a, d as i, c as n, f as o, l as r, s as t };
package/styles-Cx8wGnh9.js DELETED
@@ -1,5 +0,0 @@
1
- import { unsafeCSS as e } from "lit";
2
- //#region src/elements/core/styles/features/scrollbar.scss?inline
3
- var t = ":is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--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) )}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-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}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-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)))}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-button,:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:is(.sbb-scrollbar-negative,.sbb-scrollbar-thick-negative,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--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)}:is(.sbb-scrollbar-thick-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto}:is(.sbb-scrollbar-track-visible,.sbb-scrollbar-thick-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4)}:is(.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4-negative)}", n = "button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit}", r = ":host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--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) )}:host::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-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}:host::-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)))}:host::-webkit-scrollbar-button,:host::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}", i = "ul,ol{list-style:none;margin:0;padding:0;font-size:inherit}", a = ":host(:where([popover])),.sbb-popover-reset:where([popover]){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}", o = ".sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", s = e(n), c = e(r), l = e(i), u = e(o), d = e(a), f = e(t);
4
- //#endregion
5
- export { u as a, d as i, c as n, f as o, l as r, s as t };