@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776958279 → 5.0.0-next-dev.1776960216

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 (121) hide show
  1. package/action-group/action-group.component.js +1 -1
  2. package/{action-group.component-L7G0Vv-N.js → action-group.component-B6X5FjkQ.js} +25 -25
  3. package/action-group.js +1 -1
  4. package/action-group.pure.js +1 -1
  5. package/button/common/button-common.js +1 -1
  6. package/{button-common-Cu47yCSS.js → button-common-U0ZsZMjC.js} +1 -1
  7. package/button.js +1 -1
  8. package/button.pure.js +1 -1
  9. package/core.css +2 -2
  10. package/custom-elements.json +75 -75
  11. package/development/action-group/action-group.component.d.ts +2 -4
  12. package/development/action-group/action-group.component.d.ts.map +1 -1
  13. package/development/action-group/action-group.component.js +1 -1
  14. package/development/{action-group.component-CJT4RArG.js → action-group.component-9Bkne2tt.js} +6 -6
  15. package/development/action-group.js +1 -1
  16. package/development/action-group.pure.js +1 -1
  17. package/development/button/common/button-common.js +1 -1
  18. package/development/{button-common-ChY47M8t.js → button-common-BdW88MAX.js} +3 -3
  19. package/development/button.js +1 -1
  20. package/development/button.pure.js +1 -1
  21. package/development/dialog/dialog-actions/dialog-actions.component.d.ts +0 -1
  22. package/development/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
  23. package/development/dialog/dialog-actions/dialog-actions.component.js +1 -1
  24. package/development/{dialog-actions.component-DErVa4WR.js → dialog-actions.component-Bu950dM-.js} +1 -9
  25. package/development/dialog.js +1 -1
  26. package/development/dialog.pure.js +1 -1
  27. package/development/header/common/header-action-common.d.ts.map +1 -1
  28. package/development/header-action-common-BEnsweEr.js +1 -1
  29. package/development/map-container/map-container.component.d.ts.map +1 -1
  30. package/development/map-container/map-container.component.js +1 -1
  31. package/development/{map-container.component-rgU7ZofE.js → map-container.component-DvHVJZEZ.js} +1 -2
  32. package/development/map-container.js +1 -1
  33. package/development/map-container.pure.js +1 -1
  34. package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
  35. package/development/navigation/common/navigation-action-common.js +1 -1
  36. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  37. package/development/navigation/navigation/navigation.component.js +1 -1
  38. package/development/navigation/navigation-list/navigation-list.component.d.ts.map +1 -1
  39. package/development/navigation/navigation-list/navigation-list.component.js +1 -1
  40. package/development/navigation/navigation-marker/navigation-marker.component.d.ts +0 -1
  41. package/development/navigation/navigation-marker/navigation-marker.component.d.ts.map +1 -1
  42. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  43. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  44. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  45. package/development/{navigation-action-common-B2soWZWW.js → navigation-action-common-DREsZcc7.js} +3 -4
  46. package/development/{navigation-list.component-DilKlDwx.js → navigation-list.component-3kQyQ-yJ.js} +3 -3
  47. package/development/{navigation-marker.component-BRdbbjF5.js → navigation-marker.component-DyWfazQL.js} +3 -4
  48. package/development/{navigation-section.component-VwCJlOfE.js → navigation-section.component-DyPWGns2.js} +1 -2
  49. package/development/{navigation.component-lgvLMF5e.js → navigation.component-CZ2P2xfh.js} +1 -2
  50. package/development/navigation.js +5 -5
  51. package/development/navigation.pure.js +5 -5
  52. package/development/overlay/overlay.component.d.ts.map +1 -1
  53. package/development/overlay/overlay.component.js +1 -1
  54. package/development/{overlay.component-iy6QUYWU.js → overlay.component-BcOBxY6k.js} +1 -2
  55. package/development/overlay.js +1 -1
  56. package/development/overlay.pure.js +1 -1
  57. package/development/popover/popover.component.d.ts.map +1 -1
  58. package/development/popover/popover.component.js +1 -1
  59. package/development/{popover.component-C-zVDwjc.js → popover.component-BvSrQ7zF.js} +1 -2
  60. package/development/popover.js +1 -1
  61. package/development/popover.pure.js +1 -1
  62. package/development/step.component-D1Gq0VRW.js +146 -0
  63. package/development/stepper/step/step.component.d.ts.map +1 -1
  64. package/development/stepper/step/step.component.js +1 -1
  65. package/development/stepper.js +1 -1
  66. package/development/stepper.pure.js +1 -1
  67. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -1
  68. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  69. package/development/{timetable-form-swap-button.component-DM7UFhGh.js → timetable-form-swap-button.component-CyHdctws.js} +2 -1
  70. package/development/timetable-form.js +1 -1
  71. package/development/timetable-form.pure.js +1 -1
  72. package/development/toast/toast.component.d.ts.map +1 -1
  73. package/development/toast/toast.component.js +1 -1
  74. package/development/{toast.component-1YR4wmm9.js → toast.component-D1M3OYxv.js} +2 -4
  75. package/development/toast.js +1 -1
  76. package/development/toast.pure.js +1 -1
  77. package/dialog/dialog-actions/dialog-actions.component.js +1 -1
  78. package/{dialog-actions.component-ConxJ3VW.js → dialog-actions.component-DjBJ65tV.js} +4 -8
  79. package/dialog.js +1 -1
  80. package/dialog.pure.js +1 -1
  81. package/map-container/map-container.component.js +1 -1
  82. package/{map-container.component-De-8Tsau.js → map-container.component-BlrPWANi.js} +0 -1
  83. package/map-container.js +1 -1
  84. package/map-container.pure.js +1 -1
  85. package/navigation/common/navigation-action-common.js +1 -1
  86. package/navigation/navigation/navigation.component.js +1 -1
  87. package/navigation/navigation-list/navigation-list.component.js +1 -1
  88. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  89. package/navigation/navigation-section/navigation-section.component.js +1 -1
  90. package/{navigation-action-common-D2vwX-oy.js → navigation-action-common-D3rE0ZNS.js} +14 -14
  91. package/{navigation-list.component-DQeyXtOA.js → navigation-list.component-DSJx3LwB.js} +13 -13
  92. package/{navigation-marker.component-BQzC4gn_.js → navigation-marker.component-xmkTtMap.js} +13 -13
  93. package/{navigation-section.component-CR-FanCa.js → navigation-section.component-CUrICmbc.js} +0 -1
  94. package/{navigation.component-D6HU-F51.js → navigation.component-CR4vG3vH.js} +0 -1
  95. package/navigation.js +5 -5
  96. package/navigation.pure.js +5 -5
  97. package/off-brand-theme.css +2 -2
  98. package/overlay/overlay.component.js +1 -1
  99. package/{overlay.component-bHg2Xk6D.js → overlay.component-C6i5RA4B.js} +0 -1
  100. package/overlay.js +1 -1
  101. package/overlay.pure.js +1 -1
  102. package/package.json +2 -2
  103. package/popover/popover.component.js +1 -1
  104. package/{popover.component-BCLBnddM.js → popover.component-jz3_WQeT.js} +0 -1
  105. package/popover.js +1 -1
  106. package/popover.pure.js +1 -1
  107. package/safety-theme.css +2 -2
  108. package/standard-theme.css +2 -2
  109. package/{step.component-sQbJslHx.js → step.component-DuLOqjZk.js} +3 -5
  110. package/stepper/step/step.component.js +1 -1
  111. package/stepper.js +1 -1
  112. package/stepper.pure.js +1 -1
  113. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  114. package/{timetable-form-swap-button.component-C9dU9vDV.js → timetable-form-swap-button.component-D9wBQQkG.js} +1 -1
  115. package/timetable-form.js +1 -1
  116. package/timetable-form.pure.js +1 -1
  117. package/toast/toast.component.js +1 -1
  118. package/{toast.component-D53COYeM.js → toast.component-CXouszwJ.js} +21 -22
  119. package/toast.js +1 -1
  120. package/toast.pure.js +1 -1
  121. package/development/step.component-CVWxYkrv.js +0 -148
package/{navigation-action-common-D2vwX-oy.js → navigation-action-common-D3rE0ZNS.js} RENAMED
@@ -1,16 +1,16 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
2
  import { unsafeCSS as n } from "lit";
3
3
  import { property as r } from "lit/decorators.js";
4
- import { boxSizingStyles as i, isLean as a } from "./core.js";
5
- import { html as o } from "lit/static-html.js";
6
- import { SbbIconElement as s } from "./icon.pure.js";
4
+ import { boxSizingStyles as i } from "./core.js";
5
+ import { html as a } from "lit/static-html.js";
6
+ import { SbbIconElement as o } from "./icon.pure.js";
7
7
  //#region src/elements/navigation/common/navigation-action.scss?inline
8
- var c = ":host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display: block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: var(--sbb-color-5)}@media(forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-text) / 2);translate:0 -50%}@media(any-hover:hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-5)}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));cursor:var(--sbb-cursor-pointer);position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}", l = (l) => (() => {
9
- let u = l, d, f = [], p = [];
10
- return class extends u {
8
+ var s = ":host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display: block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: var(--sbb-color-5)}@media(forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-text) / 2);translate:0 -50%}@media(any-hover:hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-5)}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));cursor:var(--sbb-cursor-pointer);position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}", c = (c) => (() => {
9
+ let l = c, u, d = [], f = [];
10
+ return class extends l {
11
11
  static {
12
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
13
- d = [r({ reflect: !0 })], e(this, null, d, {
12
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
13
+ u = [r({ reflect: !0 })], e(this, null, u, {
14
14
  kind: "accessor",
15
15
  name: "size",
16
16
  static: !1,
@@ -23,7 +23,7 @@ var c = ":host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-
23
23
  }
24
24
  },
25
25
  metadata: t
26
- }, f, p), t && Object.defineProperty(this, Symbol.metadata, {
26
+ }, d, f), t && Object.defineProperty(this, Symbol.metadata, {
27
27
  enumerable: !0,
28
28
  configurable: !0,
29
29
  writable: !0,
@@ -31,10 +31,10 @@ var c = ":host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-
31
31
  });
32
32
  }
33
33
  static {
34
- this.elementDependencies = [s];
34
+ this.elementDependencies = [o];
35
35
  }
36
36
  static {
37
- this.styles = [i, n(c)];
37
+ this.styles = [i, n(s)];
38
38
  }
39
39
  #e;
40
40
  get size() {
@@ -50,7 +50,7 @@ var c = ":host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-
50
50
  return this._navigationSection;
51
51
  }
52
52
  constructor(...e) {
53
- super(...e), this.#e = t(this, f, a() ? "s" : "l"), this.connectedSection = t(this, p), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
53
+ super(...e), this.#e = t(this, d, "l"), this.connectedSection = t(this, f), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
54
54
  !this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
55
55
  });
56
56
  }
@@ -58,9 +58,9 @@ var c = ":host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-
58
58
  super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection);
59
59
  }
60
60
  renderTemplate() {
61
- return o`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
61
+ return a`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
62
62
  }
63
63
  };
64
64
  })();
65
65
  //#endregion
66
- export { l as t };
66
+ export { c as t };
package/{navigation-list.component-DQeyXtOA.js → navigation-list.component-DSJx3LwB.js} RENAMED
@@ -1,17 +1,17 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
2
  import { html as n, unsafeCSS as r } from "lit";
3
3
  import { property as i } from "lit/decorators.js";
4
- import { SbbElement as a, SbbNamedSlotListMixin as o, boxSizingStyles as s, forceType as c, isLean as l, omitEmptyConverter as u } from "./core.js";
4
+ import { SbbElement as a, SbbNamedSlotListMixin as o, boxSizingStyles as s, forceType as c, omitEmptyConverter as l } from "./core.js";
5
5
  //#region src/elements/navigation/navigation-list/navigation-list.scss?inline
6
- var d = ":host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;display:block;color:var(--sbb-color-5);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not(:is(:state(slotted-label),[state--slotted-label]),[label])) .sbb-navigation-list__label{display:none}", f = (() => {
7
- let f = o(a), p, m = [], h = [];
8
- return class extends f {
6
+ var u = ":host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;display:block;color:var(--sbb-color-5);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not(:is(:state(slotted-label),[state--slotted-label]),[label])) .sbb-navigation-list__label{display:none}", d = (() => {
7
+ let d = o(a), f, p = [], m = [];
8
+ return class extends d {
9
9
  static {
10
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
11
- p = [c(), i({
10
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
11
+ f = [c(), i({
12
12
  reflect: !0,
13
- converter: u
14
- })], e(this, null, p, {
13
+ converter: l
14
+ })], e(this, null, f, {
15
15
  kind: "accessor",
16
16
  name: "label",
17
17
  static: !1,
@@ -24,7 +24,7 @@ var d = ":host{display:block}.sbb-navigation-list__content{list-style:none;margi
24
24
  }
25
25
  },
26
26
  metadata: t
27
- }, m, h), t && Object.defineProperty(this, Symbol.metadata, {
27
+ }, p, m), t && Object.defineProperty(this, Symbol.metadata, {
28
28
  enumerable: !0,
29
29
  configurable: !0,
30
30
  writable: !0,
@@ -35,7 +35,7 @@ var d = ":host{display:block}.sbb-navigation-list__content{list-style:none;margi
35
35
  this.elementName = "sbb-navigation-list";
36
36
  }
37
37
  static {
38
- this.styles = [s, r(d)];
38
+ this.styles = [s, r(u)];
39
39
  }
40
40
  #e;
41
41
  get label() {
@@ -45,7 +45,7 @@ var d = ":host{display:block}.sbb-navigation-list__content{list-style:none;margi
45
45
  this.#e = e;
46
46
  }
47
47
  willUpdate(e) {
48
- super.willUpdate(e), e.has("listChildren") && this.listChildren.forEach((e) => e.size = l() ? "s" : "m");
48
+ super.willUpdate(e), e.has("listChildren") && this.listChildren.forEach((e) => e.size = "m");
49
49
  }
50
50
  render() {
51
51
  return n`
@@ -59,9 +59,9 @@ var d = ":host{display:block}.sbb-navigation-list__content{list-style:none;margi
59
59
  `;
60
60
  }
61
61
  constructor() {
62
- super(...arguments), this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"], this.#e = t(this, m, ""), t(this, h);
62
+ super(...arguments), this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"], this.#e = t(this, p, ""), t(this, m);
63
63
  }
64
64
  };
65
65
  })();
66
66
  //#endregion
67
- export { f as t };
67
+ export { d as t };
package/{navigation-marker.component-BQzC4gn_.js → navigation-marker.component-xmkTtMap.js} RENAMED
@@ -1,15 +1,15 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
2
  import { unsafeCSS as n } from "lit";
3
3
  import { property as r } from "lit/decorators.js";
4
- import { SbbElement as i, SbbNamedSlotListMixin as a, boxSizingStyles as o, isLean as s, ɵstateController as c } from "./core.js";
5
- import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
4
+ import { SbbElement as i, SbbNamedSlotListMixin as a, boxSizingStyles as o, ɵstateController as s } from "./core.js";
5
+ import { ResizeController as c } from "@lit-labs/observers/resize-controller.js";
6
6
  //#region src/elements/navigation/navigation-marker/navigation-marker.scss?inline
7
- var u = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y: unset;--sbb-navigation-marker-width: 1.0625rem;--sbb-navigation-marker-border: var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) )}.sbb-navigation-marker{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start)}.sbb-navigation-marker:before{content:\"\";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media(forced-colors:active){.sbb-navigation-marker:before{border-color:CanvasText}}:host([size=s]) .sbb-navigation-marker{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}", d = (() => {
8
- let d = a(i), f, p = [], m = [];
9
- return class extends d {
7
+ var l = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y: unset;--sbb-navigation-marker-width: 1.0625rem;--sbb-navigation-marker-border: var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) )}.sbb-navigation-marker{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start)}.sbb-navigation-marker:before{content:\"\";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media(forced-colors:active){.sbb-navigation-marker:before{border-color:CanvasText}}:host([size=s]) .sbb-navigation-marker{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}", u = (() => {
8
+ let u = a(i), d, f = [], p = [];
9
+ return class extends u {
10
10
  static {
11
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
12
- f = [r({ reflect: !0 })], e(this, null, f, {
11
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
12
+ d = [r({ reflect: !0 })], e(this, null, d, {
13
13
  kind: "accessor",
14
14
  name: "size",
15
15
  static: !1,
@@ -22,7 +22,7 @@ var u = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--s
22
22
  }
23
23
  },
24
24
  metadata: t
25
- }, p, m), t && Object.defineProperty(this, Symbol.metadata, {
25
+ }, f, p), t && Object.defineProperty(this, Symbol.metadata, {
26
26
  enumerable: !0,
27
27
  configurable: !0,
28
28
  writable: !0,
@@ -33,7 +33,7 @@ var u = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--s
33
33
  this.elementName = "sbb-navigation-marker";
34
34
  }
35
35
  static {
36
- this.styles = [o, n(u)];
36
+ this.styles = [o, n(l)];
37
37
  }
38
38
  #e;
39
39
  get size() {
@@ -43,7 +43,7 @@ var u = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--s
43
43
  this.#e = e;
44
44
  }
45
45
  constructor() {
46
- super(), this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"], this.#e = t(this, p, s() ? "s" : "l"), this._currentActiveAction = t(this, m), this.addController(new l(this, {
46
+ super(), this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"], this.#e = t(this, f, "l"), this._currentActiveAction = t(this, p), this.addController(new c(this, {
47
47
  skipInitial: !0,
48
48
  callback: () => this._setMarkerPosition()
49
49
  }));
@@ -63,13 +63,13 @@ var u = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--s
63
63
  e && this.select(e);
64
64
  }
65
65
  select(e) {
66
- e && (this.reset(), c(e).add("action-active"), this._currentActiveAction = e, setTimeout(() => this._setMarkerPosition()));
66
+ e && (this.reset(), s(e).add("action-active"), this._currentActiveAction = e, setTimeout(() => this._setMarkerPosition()));
67
67
  }
68
68
  firstUpdated(e) {
69
69
  super.firstUpdated(e), setTimeout(() => this._setMarkerPosition());
70
70
  }
71
71
  reset() {
72
- this._currentActiveAction &&= (c(this._currentActiveAction).delete("action-active"), this._currentActiveAction.connectedSection?.close(), void 0);
72
+ this._currentActiveAction &&= (s(this._currentActiveAction).delete("action-active"), this._currentActiveAction.connectedSection?.close(), void 0);
73
73
  }
74
74
  _setMarkerPosition() {
75
75
  if (!this._currentActiveAction) return;
@@ -82,4 +82,4 @@ var u = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--s
82
82
  };
83
83
  })();
84
84
  //#endregion
85
- export { d as t };
85
+ export { u as t };
package/{navigation-section.component-CR-FanCa.js → navigation-section.component-CUrICmbc.js} RENAMED
@@ -209,7 +209,6 @@ var T = ":host{--sbb-navigation-section-display: none;--sbb-navigation-section-c
209
209
  aria-label=${this.accessibilityBackLabel || g[this._language.current]}
210
210
  negative
211
211
  size="m"
212
- type="button"
213
212
  icon-name="chevron-small-left-small"
214
213
  sbb-navigation-section-close
215
214
  ></sbb-transparent-button>
package/{navigation.component-D6HU-F51.js → navigation.component-CR4vG3vH.js} RENAMED
@@ -173,7 +173,6 @@ var T = ":host{--sbb-navigation-grid-column: 1 / -1;--sbb-navigation-animation-d
173
173
  aria-controls="sbb-navigation-overlay"
174
174
  negative
175
175
  size="m"
176
- type="button"
177
176
  icon-name="cross-small"
178
177
  sbb-navigation-close
179
178
  ></sbb-transparent-button>
package/navigation.js CHANGED
@@ -1,10 +1,10 @@
1
- import { t as e } from "./navigation-action-common-D2vwX-oy.js";
1
+ import { t as e } from "./navigation-action-common-D3rE0ZNS.js";
2
2
  import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
3
3
  import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
4
- import { t as r } from "./navigation-list.component-DQeyXtOA.js";
5
- import { t as i } from "./navigation-marker.component-BQzC4gn_.js";
6
- import { t as a } from "./navigation-section.component-CR-FanCa.js";
7
- import { t as o } from "./navigation.component-D6HU-F51.js";
4
+ import { t as r } from "./navigation-list.component-DSJx3LwB.js";
5
+ import { t as i } from "./navigation-marker.component-xmkTtMap.js";
6
+ import { t as a } from "./navigation-section.component-CUrICmbc.js";
7
+ import { t as o } from "./navigation.component-CR4vG3vH.js";
8
8
  import "./navigation.pure.js";
9
9
  o.define(), t.define(), n.define(), r.define(), i.define(), a.define();
10
10
  //#endregion
package/navigation.pure.js CHANGED
@@ -1,8 +1,8 @@
1
- import { t as e } from "./navigation-action-common-D2vwX-oy.js";
1
+ import { t as e } from "./navigation-action-common-D3rE0ZNS.js";
2
2
  import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
3
3
  import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
4
- import { t as r } from "./navigation-list.component-DQeyXtOA.js";
5
- import { t as i } from "./navigation-marker.component-BQzC4gn_.js";
6
- import { t as a } from "./navigation-section.component-CR-FanCa.js";
7
- import { t as o } from "./navigation.component-D6HU-F51.js";
4
+ import { t as r } from "./navigation-list.component-DSJx3LwB.js";
5
+ import { t as i } from "./navigation-marker.component-xmkTtMap.js";
6
+ import { t as a } from "./navigation-section.component-CUrICmbc.js";
7
+ import { t as o } from "./navigation.component-CR4vG3vH.js";
8
8
  export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };
package/off-brand-theme.css CHANGED
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
1307
1307
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
1308
1308
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
1309
1309
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
1310
- --sbb-button-min-height: var(--sbb-button-min-height-size-l);
1310
+ --sbb-button-min-height: var(--sbb-button-min-height-size-m);
1311
1311
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
1312
1312
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
1313
1313
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
1314
1314
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
1315
- --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
1315
+ --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
1316
1316
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
1317
1317
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
1318
1318
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
package/overlay/overlay.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../overlay.component-bHg2Xk6D.js";
1
+ import { t as e } from "../overlay.component-C6i5RA4B.js";
2
2
  export { e as SbbOverlayElement };
package/{overlay.component-bHg2Xk6D.js → overlay.component-C6i5RA4B.js} RENAMED
@@ -131,7 +131,6 @@ var _ = ":host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollba
131
131
  aria-label="${this.accessibilityCloseLabel || d[this.language.current]}"
132
132
  ?negative=${this.negative}
133
133
  size="m"
134
- type="button"
135
134
  icon-name="cross-small"
136
135
  sbb-overlay-close
137
136
  ></sbb-secondary-button>
package/overlay.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
2
- import { t as i } from "./overlay.component-bHg2Xk6D.js";
2
+ import { t as i } from "./overlay.component-C6i5RA4B.js";
3
3
  import "./overlay.pure.js";
4
4
  //#region src/elements/overlay.ts
5
5
  i.define();
package/overlay.pure.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
2
- import { t as i } from "./overlay.component-bHg2Xk6D.js";
2
+ import { t as i } from "./overlay.component-C6i5RA4B.js";
3
3
  export { e as SbbOverlayBaseElement, t as SbbOverlayCloseEvent, i as SbbOverlayElement, n as assignOverlayResult, r as overlayRefs };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next-dev.1776958279",
3
+ "version": "5.0.0-next-dev.1776960216",
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/91e03cb6f9d4770e39663a259334bd3856e9626b"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/c08f2ee0b06a9e30239772ad0362e47750a35868"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/popover/popover.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../popover.component-BCLBnddM.js";
1
+ import { n as e, t } from "../popover.component-jz3_WQeT.js";
2
2
  export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
package/{popover.component-BCLBnddM.js → popover.component-jz3_WQeT.js} RENAMED
@@ -329,7 +329,6 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
329
329
  <sbb-secondary-button
330
330
  aria-label=${this.accessibilityCloseLabel || _[this._language.current]}
331
331
  size="s"
332
- type="button"
333
332
  icon-name="cross-small"
334
333
  sbb-popover-close
335
334
  ></sbb-secondary-button>
package/popover.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as e, t } from "./popover.component-BCLBnddM.js";
1
+ import { n as e, t } from "./popover.component-jz3_WQeT.js";
2
2
  import "./popover.pure.js";
3
3
  //#region src/elements/popover.ts
4
4
  e.define();
package/popover.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./popover.component-BCLBnddM.js";
1
+ import { n as e, t } from "./popover.component-jz3_WQeT.js";
2
2
  export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
package/safety-theme.css CHANGED
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
1307
1307
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
1308
1308
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
1309
1309
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
1310
- --sbb-button-min-height: var(--sbb-button-min-height-size-l);
1310
+ --sbb-button-min-height: var(--sbb-button-min-height-size-m);
1311
1311
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
1312
1312
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
1313
1313
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
1314
1314
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
1315
- --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
1315
+ --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
1316
1316
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
1317
1317
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
1318
1318
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
package/standard-theme.css CHANGED
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
1307
1307
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
1308
1308
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
1309
1309
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
1310
- --sbb-button-min-height: var(--sbb-button-min-height-size-l);
1310
+ --sbb-button-min-height: var(--sbb-button-min-height-size-m);
1311
1311
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
1312
1312
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
1313
1313
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
1314
1314
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
1315
- --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
1315
+ --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
1316
1316
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
1317
1317
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
1318
1318
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
package/{step.component-sQbJslHx.js → step.component-DuLOqjZk.js} RENAMED
@@ -2,7 +2,7 @@ import { html as e, unsafeCSS as t } from "lit";
2
2
  import { SbbElement as n, SbbPropertyWatcherController as r, appendAriaElements as i, boxSizingStyles as a, removeAriaElements as o } from "./core.js";
3
3
  import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
4
4
  //#region src/elements/stepper/step/step.scss?inline
5
- var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:contents;font-size:var(--sbb-text-font-size-m);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = class extends n {
5
+ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = class extends n {
6
6
  static {
7
7
  this.elementName = "sbb-step";
8
8
  }
@@ -79,10 +79,8 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
79
79
  }
80
80
  render() {
81
81
  return e`
82
- <div class="sbb-step--wrapper">
83
- <div class="sbb-step">
84
- <slot></slot>
85
- </div>
82
+ <div class="sbb-step">
83
+ <slot></slot>
86
84
  </div>
87
85
  `;
88
86
  }
package/stepper/step/step.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../step.component-sQbJslHx.js";
1
+ import { t as e } from "../../step.component-DuLOqjZk.js";
2
2
  export { e as SbbStepElement };
package/stepper.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./step-label.component-DM7lQw8b.js";
2
- import { t } from "./step.component-sQbJslHx.js";
2
+ import { t } from "./step.component-DuLOqjZk.js";
3
3
  import { n, t as r } from "./stepper.component-8IXNrdx7.js";
4
4
  import "./stepper.pure.js";
5
5
  t.define(), e.define(), n.define();
package/stepper.pure.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { t as e } from "./step-label.component-DM7lQw8b.js";
2
- import { t } from "./step.component-sQbJslHx.js";
2
+ import { t } from "./step.component-DuLOqjZk.js";
3
3
  import { n, t as r } from "./stepper.component-8IXNrdx7.js";
4
4
  export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };
package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form-swap-button.component-C9dU9vDV.js";
1
+ import { t as e } from "../../timetable-form-swap-button.component-D9wBQQkG.js";
2
2
  export { e as SbbTimetableFormSwapButtonElement };
package/{timetable-form-swap-button.component-C9dU9vDV.js → timetable-form-swap-button.component-D9wBQQkG.js} RENAMED
@@ -10,7 +10,7 @@ var i = ":host(:is(:state(timetable-form-context),[state--timetable-form-context
10
10
  this.styles = [r.styles, e(i)];
11
11
  }
12
12
  constructor() {
13
- super(), this._languageController = new t(this), this.addEventListener("click", () => this._invertFieldValues());
13
+ super(), this._languageController = new t(this), this.size = "l", this.addEventListener("click", () => this._invertFieldValues());
14
14
  }
15
15
  connectedCallback() {
16
16
  super.connectedCallback(), this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
package/timetable-form.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
2
2
  import { t } from "./timetable-form-field.component-DrQuTOJr.js";
3
- import { t as n } from "./timetable-form-swap-button.component-C9dU9vDV.js";
3
+ import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
4
4
  import { t as r } from "./timetable-form.component-AbZF15Tg.js";
5
5
  import "./timetable-form.pure.js";
6
6
  r.define(), e.define(), t.define(), n.define();
package/timetable-form.pure.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
2
2
  import { t } from "./timetable-form-field.component-DrQuTOJr.js";
3
- import { t as n } from "./timetable-form-swap-button.component-C9dU9vDV.js";
3
+ import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
4
4
  import { t as r } from "./timetable-form.component-AbZF15Tg.js";
5
5
  export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };
package/toast/toast.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../toast.component-D53COYeM.js";
1
+ import { t as e } from "../toast.component-CXouszwJ.js";
2
2
  export { e as SbbToastElement };