@sbb-esta/lyne-elements-dev 4.6.0-dev.1772444497 → 4.6.0-dev.1772446524
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/core/styles/core.scss +6 -0
- package/core.css +9 -0
- package/development/footer/footer.component.js +4 -19
- package/footer/footer.component.js +22 -22
- package/off-brand-theme.css +9 -0
- package/package.json +2 -2
- package/safety-theme.css +9 -0
- package/standard-theme.css +9 -0
package/core/styles/core.scss
CHANGED
|
@@ -82,6 +82,9 @@ $theme: 'standard' !default;
|
|
|
82
82
|
expansion-panel-header with (
|
|
83
83
|
$theme: $theme
|
|
84
84
|
);
|
|
85
|
+
@use '../../footer/footer.global' as footer with (
|
|
86
|
+
$theme: $theme
|
|
87
|
+
);
|
|
85
88
|
@use '../../radio-button/common/radio-button-common.global' as radio-button-common with (
|
|
86
89
|
$theme: $theme
|
|
87
90
|
);
|
|
@@ -137,6 +140,7 @@ $theme: 'standard' !default;
|
|
|
137
140
|
@include expansion-panel.base;
|
|
138
141
|
@include expansion-panel-content.base;
|
|
139
142
|
@include expansion-panel-header.base;
|
|
143
|
+
@include footer.base;
|
|
140
144
|
@include radio-button-common.base;
|
|
141
145
|
@include radio-button-group.base;
|
|
142
146
|
@include selection-action-panel.base;
|
|
@@ -217,6 +221,8 @@ $theme: 'standard' !default;
|
|
|
217
221
|
|
|
218
222
|
@include mediaqueries.mq($from: small) {
|
|
219
223
|
@include sbb-css-tokens.breakpoint-small;
|
|
224
|
+
|
|
225
|
+
@include footer.base-breakpoint-small;
|
|
220
226
|
}
|
|
221
227
|
|
|
222
228
|
@include mediaqueries.mq($from: large) {
|
package/core.css
CHANGED
|
@@ -1439,6 +1439,14 @@
|
|
|
1439
1439
|
--sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
|
|
1440
1440
|
--sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
|
|
1441
1441
|
--sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
|
|
1442
|
+
--sbb-footer-background-color: var(--sbb-background-color-3);
|
|
1443
|
+
--sbb-footer-clock-width: 4.75rem;
|
|
1444
|
+
--sbb-footer-color: var(--sbb-color-granite);
|
|
1445
|
+
--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
|
|
1446
|
+
--sbb-footer-font-size: var(--sbb-text-font-size-s);
|
|
1447
|
+
--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
|
|
1448
|
+
--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
|
|
1449
|
+
--sbb-footer-padding-block: var(--sbb-spacing-responsive-l);
|
|
1442
1450
|
--sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
|
|
1443
1451
|
--sbb-radio-button-label-color: var(--sbb-color-3);
|
|
1444
1452
|
--sbb-radio-button-background-color: var(--sbb-background-color-1);
|
|
@@ -1582,6 +1590,7 @@
|
|
|
1582
1590
|
--sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
|
|
1583
1591
|
--sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
|
|
1584
1592
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
|
|
1593
|
+
--sbb-footer-clock-width: 7rem;
|
|
1585
1594
|
}
|
|
1586
1595
|
}
|
|
1587
1596
|
@media (min-width: calc(64rem)) {
|
|
@@ -13,19 +13,8 @@ import { forceType } from "../core/decorators.js";
|
|
|
13
13
|
import { SbbNegativeMixin } from "../core/mixins.js";
|
|
14
14
|
import { boxSizingStyles } from "../core/styles.js";
|
|
15
15
|
const style = css`:host {
|
|
16
|
-
display: block;
|
|
17
|
-
--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
|
|
18
|
-
--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
|
|
19
|
-
--sbb-footer-background-color: var(--sbb-background-color-3);
|
|
20
|
-
--sbb-footer-clock-width: 4.75rem;
|
|
21
|
-
--sbb-footer-color: var(--sbb-color-granite);
|
|
22
|
-
--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
|
|
23
16
|
--sbb-link-text-decoration-line: none;
|
|
24
|
-
|
|
25
|
-
@media (min-width: calc(37.5rem)) {
|
|
26
|
-
:host {
|
|
27
|
-
--sbb-footer-clock-width: 7rem;
|
|
28
|
-
}
|
|
17
|
+
display: block;
|
|
29
18
|
}
|
|
30
19
|
|
|
31
20
|
:host([negative]) {
|
|
@@ -35,14 +24,10 @@ const style = css`:host {
|
|
|
35
24
|
}
|
|
36
25
|
|
|
37
26
|
.sbb-footer {
|
|
38
|
-
|
|
39
|
-
font-family: var(--sbb-typo-font-family);
|
|
40
|
-
font-weight: normal;
|
|
41
|
-
line-height: var(--sbb-typo-line-height-text);
|
|
27
|
+
font-size: var(--sbb-footer-font-size);
|
|
42
28
|
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
43
|
-
font-size: var(--sbb-text-font-size);
|
|
44
29
|
color: var(--sbb-footer-color);
|
|
45
|
-
padding-block: var(--sbb-
|
|
30
|
+
padding-block: var(--sbb-footer-padding-block);
|
|
46
31
|
background-color: var(--sbb-footer-background-color);
|
|
47
32
|
}
|
|
48
33
|
@media (forced-colors: active) {
|
|
@@ -269,4 +254,4 @@ let SbbFooterElement = (() => {
|
|
|
269
254
|
export {
|
|
270
255
|
SbbFooterElement
|
|
271
256
|
};
|
|
272
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZm9vdGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBmb290ZXIgc2VjdGlvbiBmb3IgdGhlIHBhZ2UuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgZWxlbWVudHMgbGlrZSBgc2JiLWJsb2NrLWxpbmtgLCBgc2JiLWxpbmstbGlzdGAsIGBzYmItZGl2aWRlcmAgYW5kIHNvIG9uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZm9vdGVyJylcbmNsYXNzIFNiYkZvb3RlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKlxuICAgKiBWYXJpYW50cyB0byBkaXNwbGF5IHRoZSBmb290ZXIuIFRoZSBkZWZhdWx0LCBkaXNwbGF5cyB0aGUgY29udGVudCBpbiByZWd1bGFyIGJsb2NrIGVsZW1lbnRcbiAgICogYXBwcm9hY2guIFRoZSBjbG9jay1jb2x1bW5zLCB1c2VkIGEgQ1NTLWdyaWQgZm9yIGRpc3BsYXlpbmcgdGhlIGNvbnRlbnQgb3ZlciBkaWZmZXJlbnRcbiAgICogYnJlYWtwb2ludHMuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB2YXJpYW50OiAnZGVmYXVsdCcgfCAnY2xvY2stY29sdW1ucycgPSAnZGVmYXVsdCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gYWxsb3cgdGhlIGZvb3RlciBjb250ZW50IHRvIHN0cmV0Y2ggdG8gZnVsbCB3aWR0aC5cbiAgICogQnkgZGVmYXVsdCwgdGhlIGNvbnRlbnQgaGFzIHRoZSBhcHByb3ByaWF0ZSBwYWdlIHNpemUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogRm9vdGVyIHRpdGxlIHRleHQsIHZpc3VhbGx5IGhpZGRlbiwgbmVjZXNzYXJ5IGZvciBzY3JlZW4gcmVhZGVycy4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBMZXZlbCBvZiB0aGUgYWNjZXNzaWJpbGl0eSB0aXRsZSwgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMSkuIERlZmF1bHRzIHRvIGxldmVsIDEuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUSVRMRV9UQUdfTkFNRSA9IGBoJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZUxldmVsfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICBjb25zdCBhY2Nlc3NpYmlsaXR5VGl0bGUgPSBodG1sYDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLWZvb3Rlcl9fdGl0bGVcIlxuICAgICAgICA+JHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZX08LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+YDtcbiAgICAvKiBlc2xpbnQtZW5hYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8Zm9vdGVyIGNsYXNzPVwic2JiLWZvb3RlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWZvb3Rlci13cmFwcGVyXCI+XG4gICAgICAgICAgJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZSA/IGFjY2Vzc2liaWxpdHlUaXRsZSA6IG5vdGhpbmd9XG4gICAgICAgICAgPHNsb3Q+
|
|
257
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZm9vdGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBmb290ZXIgc2VjdGlvbiBmb3IgdGhlIHBhZ2UuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgZWxlbWVudHMgbGlrZSBgc2JiLWJsb2NrLWxpbmtgLCBgc2JiLWxpbmstbGlzdGAsIGBzYmItZGl2aWRlcmAgYW5kIHNvIG9uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZm9vdGVyJylcbmNsYXNzIFNiYkZvb3RlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKlxuICAgKiBWYXJpYW50cyB0byBkaXNwbGF5IHRoZSBmb290ZXIuIFRoZSBkZWZhdWx0LCBkaXNwbGF5cyB0aGUgY29udGVudCBpbiByZWd1bGFyIGJsb2NrIGVsZW1lbnRcbiAgICogYXBwcm9hY2guIFRoZSBjbG9jay1jb2x1bW5zLCB1c2VkIGEgQ1NTLWdyaWQgZm9yIGRpc3BsYXlpbmcgdGhlIGNvbnRlbnQgb3ZlciBkaWZmZXJlbnRcbiAgICogYnJlYWtwb2ludHMuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB2YXJpYW50OiAnZGVmYXVsdCcgfCAnY2xvY2stY29sdW1ucycgPSAnZGVmYXVsdCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gYWxsb3cgdGhlIGZvb3RlciBjb250ZW50IHRvIHN0cmV0Y2ggdG8gZnVsbCB3aWR0aC5cbiAgICogQnkgZGVmYXVsdCwgdGhlIGNvbnRlbnQgaGFzIHRoZSBhcHByb3ByaWF0ZSBwYWdlIHNpemUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogRm9vdGVyIHRpdGxlIHRleHQsIHZpc3VhbGx5IGhpZGRlbiwgbmVjZXNzYXJ5IGZvciBzY3JlZW4gcmVhZGVycy4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBMZXZlbCBvZiB0aGUgYWNjZXNzaWJpbGl0eSB0aXRsZSwgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMSkuIERlZmF1bHRzIHRvIGxldmVsIDEuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5VGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUSVRMRV9UQUdfTkFNRSA9IGBoJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZUxldmVsfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICBjb25zdCBhY2Nlc3NpYmlsaXR5VGl0bGUgPSBodG1sYDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLWZvb3Rlcl9fdGl0bGVcIlxuICAgICAgICA+JHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZX08LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+YDtcbiAgICAvKiBlc2xpbnQtZW5hYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8Zm9vdGVyIGNsYXNzPVwic2JiLWZvb3RlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWZvb3Rlci13cmFwcGVyXCI+XG4gICAgICAgICAgJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZSA/IGFjY2Vzc2liaWxpdHlUaXRsZSA6IG5vdGhpbmd9XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZm9vdGVyPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mb290ZXInOiBTYmJGb290ZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJNLG9CQUFnQixNQUFBOzswQkFEckIsY0FBYyxZQUFZLENBQUM7Ozs7b0JBQ0csaUJBQWlCLFVBQVU7Ozs7Ozs7Ozs7Ozs7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQVE1QixvREFBQSxrQkFBQSxNQUFBLHVCQUF1RCxTQUFTO0FBUTdGLHNEQUFBLGtCQUFBLE1BQUEsMEJBQUEsR0FBQSxrQkFBQSxNQUFBLHdCQUFvQyxLQUFLO0FBS3pDLGdFQUFBLGtCQUFBLE1BQUEsMkJBQUEsR0FBQSxrQkFBQSxNQUFBLGtDQUE2QyxFQUFFO0FBSS9DLHFFQUFBLGtCQUFBLE1BQUEscUNBQUEsR0FBQSxrQkFBQSxNQUFBLHVDQUF5RCxHQUFHOzs7Ozs7OztJQWpCL0IsSUFBZ0IsVUFBTztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBdkIsSUFBZ0IsUUFBTyxPQUFBO0FBQUEseUJBQUEsMkJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQVFwRCxJQUFnQixXQUFRO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF4QixJQUFnQixTQUFRLE9BQUE7QUFBQSx5QkFBQSw0QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBS3hCLElBQWdCLHFCQUFrQjtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBbEMsSUFBZ0IsbUJBQWtCLE9BQUE7QUFBQSx5QkFBQSxzQ0FBQTtBQUFBLElBQUE7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
|
|
@@ -2,26 +2,26 @@ var j = (i) => {
|
|
|
2
2
|
throw TypeError(i);
|
|
3
3
|
};
|
|
4
4
|
var D = (i, s, a) => s.has(i) || j("Cannot " + a);
|
|
5
|
-
var h = (i, s, a) => (D(i, s, "read from private field"), a ? a.call(i) : s.get(i)), v = (i, s, a) => s.has(i) ? j("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), p = (i, s, a,
|
|
6
|
-
import { __esDecorate as
|
|
5
|
+
var h = (i, s, a) => (D(i, s, "read from private field"), a ? a.call(i) : s.get(i)), v = (i, s, a) => s.has(i) ? j("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), p = (i, s, a, l) => (D(i, s, "write to private field"), l ? l.call(i, a) : s.set(i, a), a);
|
|
6
|
+
import { __esDecorate as u, __runInitializers as r } from "tslib";
|
|
7
7
|
import { css as O, LitElement as B, nothing as C } from "lit";
|
|
8
|
-
import { customElement as F, property as
|
|
8
|
+
import { customElement as F, property as g } from "lit/decorators.js";
|
|
9
9
|
import { unsafeStatic as A, html as M } from "lit/static-html.js";
|
|
10
10
|
import { forceType as N } from "../core/decorators.js";
|
|
11
11
|
import { SbbNegativeMixin as G } from "../core/mixins.js";
|
|
12
12
|
import { boxSizingStyles as P } from "../core/styles.js";
|
|
13
|
-
const q = O`:host{
|
|
13
|
+
const q = O`:host{--sbb-link-text-decoration-line: none;display:block}:host([negative]){--sbb-footer-background-color: var(--sbb-background-color-2-negative);--sbb-footer-color: var(--sbb-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{font-size:var(--sbb-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-footer-color);padding-block:var(--sbb-footer-padding-block);background-color:var(--sbb-footer-background-color)}@media(forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}.sbb-footer__title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media(min-width:37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media(min-width:90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media(min-width:64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}`;
|
|
14
14
|
let Y = (() => {
|
|
15
|
-
var n,
|
|
16
|
-
let i = [F("sbb-footer")], s, a = [],
|
|
15
|
+
var n, d, b, m, o;
|
|
16
|
+
let i = [F("sbb-footer")], s, a = [], l, f = G(B), _, y = [], x = [], k, w = [], T = [], z, L = [], S = [], I, E = [], $ = [];
|
|
17
17
|
return o = class extends f {
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments);
|
|
20
|
-
v(this, n,
|
|
21
|
-
v(this,
|
|
22
|
-
v(this,
|
|
23
|
-
v(this, m, (
|
|
24
|
-
|
|
20
|
+
v(this, n, r(this, y, "default"));
|
|
21
|
+
v(this, d, (r(this, x), r(this, w, !1)));
|
|
22
|
+
v(this, b, (r(this, T), r(this, L, "")));
|
|
23
|
+
v(this, m, (r(this, S), r(this, E, "1")));
|
|
24
|
+
r(this, $);
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
27
|
* Variants to display the footer. The default, displays the content in regular block element
|
|
@@ -39,17 +39,17 @@ let Y = (() => {
|
|
|
39
39
|
* By default, the content has the appropriate page size.
|
|
40
40
|
*/
|
|
41
41
|
get expanded() {
|
|
42
|
-
return h(this,
|
|
42
|
+
return h(this, d);
|
|
43
43
|
}
|
|
44
44
|
set expanded(e) {
|
|
45
|
-
p(this,
|
|
45
|
+
p(this, d, e);
|
|
46
46
|
}
|
|
47
47
|
/** Footer title text, visually hidden, necessary for screen readers. */
|
|
48
48
|
get accessibilityTitle() {
|
|
49
|
-
return h(this,
|
|
49
|
+
return h(this, b);
|
|
50
50
|
}
|
|
51
51
|
set accessibilityTitle(e) {
|
|
52
|
-
p(this,
|
|
52
|
+
p(this, b, e);
|
|
53
53
|
}
|
|
54
54
|
/** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
|
|
55
55
|
get accessibilityTitleLevel() {
|
|
@@ -70,18 +70,18 @@ let Y = (() => {
|
|
|
70
70
|
</footer>
|
|
71
71
|
`;
|
|
72
72
|
}
|
|
73
|
-
}, n = new WeakMap(),
|
|
73
|
+
}, n = new WeakMap(), d = new WeakMap(), b = new WeakMap(), m = new WeakMap(), l = o, (() => {
|
|
74
74
|
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
|
|
75
|
-
|
|
75
|
+
_ = [g({ reflect: !0 })], k = [N(), g({ reflect: !0, type: Boolean })], z = [N(), g({ attribute: "accessibility-title" })], I = [g({ attribute: "accessibility-title-level" })], u(o, null, _, { kind: "accessor", name: "variant", static: !1, private: !1, access: { has: (t) => "variant" in t, get: (t) => t.variant, set: (t, c) => {
|
|
76
76
|
t.variant = c;
|
|
77
|
-
} }, metadata: e },
|
|
77
|
+
} }, metadata: e }, y, x), u(o, null, k, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, c) => {
|
|
78
78
|
t.expanded = c;
|
|
79
|
-
} }, metadata: e }, w, T),
|
|
79
|
+
} }, metadata: e }, w, T), u(o, null, z, { kind: "accessor", name: "accessibilityTitle", static: !1, private: !1, access: { has: (t) => "accessibilityTitle" in t, get: (t) => t.accessibilityTitle, set: (t, c) => {
|
|
80
80
|
t.accessibilityTitle = c;
|
|
81
|
-
} }, metadata: e }, L, S),
|
|
81
|
+
} }, metadata: e }, L, S), u(o, null, I, { kind: "accessor", name: "accessibilityTitleLevel", static: !1, private: !1, access: { has: (t) => "accessibilityTitleLevel" in t, get: (t) => t.accessibilityTitleLevel, set: (t, c) => {
|
|
82
82
|
t.accessibilityTitleLevel = c;
|
|
83
|
-
} }, metadata: e }, E, $),
|
|
84
|
-
})(), o.styles = [P, q], l
|
|
83
|
+
} }, metadata: e }, E, $), u(null, s = { value: l }, i, { kind: "class", name: l.name, metadata: e }, null, a), l = s.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
84
|
+
})(), o.styles = [P, q], r(l, a), l;
|
|
85
85
|
})();
|
|
86
86
|
export {
|
|
87
87
|
Y as SbbFooterElement
|
package/off-brand-theme.css
CHANGED
|
@@ -1543,6 +1543,14 @@ summary {
|
|
|
1543
1543
|
--sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
|
|
1544
1544
|
--sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
|
|
1545
1545
|
--sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
|
|
1546
|
+
--sbb-footer-background-color: var(--sbb-background-color-3);
|
|
1547
|
+
--sbb-footer-clock-width: 4.75rem;
|
|
1548
|
+
--sbb-footer-color: var(--sbb-color-granite);
|
|
1549
|
+
--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
|
|
1550
|
+
--sbb-footer-font-size: var(--sbb-text-font-size-s);
|
|
1551
|
+
--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
|
|
1552
|
+
--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
|
|
1553
|
+
--sbb-footer-padding-block: var(--sbb-spacing-responsive-l);
|
|
1546
1554
|
--sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
|
|
1547
1555
|
--sbb-radio-button-label-color: var(--sbb-color-3);
|
|
1548
1556
|
--sbb-radio-button-background-color: var(--sbb-background-color-1);
|
|
@@ -1686,6 +1694,7 @@ summary {
|
|
|
1686
1694
|
--sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
|
|
1687
1695
|
--sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
|
|
1688
1696
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
|
|
1697
|
+
--sbb-footer-clock-width: 7rem;
|
|
1689
1698
|
}
|
|
1690
1699
|
}
|
|
1691
1700
|
@media (min-width: calc(64rem)) {
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "4.6.0-dev.
|
|
3
|
+
"version": "4.6.0-dev.1772446524",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
9
|
"storybook",
|
|
10
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
10
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/dc40a3401287758bc83816bef87b618e8bd06f14"
|
|
11
11
|
],
|
|
12
12
|
"type": "module",
|
|
13
13
|
"exports": {
|
package/safety-theme.css
CHANGED
|
@@ -1543,6 +1543,14 @@ summary {
|
|
|
1543
1543
|
--sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
|
|
1544
1544
|
--sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
|
|
1545
1545
|
--sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
|
|
1546
|
+
--sbb-footer-background-color: var(--sbb-background-color-3);
|
|
1547
|
+
--sbb-footer-clock-width: 4.75rem;
|
|
1548
|
+
--sbb-footer-color: var(--sbb-color-granite);
|
|
1549
|
+
--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
|
|
1550
|
+
--sbb-footer-font-size: var(--sbb-text-font-size-s);
|
|
1551
|
+
--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
|
|
1552
|
+
--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
|
|
1553
|
+
--sbb-footer-padding-block: var(--sbb-spacing-responsive-l);
|
|
1546
1554
|
--sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
|
|
1547
1555
|
--sbb-radio-button-label-color: var(--sbb-color-3);
|
|
1548
1556
|
--sbb-radio-button-background-color: var(--sbb-background-color-1);
|
|
@@ -1686,6 +1694,7 @@ summary {
|
|
|
1686
1694
|
--sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
|
|
1687
1695
|
--sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
|
|
1688
1696
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
|
|
1697
|
+
--sbb-footer-clock-width: 7rem;
|
|
1689
1698
|
}
|
|
1690
1699
|
}
|
|
1691
1700
|
@media (min-width: calc(64rem)) {
|
package/standard-theme.css
CHANGED
|
@@ -1543,6 +1543,14 @@ summary {
|
|
|
1543
1543
|
--sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
|
|
1544
1544
|
--sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
|
|
1545
1545
|
--sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
|
|
1546
|
+
--sbb-footer-background-color: var(--sbb-background-color-3);
|
|
1547
|
+
--sbb-footer-clock-width: 4.75rem;
|
|
1548
|
+
--sbb-footer-color: var(--sbb-color-granite);
|
|
1549
|
+
--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
|
|
1550
|
+
--sbb-footer-font-size: var(--sbb-text-font-size-s);
|
|
1551
|
+
--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
|
|
1552
|
+
--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
|
|
1553
|
+
--sbb-footer-padding-block: var(--sbb-spacing-responsive-l);
|
|
1546
1554
|
--sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
|
|
1547
1555
|
--sbb-radio-button-label-color: var(--sbb-color-3);
|
|
1548
1556
|
--sbb-radio-button-background-color: var(--sbb-background-color-1);
|
|
@@ -1686,6 +1694,7 @@ summary {
|
|
|
1686
1694
|
--sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
|
|
1687
1695
|
--sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
|
|
1688
1696
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
|
|
1697
|
+
--sbb-footer-clock-width: 7rem;
|
|
1689
1698
|
}
|
|
1690
1699
|
}
|
|
1691
1700
|
@media (min-width: calc(64rem)) {
|