@sbb-esta/lyne-elements-dev 5.8.0-dev.1789370784 → 5.8.0-dev.1789399474

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/core.js +20 -20
  2. package/custom-elements.json +2013 -154
  3. package/development/core/dom/scroll.d.ts +15 -2
  4. package/development/core.js +63 -9
  5. package/development/dialog.pure.js +3 -3
  6. package/development/header.pure.js +1 -1
  7. package/development/logo/common/logo-common.d.ts +7 -0
  8. package/development/logo/{logo.component.d.ts → logo/logo.component.d.ts} +3 -6
  9. package/development/logo/logo-cargo/logo-cargo.component.d.ts +20 -0
  10. package/development/logo/logo-cargo-international/logo-cargo-international.component.d.ts +20 -0
  11. package/development/logo/logo-elvetino/logo-elvetino.component.d.ts +20 -0
  12. package/development/logo.js +4 -1
  13. package/development/logo.pure.d.ts +4 -1
  14. package/development/logo.pure.js +664 -81
  15. package/dialog/_dialog.global.scss +7 -6
  16. package/dialog.pure.js +3 -3
  17. package/header.pure.js +1 -1
  18. package/index.d.ts +4 -1
  19. package/index.js +4 -1
  20. package/lean-off-brand-theme.css +12 -7
  21. package/lean-safety-theme.css +12 -7
  22. package/lean-theme.css +12 -7
  23. package/logo/_logo.global.scss +5 -1
  24. package/logo.js +1 -1
  25. package/logo.pure.js +52 -3
  26. package/off-brand-theme.css +12 -7
  27. package/package.json +2 -2
  28. package/safety-theme.css +12 -7
  29. package/standard-theme.css +12 -7
package/safety-theme.css CHANGED
@@ -1305,19 +1305,18 @@ summary {
1305
1305
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
1306
1306
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
1307
1307
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
1308
- --sbb-dialog-inset-block: 0 auto;
1309
- --sbb-dialog-inset-inline: 0 auto;
1310
1308
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
1311
1309
  --sbb-dialog-animation-easing: ease;
1312
1310
  --sbb-dialog-pointer-events: none;
1313
- --sbb-dialog-backdrop-visibility: hidden;
1314
1311
  --sbb-dialog-backdrop-pointer-events: none;
1315
- --sbb-dialog-backdrop-color: transparent;
1312
+ --sbb-dialog-backdrop-color: var(--sbb-background-color-3);
1316
1313
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
1317
1314
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1318
1315
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1319
1316
  --_sbb-dialog-max-width: 100%;
1320
- --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1317
+ --_sbb-dialog-max-height: calc(
1318
+ 100dvh - env(safe-area-inset-top, 0) - var(--sbb-spacing-fixed-6x)
1319
+ );
1321
1320
  --sbb-divider-color: var(--sbb-background-color-4);
1322
1321
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1323
1322
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -1455,11 +1454,15 @@ summary {
1455
1454
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
1456
1455
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
1457
1456
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
1457
+ --sbb-logo-cargo-aspect-ratio: 599 / 50;
1458
+ --sbb-logo-cargo-international-aspect-ratio: 694 / 50;
1459
+ --sbb-logo-elvetino-aspect-ratio: 138 / 48;
1460
+ --sbb-logo-elvetino-color: #c60018;
1461
+ --sbb-logo-aspect-ratio: 454 / 48;
1458
1462
  --sbb-logo-panel-color: var(--sbb-color-brand);
1459
1463
  --sbb-logo-signet-color: var(--sbb-color-white);
1460
1464
  --sbb-logo-word-mark-color: var(--sbb-color-black);
1461
1465
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1462
- --sbb-logo-aspect-ratio: 454 / 48;
1463
1466
  --sbb-map-container-map-height-zero: 18.4375rem;
1464
1467
  --sbb-map-container-map-height-small: 20rem;
1465
1468
  --sbb-map-container-sidebar-width: 25rem;
@@ -2069,7 +2072,9 @@ summary {
2069
2072
  --sbb-alert-close-button-divider-display: block;
2070
2073
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2071
2074
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2072
- --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2075
+ --_sbb-dialog-max-height: calc(
2076
+ 100dvh - env(safe-area-inset-top, 0) - 2 * var(--sbb-spacing-fixed-6x)
2077
+ );
2073
2078
  --_sbb-dialog-max-width: 90vw;
2074
2079
  --sbb-footer-clock-width: 7rem;
2075
2080
  --sbb-notification-icon-align-self: flex-start;
package/standard-theme.css CHANGED
@@ -1305,19 +1305,18 @@ summary {
1305
1305
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
1306
1306
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
1307
1307
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
1308
- --sbb-dialog-inset-block: 0 auto;
1309
- --sbb-dialog-inset-inline: 0 auto;
1310
1308
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
1311
1309
  --sbb-dialog-animation-easing: ease;
1312
1310
  --sbb-dialog-pointer-events: none;
1313
- --sbb-dialog-backdrop-visibility: hidden;
1314
1311
  --sbb-dialog-backdrop-pointer-events: none;
1315
- --sbb-dialog-backdrop-color: transparent;
1312
+ --sbb-dialog-backdrop-color: var(--sbb-background-color-3);
1316
1313
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
1317
1314
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1318
1315
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1319
1316
  --_sbb-dialog-max-width: 100%;
1320
- --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1317
+ --_sbb-dialog-max-height: calc(
1318
+ 100dvh - env(safe-area-inset-top, 0) - var(--sbb-spacing-fixed-6x)
1319
+ );
1321
1320
  --sbb-divider-color: var(--sbb-background-color-4);
1322
1321
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1323
1322
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -1455,11 +1454,15 @@ summary {
1455
1454
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
1456
1455
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
1457
1456
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
1457
+ --sbb-logo-cargo-aspect-ratio: 599 / 50;
1458
+ --sbb-logo-cargo-international-aspect-ratio: 694 / 50;
1459
+ --sbb-logo-elvetino-aspect-ratio: 138 / 48;
1460
+ --sbb-logo-elvetino-color: #c60018;
1461
+ --sbb-logo-aspect-ratio: 454 / 48;
1458
1462
  --sbb-logo-panel-color: var(--sbb-color-brand);
1459
1463
  --sbb-logo-signet-color: var(--sbb-color-white);
1460
1464
  --sbb-logo-word-mark-color: var(--sbb-color-black);
1461
1465
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1462
- --sbb-logo-aspect-ratio: 454 / 48;
1463
1466
  --sbb-map-container-map-height-zero: 18.4375rem;
1464
1467
  --sbb-map-container-map-height-small: 20rem;
1465
1468
  --sbb-map-container-sidebar-width: 25rem;
@@ -2069,7 +2072,9 @@ summary {
2069
2072
  --sbb-alert-close-button-divider-display: block;
2070
2073
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2071
2074
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2072
- --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2075
+ --_sbb-dialog-max-height: calc(
2076
+ 100dvh - env(safe-area-inset-top, 0) - 2 * var(--sbb-spacing-fixed-6x)
2077
+ );
2073
2078
  --_sbb-dialog-max-width: 90vw;
2074
2079
  --sbb-footer-clock-width: 7rem;
2075
2080
  --sbb-notification-icon-align-self: flex-start;