@sbb-esta/lyne-elements-dev 4.6.0-dev.1772527171 → 4.7.0-dev.1772543736

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.
@@ -120,6 +120,9 @@ $theme: 'standard' !default;
120
120
  with (
121
121
  $theme: $theme
122
122
  );
123
+ @use '../../status/status.global' as status with (
124
+ $theme: $theme
125
+ );
123
126
  @use '../../tabs/common/tab-group-common.global' as tab-group-common with (
124
127
  $theme: $theme
125
128
  );
@@ -173,6 +176,7 @@ $theme: 'standard' !default;
173
176
  @include radio-button-group.base;
174
177
  @include selection-action-panel.base;
175
178
  @include selection-expansion-panel.base;
179
+ @include status.base;
176
180
  @include tab-group-common.base;
177
181
  @include tab-label-common.base;
178
182
  @include visual-checkbox.base;
@@ -748,13 +752,6 @@ sbb-notification:has(sbb-title) {
748
752
  }
749
753
  }
750
754
 
751
- sbb-status:has(sbb-title) {
752
- --sbb-status-gap: var(--sbb-spacing-responsive-xxxs);
753
- --_sbb-status-text-color-override: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
754
- --_sbb-status-title-font-size: var(--sbb-heading-font-size-5);
755
- --_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);
756
- }
757
-
758
755
  .sbb-overlay-outlet {
759
756
  position: fixed;
760
757
  inset: 0;
package/core.css CHANGED
@@ -1536,6 +1536,11 @@
1536
1536
  --sbb-selection-panel-input-padding-block-m
1537
1537
  );
1538
1538
  --sbb-selection-expansion-panel-content-padding-inline: var(--sbb-selection-panel-input-padding-inline-m);
1539
+ --sbb-status-color: var(--sbb-color-4);
1540
+ --sbb-status-gap: var(--sbb-spacing-fixed-1x);
1541
+ --sbb-status-font-size: var(--sbb-text-font-size-s);
1542
+ --sbb-status-title-color: var(--sbb-color-granite);
1543
+ --sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1539
1544
  --sbb-tab-group-content-gap-size-s: var(--sbb-spacing-responsive-xs);
1540
1545
  --sbb-tab-group-content-gap-size-l: var(--sbb-spacing-responsive-s);
1541
1546
  --sbb-tab-group-content-gap-size-xl: var(--sbb-spacing-responsive-m);
@@ -2234,14 +2239,6 @@ sbb-notification:has(sbb-title)[size=s] {
2234
2239
  --_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-text);
2235
2240
  }
2236
2241
 
2237
- sbb-status:has(sbb-title) {
2238
- --sbb-status-gap: var(--sbb-spacing-responsive-xxxs);
2239
- --_sbb-status-text-color-override: var(--sbb-color-granite);
2240
- --_sbb-status-text-color-override: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
2241
- --_sbb-status-title-font-size: var(--sbb-heading-font-size-5);
2242
- --_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);
2243
- }
2244
-
2245
2242
  .sbb-overlay-outlet {
2246
2243
  position: fixed;
2247
2244
  inset: 0;