@sbb-esta/lyne-elements-dev 5.5.0-dev.1787552910 → 5.5.0-dev.1787567499

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 (8) hide show
  1. package/dialog/_dialog.global.scss +2 -2
  2. package/lean-off-brand-theme.css +2 -2
  3. package/lean-safety-theme.css +2 -2
  4. package/lean-theme.css +2 -2
  5. package/off-brand-theme.css +2 -2
  6. package/package.json +2 -2
  7. package/safety-theme.css +2 -2
  8. package/standard-theme.css +2 -2
package/dialog/_dialog.global.scss CHANGED
@@ -21,13 +21,13 @@ $theme: 'standard' !default;
21
21
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
22
22
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
23
23
  --_sbb-dialog-max-width: 100%;
24
- --_sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
24
+ --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
25
25
  }
26
26
 
27
27
  @mixin breakpoint-small {
28
28
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
29
29
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
30
- --_sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
30
+ --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
31
31
  --_sbb-dialog-max-width: 90vw;
32
32
  }
33
33
 
package/lean-off-brand-theme.css CHANGED
@@ -1315,7 +1315,7 @@ summary {
1315
1315
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1316
1316
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1317
1317
  --_sbb-dialog-max-width: 100%;
1318
- --_sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
1318
+ --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1319
1319
  --sbb-divider-color: var(--sbb-background-color-4);
1320
1320
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1321
1321
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -2052,7 +2052,7 @@ summary {
2052
2052
  --sbb-alert-close-button-divider-display: block;
2053
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2054
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2055
- --_sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2056
2056
  --_sbb-dialog-max-width: 90vw;
2057
2057
  --sbb-footer-clock-width: 7rem;
2058
2058
  --sbb-notification-icon-align-self: flex-start;
package/lean-safety-theme.css CHANGED
@@ -1315,7 +1315,7 @@ summary {
1315
1315
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1316
1316
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1317
1317
  --_sbb-dialog-max-width: 100%;
1318
- --_sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
1318
+ --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1319
1319
  --sbb-divider-color: var(--sbb-background-color-4);
1320
1320
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1321
1321
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -2052,7 +2052,7 @@ summary {
2052
2052
  --sbb-alert-close-button-divider-display: block;
2053
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2054
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2055
- --_sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2056
2056
  --_sbb-dialog-max-width: 90vw;
2057
2057
  --sbb-footer-clock-width: 7rem;
2058
2058
  --sbb-notification-icon-align-self: flex-start;
package/lean-theme.css CHANGED
@@ -1315,7 +1315,7 @@ summary {
1315
1315
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1316
1316
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1317
1317
  --_sbb-dialog-max-width: 100%;
1318
- --_sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
1318
+ --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1319
1319
  --sbb-divider-color: var(--sbb-background-color-4);
1320
1320
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1321
1321
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -2052,7 +2052,7 @@ summary {
2052
2052
  --sbb-alert-close-button-divider-display: block;
2053
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2054
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2055
- --_sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2056
2056
  --_sbb-dialog-max-width: 90vw;
2057
2057
  --sbb-footer-clock-width: 7rem;
2058
2058
  --sbb-notification-icon-align-self: flex-start;
package/off-brand-theme.css CHANGED
@@ -1315,7 +1315,7 @@ summary {
1315
1315
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1316
1316
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1317
1317
  --_sbb-dialog-max-width: 100%;
1318
- --_sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
1318
+ --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1319
1319
  --sbb-divider-color: var(--sbb-background-color-4);
1320
1320
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1321
1321
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -2052,7 +2052,7 @@ summary {
2052
2052
  --sbb-alert-close-button-divider-display: block;
2053
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2054
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2055
- --_sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2056
2056
  --_sbb-dialog-max-width: 90vw;
2057
2057
  --sbb-footer-clock-width: 7rem;
2058
2058
  --sbb-notification-icon-align-self: flex-start;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.5.0-dev.1787552910",
3
+ "version": "5.5.0-dev.1787567499",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/fbfe11578f549c00681fd90c49b7d28924719e1a"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/d7e374d31b71df7077dd094ddb72d5d84bd77bea"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/safety-theme.css CHANGED
@@ -1315,7 +1315,7 @@ summary {
1315
1315
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1316
1316
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1317
1317
  --_sbb-dialog-max-width: 100%;
1318
- --_sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
1318
+ --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1319
1319
  --sbb-divider-color: var(--sbb-background-color-4);
1320
1320
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1321
1321
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -2052,7 +2052,7 @@ summary {
2052
2052
  --sbb-alert-close-button-divider-display: block;
2053
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2054
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2055
- --_sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2056
2056
  --_sbb-dialog-max-width: 90vw;
2057
2057
  --sbb-footer-clock-width: 7rem;
2058
2058
  --sbb-notification-icon-align-self: flex-start;
package/standard-theme.css CHANGED
@@ -1315,7 +1315,7 @@ summary {
1315
1315
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1316
1316
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1317
1317
  --_sbb-dialog-max-width: 100%;
1318
- --_sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
1318
+ --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1319
1319
  --sbb-divider-color: var(--sbb-background-color-4);
1320
1320
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1321
1321
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -2052,7 +2052,7 @@ summary {
2052
2052
  --sbb-alert-close-button-divider-display: block;
2053
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2054
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2055
- --_sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2056
2056
  --_sbb-dialog-max-width: 90vw;
2057
2057
  --sbb-footer-clock-width: 7rem;
2058
2058
  --sbb-notification-icon-align-self: flex-start;