@sbb-esta/lyne-elements 4.0.0-next.1 → 4.0.0-next.2
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.
- package/alert/alert/alert.component.js +5 -5
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +6 -6
- package/badge.css +3 -3
- package/breadcrumb/breadcrumb/breadcrumb.component.js +4 -4
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +4 -4
- package/button/common.js +1 -1
- package/button/mini-button/mini-button.component.js +1 -1
- package/button.js +1 -1
- package/calendar/calendar.component.js +1 -1
- package/card/card-badge/card-badge.component.js +7 -7
- package/card/card-button/card-button.component.d.ts +1 -1
- package/card/card-link/card-link.component.d.ts +1 -1
- package/carousel/carousel/carousel.component.d.ts +2 -1
- package/carousel/carousel/carousel.component.d.ts.map +1 -1
- package/carousel/carousel/carousel.component.js +33 -28
- package/carousel/carousel-list/carousel-list.component.d.ts +1 -1
- package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -1
- package/carousel/carousel-list/carousel-list.component.js +17 -22
- package/checkbox/checkbox/checkbox.component.d.ts +1 -1
- package/checkbox/common.js +1 -1
- package/checkbox-common-CrwfdL9V.js +5 -0
- package/checkbox.js +1 -1
- package/chip/chip/chip.component.js +3 -3
- package/chip-label/chip-label.component.js +8 -8
- package/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/core/controllers/media-matchers-controller.js +27 -27
- package/core/dom/breakpoint.d.ts +1 -0
- package/core/dom/breakpoint.d.ts.map +1 -1
- package/core/styles/core.scss +46 -47
- package/core/styles/mixins/chip.scss +4 -4
- package/core/styles/mixins/lists.scss +3 -3
- package/core/styles/mixins/panel.scss +2 -2
- package/core/styles/mixins/typo.scss +42 -40
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss +166 -38
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +4 -4
- package/core/styles/typography.scss +6 -6
- package/core.css +83 -84
- package/custom-elements.json +1494 -1515
- package/development/alert/alert/alert.component.js +7 -5
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +3 -3
- package/development/breadcrumb/breadcrumb/breadcrumb.component.js +3 -3
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +3 -3
- package/development/button/common.js +1 -1
- package/development/button/mini-button/mini-button.component.js +2 -2
- package/development/button.js +1 -1
- package/development/calendar/calendar.component.js +15 -15
- package/development/card/card-badge/card-badge.component.js +3 -3
- package/development/card/card-button/card-button.component.d.ts +1 -1
- package/development/card/card-link/card-link.component.d.ts +1 -1
- package/development/carousel/carousel/carousel.component.d.ts +2 -1
- package/development/carousel/carousel/carousel.component.d.ts.map +1 -1
- package/development/carousel/carousel/carousel.component.js +19 -8
- package/development/carousel/carousel-list/carousel-list.component.d.ts +1 -1
- package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -1
- package/development/carousel/carousel-list/carousel-list.component.js +7 -14
- package/development/checkbox/checkbox/checkbox.component.d.ts +1 -1
- package/development/checkbox/common.js +1 -1
- package/development/{checkbox-common-BZFJgZd7.js → checkbox-common-BKjxH3Rp.js} +12 -12
- package/development/checkbox.js +1 -1
- package/development/chip/chip/chip.component.js +3 -3
- package/development/chip-label/chip-label.component.js +6 -6
- package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/development/core/controllers/media-matchers-controller.js +5 -6
- package/development/core/dom/breakpoint.d.ts +1 -0
- package/development/core/dom/breakpoint.d.ts.map +1 -1
- package/development/core/dom/breakpoint.js +1 -1
- package/development/dialog/dialog-close-button/dialog-close-button.component.js +1 -1
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +3 -3
- package/development/file-selector/common.js +1 -1
- package/development/file-selector/file-selector/file-selector.component.d.ts +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +8 -8
- package/development/{file-selector-common-CsFa5XJ-.js → file-selector-common-B-9Eiig3.js} +4 -4
- package/development/file-selector.js +1 -1
- package/development/footer/footer.component.js +3 -3
- package/development/form-error/form-error.component.js +5 -5
- package/development/form-field/form-field/form-field.component.js +14 -14
- package/development/header/common/header-action-common.js +3 -3
- package/development/header/header-button/header-button.component.d.ts +1 -1
- package/development/header/header-environment/header-environment.component.js +3 -3
- package/development/header/header-link/header-link.component.d.ts +1 -1
- package/development/image/image.component.d.ts +0 -1
- package/development/image/image.component.d.ts.map +1 -1
- package/development/image/image.component.js +11 -16
- package/development/link/common/block-link-common.js +10 -10
- package/development/menu/common/menu-action-common.js +3 -3
- package/development/message/message.component.js +6 -6
- package/development/{mini-button-common-Di32bSJj.js → mini-button-common-D1dU4MgN.js} +4 -4
- package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +3 -3
- package/development/navigation/common/navigation-action-common.js +11 -11
- package/development/navigation/navigation-button/navigation-button.component.d.ts +1 -1
- package/development/navigation/navigation-link/navigation-link.component.d.ts +1 -1
- package/development/navigation/navigation-list/navigation-list.component.js +3 -3
- package/development/navigation/navigation-marker/navigation-marker.component.js +9 -9
- package/development/navigation/navigation-section/navigation-section.component.js +5 -5
- package/development/notification/notification.component.js +7 -7
- package/development/option/optgroup/optgroup-base-element.js +3 -3
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option/option-base-element.js +14 -4
- package/development/option/option/option.component.d.ts.map +1 -1
- package/development/option/option/option.component.js +8 -5
- package/development/option/option-hint/option-hint.component.js +3 -3
- package/development/paginator/compact-paginator/compact-paginator.component.d.ts +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.js +3 -3
- package/development/paginator/paginator/paginator.component.d.ts +1 -1
- package/development/paginator/paginator/paginator.component.js +12 -12
- package/development/radio-button/common.js +1 -1
- package/development/radio-button/radio-button/radio-button.component.d.ts +1 -1
- package/development/{radio-button-common-5uawgCpB.js → radio-button-common-BPrInmpg.js} +11 -11
- package/development/radio-button.js +1 -1
- package/development/sbb-tokens-DZrHvErO.js +19 -0
- package/development/select/select.component.js +1 -1
- package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -1
- package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +1 -1
- package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
- package/development/status/status.component.js +4 -4
- package/development/stepper/step/step.component.js +3 -3
- package/development/stepper/step-label/step-label.component.js +15 -15
- package/development/tabs/tab-label/tab-label.component.js +18 -18
- package/development/tag/tag/tag.component.js +7 -7
- package/development/teaser/teaser.component.js +3 -3
- package/development/teaser-hero/teaser-hero.component.js +2 -2
- package/development/teaser-product/common.js +1 -1
- package/development/teaser-product/teaser-product/teaser-product.component.d.ts +1 -1
- package/development/teaser-product/teaser-product-static/teaser-product-static.component.d.ts +1 -1
- package/development/{teaser-product-common-B1KK4iNu.js → teaser-product-common-v3BvyFdH.js} +5 -5
- package/development/teaser-product.js +1 -1
- package/development/timetable-occupancy/timetable-occupancy.component.js +3 -3
- package/development/title/title-base.js +10 -10
- package/development/title/title.component.d.ts +1 -2
- package/development/title/title.component.d.ts.map +1 -1
- package/development/title/title.component.js +25 -13
- package/development/toast/toast.component.js +5 -5
- package/development/toggle/toggle/toggle.component.js +3 -3
- package/development/toggle/toggle-option/toggle-option.component.js +3 -3
- package/development/toggle-check/toggle-check.component.js +11 -11
- package/development/tooltip/tooltip.component.js +3 -3
- package/development/train/train/train.component.js +4 -4
- package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/development/train/train-formation/train-formation.component.js +3 -3
- package/development/train/train-wagon/train-wagon.component.js +9 -9
- package/dialog/dialog-close-button/dialog-close-button.component.js +4 -4
- package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
- package/file-selector/common.js +1 -1
- package/file-selector/file-selector/file-selector.component.d.ts +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +9 -9
- package/{file-selector-common-CUp299VH.js → file-selector-common-DbYkpr-x.js} +1 -1
- package/file-selector.js +1 -1
- package/footer/footer.component.js +1 -1
- package/form-error/form-error.component.js +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/header/common/header-action-common.js +1 -1
- package/header/header-button/header-button.component.d.ts +1 -1
- package/header/header-environment/header-environment.component.js +4 -4
- package/header/header-link/header-link.component.d.ts +1 -1
- package/image/image.component.d.ts +0 -1
- package/image/image.component.d.ts.map +1 -1
- package/image/image.component.js +93 -97
- package/link/common/block-link-common.js +14 -14
- package/lists.css +9 -9
- package/menu/common/menu-action-common.js +1 -1
- package/message/message.component.js +6 -6
- package/mini-button-common-DSGLaplg.js +10 -0
- package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +1 -1
- package/navigation/common/navigation-action-common.js +17 -17
- package/navigation/navigation-button/navigation-button.component.d.ts +1 -1
- package/navigation/navigation-link/navigation-link.component.d.ts +1 -1
- package/navigation/navigation-list/navigation-list.component.js +3 -3
- package/navigation/navigation-marker/navigation-marker.component.js +12 -12
- package/navigation/navigation-section/navigation-section.component.js +5 -5
- package/notification/notification.component.js +1 -1
- package/off-brand-theme.css +136 -137
- package/option/optgroup/optgroup-base-element.js +1 -1
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option/option-base-element.js +30 -20
- package/option/option/option.component.d.ts.map +1 -1
- package/option/option/option.component.js +8 -8
- package/option/option-hint/option-hint.component.js +10 -10
- package/package.json +1 -1
- package/paginator/compact-paginator/compact-paginator.component.d.ts +1 -1
- package/paginator/compact-paginator/compact-paginator.component.js +1 -1
- package/paginator/paginator/paginator.component.d.ts +1 -1
- package/paginator/paginator/paginator.component.js +1 -1
- package/radio-button/common.js +1 -1
- package/radio-button/radio-button/radio-button.component.d.ts +1 -1
- package/radio-button-common-chJrmIBn.js +5 -0
- package/radio-button.js +1 -1
- package/safety-theme.css +140 -141
- package/sbb-tokens-BNWpZrLn.js +11 -0
- package/select/select.component.js +1 -1
- package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts +1 -1
- package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts +1 -1
- package/sidebar/sidebar-title/sidebar-title.component.js +5 -5
- package/standard-theme.css +136 -137
- package/status/status.component.js +4 -4
- package/stepper/step/step.component.js +3 -3
- package/stepper/step-label/step-label.component.js +1 -1
- package/table.css +27 -27
- package/tabs/tab-label/tab-label.component.js +10 -10
- package/tag/tag/tag.component.js +1 -1
- package/teaser/teaser.component.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/teaser-product/common.js +1 -1
- package/teaser-product/teaser-product/teaser-product.component.d.ts +1 -1
- package/teaser-product/teaser-product-static/teaser-product-static.component.d.ts +1 -1
- package/teaser-product-common-a4NenpSA.js +5 -0
- package/teaser-product.js +1 -1
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/title/title-base.js +19 -19
- package/title/title.component.d.ts +1 -2
- package/title/title.component.d.ts.map +1 -1
- package/title/title.component.js +17 -17
- package/toast/toast.component.js +1 -1
- package/toggle/toggle/toggle.component.js +1 -1
- package/toggle/toggle-option/toggle-option.component.js +7 -7
- package/toggle-check/toggle-check.component.js +15 -15
- package/tooltip/tooltip.component.js +5 -5
- package/train/train/train.component.js +1 -1
- package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/train/train-formation/train-formation.component.js +1 -1
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/typography.css +11 -11
- package/checkbox-common-BGA_q9nc.js +0 -5
- package/development/sbb-tokens-DXgmy_b-.js +0 -21
- package/mini-button-common-DBnJfrBZ.js +0 -10
- package/radio-button-common-BT3VkZLM.js +0 -5
- package/sbb-tokens-CB1Hgctn.js +0 -12
- package/teaser-product-common-BwqWqRrK.js +0 -5
|
@@ -2,9 +2,9 @@ import { __esDecorate as o, __runInitializers as p } from "tslib";
|
|
|
2
2
|
import { ResizeController as d } from "@lit-labs/observers/resize-controller.js";
|
|
3
3
|
import { css as h, LitElement as c, html as m } from "lit";
|
|
4
4
|
import { customElement as u } from "lit/decorators.js";
|
|
5
|
-
import { SbbElementInternalsMixin as v, removeAriaElements as
|
|
5
|
+
import { SbbElementInternalsMixin as v, removeAriaElements as g, appendAriaElements as y } from "../../core/mixins.js";
|
|
6
6
|
import { boxSizingStyles as f } from "../../core/styles.js";
|
|
7
|
-
const _ = h`:host{--sbb-step-position: initial;--sbb-step-inset-block-start: unset;--sbb-step-opacity: 0;--sbb-step-display: none;--sbb-step-height: 0;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-step-animation-delay: 0;display:contents}:host([data-selected]){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host([data-orientation=horizontal]){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host([data-orientation=vertical]) .sbb-step--wrapper{margin-inline-start:var(--sbb-spacing-fixed-4x);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host([data-selected][data-orientation=vertical]) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{--sbb-text-font-size: var(--sbb-font-size-
|
|
7
|
+
const _ = h`:host{--sbb-step-position: initial;--sbb-step-inset-block-start: unset;--sbb-step-opacity: 0;--sbb-step-display: none;--sbb-step-height: 0;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-step-animation-delay: 0;display:contents}:host([data-selected]){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host([data-orientation=horizontal]){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host([data-orientation=vertical]) .sbb-step--wrapper{margin-inline-start:var(--sbb-spacing-fixed-4x);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host([data-selected][data-orientation=vertical]) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{--sbb-text-font-size: var(--sbb-text-font-size-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);position:var(--sbb-step-position);width:100%;inset-block-start:var(--sbb-step-inset-block-start);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display);height:var(--sbb-step-height);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}`;
|
|
8
8
|
let E = 0, A = (() => {
|
|
9
9
|
var e;
|
|
10
10
|
let b = [u("sbb-step")], n, r = [], s, l = v(c);
|
|
@@ -80,7 +80,7 @@ let E = 0, A = (() => {
|
|
|
80
80
|
for (; t && t.localName !== "sbb-step-label"; )
|
|
81
81
|
t = t.previousElementSibling;
|
|
82
82
|
const i = t;
|
|
83
|
-
this.internals.ariaLabelledByElements =
|
|
83
|
+
this.internals.ariaLabelledByElements = g(this.internals.ariaLabelledByElements, this._label), this._label = i instanceof Element ? i : null, this.internals.ariaLabelledByElements = y(this.internals.ariaLabelledByElements, this._label);
|
|
84
84
|
}
|
|
85
85
|
render() {
|
|
86
86
|
return m`
|
|
@@ -5,7 +5,7 @@ import { SbbButtonBaseElement as h } from "../../core/base-elements.js";
|
|
|
5
5
|
import { SbbDisabledMixin as v, removeAriaElements as x, appendAriaElements as m } from "../../core/mixins.js";
|
|
6
6
|
import { boxSizingStyles as u } from "../../core/styles.js";
|
|
7
7
|
import { SbbIconNameMixin as g } from "../../icon.js";
|
|
8
|
-
const y = c`:host{--sbb-step-label-color: var(--sbb-color-4);--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-step-label-prefix-size: var(--sbb-size-element-xxs);--sbb-step-label-prefix-border-style: solid;--sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);--sbb-step-label-prefix-background-color: var(--sbb-background-color-1);--sbb-step-label-gap: var(--sbb-spacing-fixed-4x);position:relative;min-width:0;max-width:fit-content}:host:before{--sbb-text-font-size: var(--sbb-font-size-
|
|
8
|
+
const y = c`:host{--sbb-step-label-color: var(--sbb-color-4);--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-step-label-prefix-size: var(--sbb-size-element-xxs);--sbb-step-label-prefix-border-style: solid;--sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);--sbb-step-label-prefix-background-color: var(--sbb-background-color-1);--sbb-step-label-gap: var(--sbb-spacing-fixed-4x);position:relative;min-width:0;max-width:fit-content}:host:before{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);inset-block-start:calc(var(--sbb-text-font-size-l) * var(--sbb-typo-line-height-text) / 2 + var(--sbb-border-width-1x) / 2);inset-inline-start:calc(var(--sbb-step-label-prefix-size) / 2);line-height:1;z-index:1;transform:translate(-50%,calc(-50% + var(--sbb-step-label-translate-y-content-hover, 0rem)));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}@media(forced-colors:active){:host{--sbb-step-label-color: ButtonText;--sbb-step-label-prefix-border-color: ButtonText}}:host([data-selected]){--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;--sbb-step-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host([data-selected]){--sbb-step-label-color: Highlight !important}}:host([data-size=s]){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs)}:host([data-size=s]):before{inset-block-start:calc(var(--sbb-text-font-size-m) * var(--sbb-typo-line-height-text) / 2 + var(--sbb-border-width-1x) / 2)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host([data-orientation=vertical]){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([data-orientation=vertical]:not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host([data-selected][data-orientation=vertical]){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label{--sbb-text-font-size: var(--sbb-text-font-size-l);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;cursor:var(--sbb-step-label-cursor);position:relative;display:flex;gap:var(--sbb-step-label-gap);color:var(--sbb-step-label-color)}:host([data-size=s]) .sbb-step-label{--sbb-text-font-size: var(--sbb-text-font-size-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:calc(1em * var(--sbb-typo-line-height-text) / 2 + var(--sbb-border-width-1x) / 2 - var(--sbb-step-label-prefix-size) / 2)}.sbb-step-label__prefix:before{content:"";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}:host([data-orientation=horizontal]) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}`;
|
|
9
9
|
let z = 0, C = (() => {
|
|
10
10
|
var e;
|
|
11
11
|
let o = [f("sbb-step-label")], i, r = [], s, b = g(v(h));
|
package/table.css
CHANGED
|
@@ -50,11 +50,11 @@
|
|
|
50
50
|
.sbb-table-m thead > tr > th,
|
|
51
51
|
.sbb-table-s thead > tr > th,
|
|
52
52
|
.sbb-table-xs thead > tr > th {
|
|
53
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
53
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
54
54
|
font-family: var(--sbb-typo-font-family);
|
|
55
55
|
font-weight: normal;
|
|
56
|
-
line-height: var(--sbb-typo-line-height-
|
|
57
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
56
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
57
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
58
58
|
font-size: var(--sbb-text-font-size);
|
|
59
59
|
font-weight: bold;
|
|
60
60
|
background-color: var(--sbb-table-background-color);
|
|
@@ -73,11 +73,11 @@
|
|
|
73
73
|
.sbb-table-m tbody > tr > td,
|
|
74
74
|
.sbb-table-s tbody > tr > td,
|
|
75
75
|
.sbb-table-xs tbody > tr > td {
|
|
76
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
76
|
+
--sbb-text-font-size: var(--sbb-text-font-size-s);
|
|
77
77
|
font-family: var(--sbb-typo-font-family);
|
|
78
78
|
font-weight: normal;
|
|
79
|
-
line-height: var(--sbb-typo-line-height-
|
|
80
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
79
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
80
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
81
81
|
font-size: var(--sbb-text-font-size);
|
|
82
82
|
background-color: var(--sbb-table-background-color);
|
|
83
83
|
border-block-end: var(--sbb-table-border);
|
|
@@ -95,11 +95,11 @@
|
|
|
95
95
|
.sbb-table-m caption,
|
|
96
96
|
.sbb-table-s caption,
|
|
97
97
|
.sbb-table-xs caption {
|
|
98
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
98
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
99
99
|
font-family: var(--sbb-typo-font-family);
|
|
100
100
|
font-weight: normal;
|
|
101
|
-
line-height: var(--sbb-typo-line-height-
|
|
102
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
101
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
102
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
103
103
|
font-size: var(--sbb-text-font-size);
|
|
104
104
|
--sbb-table-caption-color-fallback: var(--sbb-color-granite);
|
|
105
105
|
--sbb-table-caption-color-fallback: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
|
|
@@ -122,11 +122,11 @@
|
|
|
122
122
|
--sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-2x);
|
|
123
123
|
}
|
|
124
124
|
.sbb-table-s tbody > tr > td {
|
|
125
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
125
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
126
126
|
font-family: var(--sbb-typo-font-family);
|
|
127
127
|
font-weight: normal;
|
|
128
|
-
line-height: var(--sbb-typo-line-height-
|
|
129
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
128
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
129
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
130
130
|
font-size: var(--sbb-text-font-size);
|
|
131
131
|
}
|
|
132
132
|
|
|
@@ -137,11 +137,11 @@
|
|
|
137
137
|
--sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-1x);
|
|
138
138
|
}
|
|
139
139
|
.sbb-table-xs tbody > tr > td {
|
|
140
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
140
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
141
141
|
font-family: var(--sbb-typo-font-family);
|
|
142
142
|
font-weight: normal;
|
|
143
|
-
line-height: var(--sbb-typo-line-height-
|
|
144
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
143
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
144
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
145
145
|
font-size: var(--sbb-text-font-size);
|
|
146
146
|
}
|
|
147
147
|
|
|
@@ -177,11 +177,11 @@ sbb-table-wrapper[negative] .sbb-table,
|
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
.sbb-table-header-cell {
|
|
180
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
180
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
181
181
|
font-family: var(--sbb-typo-font-family);
|
|
182
182
|
font-weight: normal;
|
|
183
|
-
line-height: var(--sbb-typo-line-height-
|
|
184
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
183
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
184
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
185
185
|
font-size: var(--sbb-text-font-size);
|
|
186
186
|
font-weight: bold;
|
|
187
187
|
background-color: var(--sbb-table-background-color);
|
|
@@ -196,11 +196,11 @@ sbb-table-wrapper[negative] .sbb-table,
|
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
.sbb-table-data-cell {
|
|
199
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
199
|
+
--sbb-text-font-size: var(--sbb-text-font-size-s);
|
|
200
200
|
font-family: var(--sbb-typo-font-family);
|
|
201
201
|
font-weight: normal;
|
|
202
|
-
line-height: var(--sbb-typo-line-height-
|
|
203
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
202
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
203
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
204
204
|
font-size: var(--sbb-text-font-size);
|
|
205
205
|
background-color: var(--sbb-table-background-color);
|
|
206
206
|
border-block-end: var(--sbb-table-border);
|
|
@@ -210,11 +210,11 @@ sbb-table-wrapper[negative] .sbb-table,
|
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
.sbb-table-caption {
|
|
213
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
213
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
214
214
|
font-family: var(--sbb-typo-font-family);
|
|
215
215
|
font-weight: normal;
|
|
216
|
-
line-height: var(--sbb-typo-line-height-
|
|
217
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
216
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
217
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
218
218
|
font-size: var(--sbb-text-font-size);
|
|
219
219
|
--sbb-table-caption-color-fallback: var(--sbb-color-granite);
|
|
220
220
|
--sbb-table-caption-color-fallback: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
|
|
@@ -272,10 +272,10 @@ html.sbb-lean .sbb-table:not(.sbb-table-xs, .sbb-table-m) {
|
|
|
272
272
|
--sbb-table-cell-padding-inline: var(--sbb-spacing-fixed-2x);
|
|
273
273
|
}
|
|
274
274
|
html.sbb-lean .sbb-table:not(.sbb-table-xs, .sbb-table-m) tbody > tr > td {
|
|
275
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
275
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
276
276
|
font-family: var(--sbb-typo-font-family);
|
|
277
277
|
font-weight: normal;
|
|
278
|
-
line-height: var(--sbb-typo-line-height-
|
|
279
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
278
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
279
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
280
280
|
font-size: var(--sbb-text-font-size);
|
|
281
281
|
}
|
|
@@ -2,7 +2,7 @@ var S = (a) => {
|
|
|
2
2
|
throw TypeError(a);
|
|
3
3
|
};
|
|
4
4
|
var E = (a, s, b) => s.has(a) || S("Cannot " + b);
|
|
5
|
-
var
|
|
5
|
+
var d = (a, s, b) => (E(a, s, "read from private field"), b ? b.call(a) : s.get(a)), m = (a, s, b) => s.has(a) ? S("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, b), n = (a, s, b, o) => (E(a, s, "write to private field"), o ? o.call(a, b) : s.set(a, b), b);
|
|
6
6
|
import { __esDecorate as u, __runInitializers as r } from "tslib";
|
|
7
7
|
import { css as B, LitElement as C } from "lit";
|
|
8
8
|
import { customElement as D, property as f } from "lit/decorators.js";
|
|
@@ -11,41 +11,41 @@ import { forceType as $, omitEmptyConverter as N } from "../../core/decorators.j
|
|
|
11
11
|
import { SbbDisabledMixin as A, SbbElementInternalsMixin as G } from "../../core/mixins.js";
|
|
12
12
|
import { boxSizingStyles as j } from "../../core/styles.js";
|
|
13
13
|
import { SbbIconNameMixin as O } from "../../icon.js";
|
|
14
|
-
const U = B`:host{--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-color: var(--sbb-color-granite);--sbb-tab-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-tab-label-line-color: var(--sbb-border-color-4-inverted);--sbb-tab-label-cursor: var(--sbb-cursor-pointer);--sbb-tab-label-pointer-events: unset;--sbb-tab-label-inset: 0;--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-marker-transform: scale(0);--sbb-tab-label-text-decoration: none;--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-animation-easing: var(--sbb-animation-easing);--sbb-tab-label-amount-color: var(--sbb-color-metal);--sbb-tab-label-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));display:inline-block;max-width:100%;pointer-events:var(--sbb-tab-label-pointer-events);-webkit-tap-highlight-color:transparent;outline:none!important}@media(forced-colors:active){:host{--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host([data-size=s]){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs)}:host([disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host([disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host([active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-transform: scale(1)}@media(forced-colors:active){:host([active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(:hover:not([disabled])){--sbb-tab-label-marker-transform: scale(1)}}:host(:active){--sbb-tab-label-color: var(--sbb-color-3)}.sbb-tab-label__wrapper{position:relative}:host(:focus-visible) .sbb-tab-label__wrapper:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);content:"";position:absolute;display:block;inset:0;z-index:1;border-radius:calc(var(--sbb-border-radius-2x) - var(--sbb-focus-outline-offset))}.sbb-tab-label{position:relative;margin:0;min-height:var(--sbb-tab-label-height);display:flex;align-items:center;padding-inline:var(--sbb-tab-label-inline-padding);gap:var(--sbb-spacing-fixed-2x);-webkit-user-select:none;user-select:none;cursor:var(--sbb-tab-label-cursor);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing)}:host([data-has-divider]) .sbb-tab-label:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}.sbb-tab-label:before{position:absolute;content:"";inset-inline:0;inset-block-end:0;height:var(--sbb-border-width-3x);background-color:var(--sbb-tab-label-color);transform:var(--sbb-tab-label-marker-transform);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:transform,background-color;z-index:1}.sbb-tab-label__icon,.sbb-tab-label__text,.sbb-tab-label__amount{text-decoration:var(--sbb-tab-label-text-decoration)}.sbb-tab-label__icon{display:flex;flex-shrink:0;color:var(--sbb-tab-label-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{color:var(--sbb-tab-label-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;--sbb-text-font-size: var(--sbb-font-size-
|
|
14
|
+
const U = B`:host{--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-color: var(--sbb-color-granite);--sbb-tab-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-tab-label-line-color: var(--sbb-border-color-4-inverted);--sbb-tab-label-cursor: var(--sbb-cursor-pointer);--sbb-tab-label-pointer-events: unset;--sbb-tab-label-inset: 0;--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-marker-transform: scale(0);--sbb-tab-label-text-decoration: none;--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-animation-easing: var(--sbb-animation-easing);--sbb-tab-label-amount-color: var(--sbb-color-metal);--sbb-tab-label-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));display:inline-block;max-width:100%;pointer-events:var(--sbb-tab-label-pointer-events);-webkit-tap-highlight-color:transparent;outline:none!important}@media(forced-colors:active){:host{--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host([data-size=s]){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs)}:host([disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host([disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host([active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-transform: scale(1)}@media(forced-colors:active){:host([active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(:hover:not([disabled])){--sbb-tab-label-marker-transform: scale(1)}}:host(:active){--sbb-tab-label-color: var(--sbb-color-3)}.sbb-tab-label__wrapper{position:relative}:host(:focus-visible) .sbb-tab-label__wrapper:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);content:"";position:absolute;display:block;inset:0;z-index:1;border-radius:calc(var(--sbb-border-radius-2x) - var(--sbb-focus-outline-offset))}.sbb-tab-label{position:relative;margin:0;min-height:var(--sbb-tab-label-height);display:flex;align-items:center;padding-inline:var(--sbb-tab-label-inline-padding);gap:var(--sbb-spacing-fixed-2x);-webkit-user-select:none;user-select:none;cursor:var(--sbb-tab-label-cursor);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing)}:host([data-has-divider]) .sbb-tab-label:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}.sbb-tab-label:before{position:absolute;content:"";inset-inline:0;inset-block-end:0;height:var(--sbb-border-width-3x);background-color:var(--sbb-tab-label-color);transform:var(--sbb-tab-label-marker-transform);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:transform,background-color;z-index:1}.sbb-tab-label__icon,.sbb-tab-label__text,.sbb-tab-label__amount{text-decoration:var(--sbb-tab-label-text-decoration)}.sbb-tab-label__icon{display:flex;flex-shrink:0;color:var(--sbb-tab-label-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{color:var(--sbb-tab-label-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;--sbb-text-font-size: var(--sbb-text-font-size-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([data-size=s]) .sbb-tab-label__text{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([data-size=xl]) .sbb-tab-label__text{--sbb-text-font-size: var(--sbb-text-font-size-xl);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{display:flex;color:var(--sbb-tab-label-amount-color);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);--sbb-text-font-size: var(--sbb-text-font-size-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}:host([data-size=s]) .sbb-tab-label__amount{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host([data-size=xl]) .sbb-tab-label__amount{--sbb-text-font-size: var(--sbb-text-font-size-xl);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}`;
|
|
15
15
|
let Y = (() => {
|
|
16
|
-
var c, v,
|
|
16
|
+
var c, v, h, i;
|
|
17
17
|
let a = [D("sbb-tab-label")], s, b = [], o, p = A(O(G(C))), x, g = [], _ = [], y, z = [], w = [], k, T = [], I = [];
|
|
18
18
|
return i = class extends p {
|
|
19
19
|
constructor() {
|
|
20
20
|
super();
|
|
21
21
|
m(this, c);
|
|
22
22
|
m(this, v);
|
|
23
|
-
m(this,
|
|
24
|
-
this._selected = !1, n(this, c, r(this, g, "1")), n(this, v, (r(this, _), r(this, z, !1))), n(this,
|
|
23
|
+
m(this, h);
|
|
24
|
+
this._selected = !1, n(this, c, r(this, g, "1")), n(this, v, (r(this, _), r(this, z, !1))), n(this, h, (r(this, w), r(this, T, ""))), r(this, I), this.addEventListener("click", () => this.activate());
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
27
|
* The level will correspond to the heading tag generated in the title.
|
|
28
28
|
* Use this property to generate the appropriate header tag, taking SEO into consideration.
|
|
29
29
|
*/
|
|
30
30
|
get level() {
|
|
31
|
-
return
|
|
31
|
+
return d(this, c);
|
|
32
32
|
}
|
|
33
33
|
set level(t) {
|
|
34
34
|
n(this, c, t);
|
|
35
35
|
}
|
|
36
36
|
/** Active tab state. */
|
|
37
37
|
get active() {
|
|
38
|
-
return
|
|
38
|
+
return d(this, v);
|
|
39
39
|
}
|
|
40
40
|
set active(t) {
|
|
41
41
|
n(this, v, t);
|
|
42
42
|
}
|
|
43
43
|
/** Amount displayed inside the tab. */
|
|
44
44
|
get amount() {
|
|
45
|
-
return
|
|
45
|
+
return d(this, h);
|
|
46
46
|
}
|
|
47
47
|
set amount(t) {
|
|
48
|
-
n(this,
|
|
48
|
+
n(this, h, t);
|
|
49
49
|
}
|
|
50
50
|
/** Get the `sbb-tab` related to the `sbb-tab-label`. */
|
|
51
51
|
get tab() {
|
|
@@ -107,7 +107,7 @@ let Y = (() => {
|
|
|
107
107
|
</div>
|
|
108
108
|
`;
|
|
109
109
|
}
|
|
110
|
-
}, c = new WeakMap(), v = new WeakMap(),
|
|
110
|
+
}, c = new WeakMap(), v = new WeakMap(), h = new WeakMap(), o = i, (() => {
|
|
111
111
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
|
|
112
112
|
x = [f()], y = [$(), f({ reflect: !0, type: Boolean })], k = [$(), f({ reflect: !0, converter: N })], u(i, null, x, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (e) => "level" in e, get: (e) => e.level, set: (e, l) => {
|
|
113
113
|
e.level = l;
|
package/tag/tag/tag.component.js
CHANGED
|
@@ -12,7 +12,7 @@ import { isLean as j } from "../../core/dom.js";
|
|
|
12
12
|
import { SbbDisabledTabIndexActionMixin as M } from "../../core/mixins.js";
|
|
13
13
|
import { boxSizingStyles as R } from "../../core/styles.js";
|
|
14
14
|
import { SbbIconNameMixin as U } from "../../icon.js";
|
|
15
|
-
const Y = V`:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-background-color-1);--sbb-tag-border-color: var(--sbb-border-color-4-inverted);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-2);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: var(--sbb-cursor-pointer);--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([data-checked]){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host([data-checked]){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([data-checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-font-size-
|
|
15
|
+
const Y = V`:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-background-color-1);--sbb-tag-border-color: var(--sbb-border-color-4-inverted);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-2);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: var(--sbb-cursor-pointer);--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([data-checked]){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host([data-checked]){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([data-checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
|
|
16
16
|
let at = (() => {
|
|
17
17
|
var c, d, h, g, i;
|
|
18
18
|
let a = [A("sbb-tag")], s, r = [], b, f = U(M(H)), x, _ = [], k = [], y, w = [], z = [], E, S = [], C = [], T, I = [], B = [];
|
|
@@ -10,7 +10,7 @@ import { SbbLinkBaseElement as k } from "../core/base-elements.js";
|
|
|
10
10
|
import { boxSizingStyles as S } from "../core/styles.js";
|
|
11
11
|
import { css as z } from "lit";
|
|
12
12
|
import "../screen-reader-only.js";
|
|
13
|
-
const E = z`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:"";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{--sbb-text-font-size: var(--sbb-font-size-
|
|
13
|
+
const E = z`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:"";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
|
|
14
14
|
let O = (() => {
|
|
15
15
|
var l, n;
|
|
16
16
|
let e = [y("sbb-teaser")], s, a = [], i, d = k, m, h = [], p = [];
|
|
@@ -11,7 +11,7 @@ import { SbbLinkBaseElement as w } from "../core/base-elements.js";
|
|
|
11
11
|
import { forceType as z, omitEmptyConverter as S } from "../core/decorators.js";
|
|
12
12
|
import { boxSizingStyles as E } from "../core/styles.js";
|
|
13
13
|
import "../link/block-link-static.js";
|
|
14
|
-
const T = k`:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-
|
|
14
|
+
const T = k`:host{display:block;outline:none!important;--sbb-panel-width: 13.9375rem;--sbb-panel-inner-height: 10.4375rem;--sbb-panel-triangle-height: 2.0625rem;--sbb-panel-height: calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));--sbb-panel-line-height: var(--sbb-typo-line-height-heading);--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);--sbb-panel-color: var(--sbb-color-1-negative);--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);--sbb-panel-background-color-hover: var(--sbb-color-primary);--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);--sbb-panel-gap: var(--sbb-spacing-responsive-xs);--sbb-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-panel-animation-easing: var(--sbb-animation-easing)}@media(min-width:64rem){:host{--sbb-panel-width: 20.0625rem;--sbb-panel-inner-height: 15.006875rem;--sbb-panel-triangle-height: 2.965625rem;--sbb-panel-font-size: var(--sbb-typo-scale-2x)}}@media(min-width:64rem){:host{--sbb-panel-width: 26.75rem;--sbb-panel-inner-height: 20.02375rem;--sbb-panel-triangle-height: 3.956875rem;--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);--sbb-panel-line-height: 1.2}}@media(any-hover:hover){:host(:hover){--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}::slotted([slot=image]){width:100%}.sbb-teaser-hero{position:relative;display:flex;min-height:var(--sbb-panel-height);text-decoration:none}.sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-teaser-hero__panel{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0,100% var(--sbb-panel-triangle-height),100% calc(100% - var(--sbb-panel-triangle-height)),0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing)}@media(any-hover:hover){.sbb-teaser-hero__panel:hover{--sbb-panel-background-color: var(--sbb-panel-background-color-hover)}}.sbb-teaser-hero__panel{position:absolute;top:50%;transform:translateY(-50%)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) .sbb-teaser-hero__panel{display:none}.sbb-teaser-hero__panel-text{font-family:var(--sbb-typo-font-family);font-size:var(--sbb-panel-font-size);font-weight:300;line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-heading);color:var(--sbb-panel-color);-webkit-hyphens:auto;hyphens:auto;display:inline;margin:0;padding:0}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}`;
|
|
15
15
|
let P = (() => {
|
|
16
16
|
var o, s;
|
|
17
17
|
let e = [y("sbb-teaser-hero")], t, a = [], n, b = w, p, c = [], h = [];
|
package/teaser-product/common.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SbbTeaserProductCommonElementMixin as r } from "./common/teaser-product-common.js";
|
|
2
|
-
import { t as m } from "../teaser-product-common-
|
|
2
|
+
import { t as m } from "../teaser-product-common-a4NenpSA.js";
|
|
3
3
|
export {
|
|
4
4
|
r as SbbTeaserProductCommonElementMixin,
|
|
5
5
|
m as teaserProductCommonStyle
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSResultGroup, TemplateResult } from 'lit';
|
|
2
2
|
import { SbbLinkBaseElement } from '../../core/base-elements.js';
|
|
3
|
-
declare const SbbTeaserProductElement_base: import('../../core/mixins.
|
|
3
|
+
declare const SbbTeaserProductElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
|
|
4
4
|
/**
|
|
5
5
|
* Displays a text and a footnote, combined with an image, to tease a product
|
|
6
6
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSResultGroup } from 'lit';
|
|
2
2
|
import { SbbActionBaseElement } from '../../core/base-elements.js';
|
|
3
|
-
declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.
|
|
3
|
+
declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
|
|
4
4
|
/**
|
|
5
5
|
* Displays a text and a footnote, combined with an image, to tease a product.
|
|
6
6
|
*
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { css as r } from "lit";
|
|
2
|
+
const e = r`:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-4);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-footer-color: light-dark( var(--sbb-color-anthracite), var(--sbb-color-cloud) );--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media(min-width:64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-background-color-1-negative);--sbb-teaser-product-content-color: var(--sbb-color-4-negative);--sbb-teaser-product-footer-color: var(--sbb-color-4-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-3-negative)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media(min-width:64rem){.sbb-teaser-product__image-container{position:absolute;inset:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){margin-block-start:0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media(forced-colors:active){.sbb-teaser-product__root:after{content:"";position:absolute;display:block;inset:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media(min-width:64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media(min-width:64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))) .sbb-teaser-product__footnote{padding-block-start:0}@media(min-width:64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
|
|
3
|
+
export {
|
|
4
|
+
e as t
|
|
5
|
+
};
|
package/teaser-product.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SbbTeaserProductElement as r } from "./teaser-product/teaser-product/teaser-product.component.js";
|
|
2
2
|
import { SbbTeaserProductStaticElement as m } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
|
|
3
3
|
import { SbbTeaserProductCommonElementMixin as b } from "./teaser-product/common/teaser-product-common.js";
|
|
4
|
-
import { t as c } from "./teaser-product-common-
|
|
4
|
+
import { t as c } from "./teaser-product-common-a4NenpSA.js";
|
|
5
5
|
export {
|
|
6
6
|
b as SbbTeaserProductCommonElementMixin,
|
|
7
7
|
r as SbbTeaserProductElement,
|
|
@@ -12,7 +12,7 @@ import { SbbNegativeMixin as j } from "../core/mixins.js";
|
|
|
12
12
|
import { boxSizingStyles as L } from "../core/styles.js";
|
|
13
13
|
import "../screen-reader-only.js";
|
|
14
14
|
import "../timetable-occupancy-icon.js";
|
|
15
|
-
const T = S`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-font-size-
|
|
15
|
+
const T = S`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}`;
|
|
16
16
|
let Q = (() => {
|
|
17
17
|
var l, r, n;
|
|
18
18
|
let s = [E("sbb-timetable-occupancy")], t, a = [], i, h = j($), d, _ = [], g = [], O, C = [], v = [];
|
package/title/title-base.js
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
var d = (e) => {
|
|
2
2
|
throw TypeError(e);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
import { __esDecorate as
|
|
7
|
-
import { css as
|
|
8
|
-
import { property as
|
|
4
|
+
var z = (e, t, l) => t.has(e) || d("Cannot " + l);
|
|
5
|
+
var h = (e, t, l) => (z(e, t, "read from private field"), l ? l.call(e) : t.get(e)), u = (e, t, l) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), c = (e, t, l, r) => (z(e, t, "write to private field"), r ? r.call(e, l) : t.set(e, l), l);
|
|
6
|
+
import { __esDecorate as p, __runInitializers as o } from "tslib";
|
|
7
|
+
import { css as y, LitElement as L } from "lit";
|
|
8
|
+
import { property as _ } from "lit/decorators.js";
|
|
9
9
|
import { html as x } from "lit/static-html.js";
|
|
10
10
|
import { SbbElementInternalsMixin as w } from "../core/mixins.js";
|
|
11
|
-
const k =
|
|
11
|
+
const k = y`:host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal: var(--sbb-title-text-color-normal-override, var(--sbb-color-3));display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1-lean, var(--sbb-heading-font-size-1))}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3-lean, var(--sbb-heading-font-size-3))}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5-lean, var(--sbb-heading-font-size-5))}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text)}`;
|
|
12
12
|
let M = (() => {
|
|
13
|
-
var
|
|
14
|
-
let e = w(L), t, l = [], r = [], f, m = [],
|
|
13
|
+
var v, n, a;
|
|
14
|
+
let e = w(L), t, l = [], r = [], f, m = [], g = [];
|
|
15
15
|
return a = class extends e {
|
|
16
16
|
constructor() {
|
|
17
17
|
super(...arguments);
|
|
18
|
-
u(this,
|
|
19
|
-
u(this,
|
|
20
|
-
|
|
18
|
+
u(this, v, o(this, l, "1"));
|
|
19
|
+
u(this, n, (o(this, r), o(this, m, null)));
|
|
20
|
+
o(this, g);
|
|
21
21
|
}
|
|
22
22
|
/** Title level */
|
|
23
23
|
get level() {
|
|
24
|
-
return
|
|
24
|
+
return h(this, v);
|
|
25
25
|
}
|
|
26
26
|
set level(s) {
|
|
27
|
-
|
|
27
|
+
c(this, v, s);
|
|
28
28
|
}
|
|
29
29
|
/** Visual level for the title. */
|
|
30
30
|
get visualLevel() {
|
|
31
|
-
return
|
|
31
|
+
return h(this, n);
|
|
32
32
|
}
|
|
33
33
|
set visualLevel(s) {
|
|
34
|
-
|
|
34
|
+
c(this, n, s);
|
|
35
35
|
}
|
|
36
36
|
willUpdate(s) {
|
|
37
37
|
super.willUpdate(s), s.has("level") && (this.internals.ariaLevel = this.level);
|
|
@@ -39,13 +39,13 @@ let M = (() => {
|
|
|
39
39
|
render() {
|
|
40
40
|
return x`<slot></slot>`;
|
|
41
41
|
}
|
|
42
|
-
},
|
|
42
|
+
}, v = new WeakMap(), n = new WeakMap(), (() => {
|
|
43
43
|
const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
|
|
44
|
-
t = [
|
|
44
|
+
t = [_({ reflect: !0 })], f = [_({ attribute: "visual-level", reflect: !0 })], p(a, null, t, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (i) => "level" in i, get: (i) => i.level, set: (i, b) => {
|
|
45
45
|
i.level = b;
|
|
46
|
-
} }, metadata: s }, l, r),
|
|
46
|
+
} }, metadata: s }, l, r), p(a, null, f, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (i) => "visualLevel" in i, get: (i) => i.visualLevel, set: (i, b) => {
|
|
47
47
|
i.visualLevel = b;
|
|
48
|
-
} }, metadata: s }, m,
|
|
48
|
+
} }, metadata: s }, m, g), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
|
|
49
49
|
})(), a.role = "heading", a.styles = k, a;
|
|
50
50
|
})();
|
|
51
51
|
export {
|
|
@@ -4,8 +4,7 @@ declare const SbbTitleElement_base: import('../core/mixins.js').AbstractConstruc
|
|
|
4
4
|
/**
|
|
5
5
|
* @slot - Use the unnamed slot for the content of the title.
|
|
6
6
|
*
|
|
7
|
-
* @cssprop [--sbb-title-margin-block
|
|
8
|
-
* @cssprop [--sbb-title-margin-block-end=var(--sbb-spacing-responsive-s)] - Margin block end of the title.
|
|
7
|
+
* @cssprop [--sbb-title-margin-block] - Margin block of the title.
|
|
9
8
|
*/
|
|
10
9
|
export declare class SbbTitleElement extends SbbTitleElement_base {
|
|
11
10
|
static styles: CSSResultGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title.component.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAGnE
|
|
1
|
+
{"version":3,"file":"title.component.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAGnE;;;;GAIG;AACH,qBAEM,eAAgB,SAAQ,oBAA8B;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAE7E,yFAAyF;IACzF,SACyB,WAAW,EAAE,aAAa,GAAG,IAAI,CAAQ;CACnE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
|
package/title/title.component.js
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
var u = (e) => {
|
|
2
2
|
throw TypeError(e);
|
|
3
3
|
};
|
|
4
|
-
var g = (e, l,
|
|
5
|
-
var
|
|
6
|
-
import { __esDecorate as
|
|
4
|
+
var g = (e, l, a) => l.has(e) || u("Cannot " + a);
|
|
5
|
+
var h = (e, l, a) => (g(e, l, "read from private field"), a ? a.call(e) : l.get(e)), d = (e, l, a) => l.has(e) ? u("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(e) : l.set(e, a), k = (e, l, a, t) => (g(e, l, "write to private field"), t ? t.call(e, a) : l.set(e, a), a);
|
|
6
|
+
import { __esDecorate as _, __runInitializers as n } from "tslib";
|
|
7
7
|
import { customElement as y, property as L } from "lit/decorators.js";
|
|
8
8
|
import { SbbNegativeMixin as S } from "../core/mixins.js";
|
|
9
|
-
import { SbbTitleBase as
|
|
9
|
+
import { SbbTitleBase as p } from "./title-base.js";
|
|
10
10
|
import { css as w } from "lit";
|
|
11
|
-
const x = w`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block
|
|
11
|
+
const x = w`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-1-lean, var(--sbb-heading-margin-block-1) )}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-2-lean, var(--sbb-heading-margin-block-2) )}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-3-lean, var(--sbb-heading-margin-block-3) )}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-4-lean, var(--sbb-heading-margin-block-4) )}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-5-lean, var(--sbb-heading-margin-block-5) )}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-6-lean, var(--sbb-heading-margin-block-6) )}`;
|
|
12
12
|
let B = (() => {
|
|
13
13
|
var r, s;
|
|
14
|
-
let e = [y("sbb-title")], l,
|
|
15
|
-
return s = class extends
|
|
14
|
+
let e = [y("sbb-title")], l, a = [], t, v = S(p), o, c = [], m = [];
|
|
15
|
+
return s = class extends v {
|
|
16
16
|
constructor() {
|
|
17
17
|
super(...arguments);
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
d(this, r, n(this, c, null));
|
|
19
|
+
n(this, m);
|
|
20
20
|
}
|
|
21
21
|
/** Visual level for the title. Optional, if not set, the value of level will be used. */
|
|
22
22
|
get visualLevel() {
|
|
23
|
-
return
|
|
23
|
+
return h(this, r);
|
|
24
24
|
}
|
|
25
25
|
set visualLevel(i) {
|
|
26
|
-
|
|
26
|
+
k(this, r, i);
|
|
27
27
|
}
|
|
28
|
-
}, r = new WeakMap(),
|
|
29
|
-
const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
30
|
-
|
|
31
|
-
b.visualLevel =
|
|
32
|
-
} }, metadata: i }, c, m),
|
|
33
|
-
})(), s.styles = [
|
|
28
|
+
}, r = new WeakMap(), t = s, (() => {
|
|
29
|
+
const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
|
|
30
|
+
o = [L({ attribute: "visual-level", reflect: !0 })], _(s, null, o, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (b) => "visualLevel" in b, get: (b) => b.visualLevel, set: (b, f) => {
|
|
31
|
+
b.visualLevel = f;
|
|
32
|
+
} }, metadata: i }, c, m), _(null, l = { value: t }, e, { kind: "class", name: t.name, metadata: i }, null, a), t = l.value, i && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
|
|
33
|
+
})(), s.styles = [p.styles, x], n(t, a), t;
|
|
34
34
|
})();
|
|
35
35
|
export {
|
|
36
36
|
B as SbbTitleElement
|