@sbb-esta/lyne-elements-dev 4.9.0-dev.1775022187 → 4.9.0-dev.1775028444
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 +9 -0
- package/core.css +22 -0
- package/custom-elements.json +616 -616
- package/development/step-label.component-D3wrRPQ7.js +265 -0
- package/development/step.component-ewujsOVD.js +212 -0
- package/development/stepper/step/step.component.js +1 -1
- package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper/step-label.js +1 -1
- package/development/stepper/step.js +1 -1
- package/development/stepper/stepper/stepper.component.d.ts.map +1 -1
- package/development/stepper/stepper/stepper.component.js +1 -1
- package/development/stepper/stepper.js +1 -1
- package/development/stepper.component-BJC_4cep.js +497 -0
- package/development/stepper.js +3 -3
- package/development/stepper.pure.js +3 -3
- package/off-brand-theme.css +22 -0
- package/package.json +2 -2
- package/safety-theme.css +22 -0
- package/standard-theme.css +22 -0
- package/step-label.component-Cu_Hck4P.js +80 -0
- package/{step.component-CbfVfpi6.js → step.component-DY61vAFB.js} +1 -1
- package/stepper/step/step.component.js +1 -1
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper/step-label.js +1 -1
- package/stepper/step.js +1 -1
- package/stepper/stepper/stepper.component.js +1 -1
- package/stepper/stepper.js +1 -1
- package/{stepper.component-CrMknCZm.js → stepper.component-83cngpic.js} +6 -8
- package/stepper.js +3 -3
- package/stepper.pure.js +3 -3
- package/development/step-label.component-C_obpSzp.js +0 -298
- package/development/step.component-DsXAckYS.js +0 -220
- package/development/stepper.component-yAkgcauE.js +0 -508
- package/step-label.component-BYaPBTcl.js +0 -82
package/core/styles/core.scss
CHANGED
|
@@ -218,6 +218,12 @@ $theme: 'standard' !default;
|
|
|
218
218
|
@use '../../status/status.global' as status with (
|
|
219
219
|
$theme: $theme
|
|
220
220
|
);
|
|
221
|
+
@use '../../stepper/step-label/step-label.global' as step-label with (
|
|
222
|
+
$theme: $theme
|
|
223
|
+
);
|
|
224
|
+
@use '../../stepper/stepper/stepper.global' as stepper with (
|
|
225
|
+
$theme: $theme
|
|
226
|
+
);
|
|
221
227
|
@use '../../tabs/common/tab-group-common.global' as tab-group-common with (
|
|
222
228
|
$theme: $theme
|
|
223
229
|
);
|
|
@@ -300,6 +306,8 @@ $theme: 'standard' !default;
|
|
|
300
306
|
@include signet.base;
|
|
301
307
|
@include slider.base;
|
|
302
308
|
@include status.base;
|
|
309
|
+
@include step-label.base;
|
|
310
|
+
@include stepper.base;
|
|
303
311
|
@include tab-group-common.base;
|
|
304
312
|
@include tab-label-common.base;
|
|
305
313
|
@include visual-checkbox.base;
|
|
@@ -319,6 +327,7 @@ $theme: 'standard' !default;
|
|
|
319
327
|
@include radio-button-common.base-forced-colors;
|
|
320
328
|
@include signet.base-forced-colors;
|
|
321
329
|
@include slider.base-forced-colors;
|
|
330
|
+
@include step-label.base-forced-colors;
|
|
322
331
|
}
|
|
323
332
|
|
|
324
333
|
// Train formation
|
package/core.css
CHANGED
|
@@ -1684,6 +1684,26 @@ slot[name=error]::slotted(*) {
|
|
|
1684
1684
|
--sbb-status-font-size: var(--sbb-text-font-size-s);
|
|
1685
1685
|
--sbb-status-title-color: var(--sbb-color-granite);
|
|
1686
1686
|
--sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
|
|
1687
|
+
--sbb-step-label-color: var(--sbb-color-4);
|
|
1688
|
+
--sbb-step-label-font-size: var(--sbb-text-font-size-l);
|
|
1689
|
+
--sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
|
|
1690
|
+
--sbb-step-label-prefix-border-style: solid;
|
|
1691
|
+
--sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);
|
|
1692
|
+
--sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
|
|
1693
|
+
--sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
|
|
1694
|
+
--sbb-step-label-inset-block-start-size-m: calc(
|
|
1695
|
+
var(--sbb-text-font-size-l) * (var(--sbb-typo-line-height-text) / 2) +
|
|
1696
|
+
(var(--sbb-border-width-1x) / 2)
|
|
1697
|
+
);
|
|
1698
|
+
--sbb-step-label-inset-block-start-size-s: calc(
|
|
1699
|
+
var(--sbb-text-font-size-m) * (var(--sbb-typo-line-height-text) / 2) +
|
|
1700
|
+
(var(--sbb-border-width-1x) / 2)
|
|
1701
|
+
);
|
|
1702
|
+
--sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);
|
|
1703
|
+
--sbb-stepper-orientation: row;
|
|
1704
|
+
--sbb-stepper-border-width: var(--sbb-border-width-1x);
|
|
1705
|
+
--sbb-stepper-marker-width: var(--sbb-border-width-3x);
|
|
1706
|
+
--sbb-stepper-marker-color: var(--sbb-color-3);
|
|
1687
1707
|
--sbb-tab-group-content-gap-size-s: var(--sbb-spacing-responsive-xs);
|
|
1688
1708
|
--sbb-tab-group-content-gap-size-l: var(--sbb-spacing-responsive-s);
|
|
1689
1709
|
--sbb-tab-group-content-gap-size-xl: var(--sbb-spacing-responsive-m);
|
|
@@ -1758,6 +1778,8 @@ slot[name=error]::slotted(*) {
|
|
|
1758
1778
|
--sbb-signet-icon-color: Canvas !important;
|
|
1759
1779
|
--sbb-slider-selected-line-color: Highlight;
|
|
1760
1780
|
--sbb-slider-line-color: CanvasText;
|
|
1781
|
+
--sbb-step-label-color: ButtonText;
|
|
1782
|
+
--sbb-step-label-prefix-border-color: ButtonText;
|
|
1761
1783
|
}
|
|
1762
1784
|
}
|
|
1763
1785
|
:root {
|