@sbb-esta/lyne-elements-dev 4.6.0-dev.1772526035 → 4.6.0-dev.1772526102

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 (6) hide show
  1. package/core/styles/core.scss +1 -7
  2. package/core.css +6 -6
  3. package/off-brand-theme.css +6 -6
  4. package/package.json +2 -2
  5. package/safety-theme.css +6 -6
  6. package/standard-theme.css +6 -6
package/core/styles/core.scss CHANGED
@@ -289,6 +289,7 @@ $theme: 'standard' !default;
289
289
  @include font-face.font-declarations;
290
290
 
291
291
  // Components global styles
292
+ @include breadcrumb-group.rules;
292
293
  @include container.rules;
293
294
  @include dialog-close-button.rules;
294
295
  @include dialog-content.rules;
@@ -472,13 +473,6 @@ html {
472
473
  @include popover.popover-reset;
473
474
  }
474
475
 
475
- // Ensure stable breadcrumb height during hydrating
476
- sbb-breadcrumb-group:not(:defined) {
477
- display: block;
478
- height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
479
- overflow: hidden;
480
- }
481
-
482
476
  // Every element in the Light DOM of a sbb-card which is focusable should receive this attribute.
483
477
  // This style enables accessing focusable elements inside an sbb-card.
484
478
  :is(sbb-card, sbb-flip-card) .sbb-action {
package/core.css CHANGED
@@ -1738,6 +1738,12 @@
1738
1738
  font-display: swap;
1739
1739
  font-weight: 300;
1740
1740
  }
1741
+ sbb-breadcrumb-group:not(:defined) {
1742
+ display: block;
1743
+ height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
1744
+ overflow: hidden;
1745
+ }
1746
+
1741
1747
  sbb-container > [slot=image]:is(sbb-image, img),
1742
1748
  sbb-container > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
1743
1749
  --sbb-image-object-fit: cover;
@@ -2026,12 +2032,6 @@ sbb-toast) {
2026
2032
  pointer-events: none;
2027
2033
  }
2028
2034
 
2029
- sbb-breadcrumb-group:not(:defined) {
2030
- display: block;
2031
- height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
2032
- overflow: hidden;
2033
- }
2034
-
2035
2035
  :is(sbb-card, sbb-flip-card) .sbb-action {
2036
2036
  pointer-events: all;
2037
2037
  }
package/off-brand-theme.css CHANGED
@@ -1842,6 +1842,12 @@ summary {
1842
1842
  font-display: swap;
1843
1843
  font-weight: 300;
1844
1844
  }
1845
+ sbb-breadcrumb-group:not(:defined) {
1846
+ display: block;
1847
+ height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
1848
+ overflow: hidden;
1849
+ }
1850
+
1845
1851
  sbb-container > [slot=image]:is(sbb-image, img),
1846
1852
  sbb-container > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
1847
1853
  --sbb-image-object-fit: cover;
@@ -2130,12 +2136,6 @@ sbb-toast) {
2130
2136
  pointer-events: none;
2131
2137
  }
2132
2138
 
2133
- sbb-breadcrumb-group:not(:defined) {
2134
- display: block;
2135
- height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
2136
- overflow: hidden;
2137
- }
2138
-
2139
2139
  :is(sbb-card, sbb-flip-card) .sbb-action {
2140
2140
  pointer-events: all;
2141
2141
  }
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "4.6.0-dev.1772526035",
3
+ "version": "4.6.0-dev.1772526102",
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/22102dde7499c3ee3b4afd3e01f9e1f03d42ab42"
10
+ "https://github.com/sbb-design-systems/lyne-components/commit/66e256c4c0aff7f53c148d3d05ca0b9a45b0b06d"
11
11
  ],
12
12
  "type": "module",
13
13
  "exports": {
package/safety-theme.css CHANGED
@@ -1842,6 +1842,12 @@ summary {
1842
1842
  font-display: swap;
1843
1843
  font-weight: 300;
1844
1844
  }
1845
+ sbb-breadcrumb-group:not(:defined) {
1846
+ display: block;
1847
+ height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
1848
+ overflow: hidden;
1849
+ }
1850
+
1845
1851
  sbb-container > [slot=image]:is(sbb-image, img),
1846
1852
  sbb-container > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
1847
1853
  --sbb-image-object-fit: cover;
@@ -2130,12 +2136,6 @@ sbb-toast) {
2130
2136
  pointer-events: none;
2131
2137
  }
2132
2138
 
2133
- sbb-breadcrumb-group:not(:defined) {
2134
- display: block;
2135
- height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
2136
- overflow: hidden;
2137
- }
2138
-
2139
2139
  :is(sbb-card, sbb-flip-card) .sbb-action {
2140
2140
  pointer-events: all;
2141
2141
  }
package/standard-theme.css CHANGED
@@ -1842,6 +1842,12 @@ summary {
1842
1842
  font-display: swap;
1843
1843
  font-weight: 300;
1844
1844
  }
1845
+ sbb-breadcrumb-group:not(:defined) {
1846
+ display: block;
1847
+ height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
1848
+ overflow: hidden;
1849
+ }
1850
+
1845
1851
  sbb-container > [slot=image]:is(sbb-image, img),
1846
1852
  sbb-container > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
1847
1853
  --sbb-image-object-fit: cover;
@@ -2130,12 +2136,6 @@ sbb-toast) {
2130
2136
  pointer-events: none;
2131
2137
  }
2132
2138
 
2133
- sbb-breadcrumb-group:not(:defined) {
2134
- display: block;
2135
- height: calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));
2136
- overflow: hidden;
2137
- }
2138
-
2139
2139
  :is(sbb-card, sbb-flip-card) .sbb-action {
2140
2140
  pointer-events: all;
2141
2141
  }