@sbb-esta/lyne-elements-dev 4.7.0-dev.1773224724 → 4.7.0-dev.1773236484

package/custom-elements.json

@@ -3508,7 +3508,7 @@
               },
               "privacy": "public",
               "default": "'large'",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "attribute": "horizontal-from",
               "reflects": true
             },
@@ -3690,7 +3690,7 @@
                 "text": "SbbHorizontalFrom"
               },
               "default": "'large'",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "fieldName": "horizontalFrom"
             },
             {
@@ -7811,7 +7811,7 @@
               },
               "privacy": "public",
               "default": "null",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "attribute": "horizontal-from",
               "reflects": true
             },
@@ -8030,7 +8030,7 @@
                 "text": "SbbHorizontalFrom | null"
               },
               "default": "null",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "fieldName": "horizontalFrom"
             },
             {
@@ -13749,7 +13749,7 @@
               },
               "privacy": "public",
               "default": "''",
-              "description": "With `performance.mark` you can log a timestamp associated with\nthe name you define in performanceMark when a certain event is\nhappening. In our case we will log the `performance.mark` into\nthe PerformanceEntry API once the image is fully loaded.\nPerformance monitoring tools like SpeedCurve or Lighthouse are\nthen able to grab these entries from the PerformanceEntry API\nand give us additional information and insights about our page\nloading behaviour. We are then also able to monitor these\nvalues over a long period to see if our performance\nincreases or decreases over time. Best to use lowercase strings\nhere, separate words with underscores or dashes.",
+              "description": "With `performance.mark` you can log a timestamp associated with\nthe name you define in performanceMark when a certain event is\nhappening. In our case we will log the `performance.mark` into\nthe PerformanceEntry API once the image is fully loaded.\nPerformance monitoring tools like SpeedCurve or Lighthouse are\nthen able to grab these entries from the PerformanceEntry API\nand give us additional information and insights about our page\nloading behavior. We are then also able to monitor these\nvalues over a long period to see if our performance\nincreases or decreases over time. Best to use lowercase strings\nhere, separate words with underscores or dashes.",
               "attribute": "performance-mark"
             },
             {
@@ -14072,7 +14072,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "With `performance.mark` you can log a timestamp associated with\nthe name you define in performanceMark when a certain event is\nhappening. In our case we will log the `performance.mark` into\nthe PerformanceEntry API once the image is fully loaded.\nPerformance monitoring tools like SpeedCurve or Lighthouse are\nthen able to grab these entries from the PerformanceEntry API\nand give us additional information and insights about our page\nloading behaviour. We are then also able to monitor these\nvalues over a long period to see if our performance\nincreases or decreases over time. Best to use lowercase strings\nhere, separate words with underscores or dashes.",
+              "description": "With `performance.mark` you can log a timestamp associated with\nthe name you define in performanceMark when a certain event is\nhappening. In our case we will log the `performance.mark` into\nthe PerformanceEntry API once the image is fully loaded.\nPerformance monitoring tools like SpeedCurve or Lighthouse are\nthen able to grab these entries from the PerformanceEntry API\nand give us additional information and insights about our page\nloading behavior. We are then also able to monitor these\nvalues over a long period to see if our performance\nincreases or decreases over time. Best to use lowercase strings\nhere, separate words with underscores or dashes.",
               "fieldName": "performanceMark"
             },
             {
@@ -16487,66 +16487,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "menu/common.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/common/menu-action-common.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "menu/menu-button.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/menu-button/menu-button.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "menu/menu-link.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/menu-link/menu-link.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "menu/menu.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/menu/menu.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "message/message.component.js",
@@ -16736,6 +16676,66 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "menu/common.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/common/menu-action-common.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "menu/menu-button.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/menu-button/menu-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "menu/menu-link.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/menu-link/menu-link.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "menu/menu.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/menu/menu.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "mini-calendar/mini-calendar-day.js",
@@ -22250,7 +22250,7 @@
               },
               "privacy": "public",
               "default": "null",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "attribute": "horizontal-from",
               "reflects": true
             },
@@ -22528,7 +22528,7 @@
                 "text": "SbbHorizontalFrom | null"
               },
               "default": "null",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "fieldName": "horizontalFrom"
             },
             {
@@ -31858,6 +31858,36 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "toggle/toggle-option.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "toggle/toggle-option/toggle-option.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "toggle/toggle.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "toggle/toggle/toggle.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "toast/toast.component.js",
@@ -32559,36 +32589,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "toggle/toggle-option.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "toggle/toggle-option/toggle-option.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "toggle/toggle.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "toggle/toggle/toggle.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "toggle-check/toggle-check.component.js",
@@ -80339,7 +80339,7 @@
               },
               "privacy": "public",
               "default": "'large'",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "attribute": "horizontal-from",
               "reflects": true,
               "inheritedFrom": {
@@ -80523,7 +80523,7 @@
                 "text": "SbbHorizontalFrom"
               },
               "default": "'large'",
-              "description": "Overrides the behaviour of `orientation` property.",
+              "description": "Overrides the behavior of `orientation` property.",
               "fieldName": "horizontalFrom",
               "inheritedFrom": {
                 "name": "SbbActionGroupElement",
@@ -117367,79 +117367,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "stepper/stepper/stepper.component.js",
+      "path": "stepper/step-label/step-label.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "SbbStepChangeEvent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "selectedIndex",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "description": "The index of the newly selected step.",
-              "default": "selectedIndex"
-            },
-            {
-              "kind": "field",
-              "name": "previousIndex",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "description": "The index of the previously selected step.",
-              "default": "previousIndex"
-            },
-            {
-              "kind": "field",
-              "name": "selectedStep",
-              "type": {
-                "text": "SbbStepElement | null"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "description": "The newly selected step element.",
-              "default": "selectedStep"
-            },
-            {
-              "kind": "field",
-              "name": "previousStep",
-              "type": {
-                "text": "SbbStepElement | null"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "description": "The previously selected step element.",
-              "default": "previousStep"
-            }
-          ],
-          "superclass": {
-            "name": "Event",
-            "module": "stepper/stepper/stepper.component.js"
-          }
-        },
-        {
-          "kind": "class",
-          "description": "Provides a structured, step-by-step workflow for user interactions.",
-          "name": "SbbStepperElement",
+          "description": "Combined with a `sbb-stepper`, it displays a step's label.",
+          "name": "SbbStepLabelElement",
           "slots": [
             {
-              "description": "Provide a `sbb-expansion-panel-header` and a `sbb-expansion-panel-content` to the stepper.",
+              "description": "Use the unnamed slot to provide a label.",
               "name": ""
             },
             {
-              "description": "Use this slot to provide an `sbb-step-label`.",
-              "name": "step-label"
-            },
-            {
-              "description": "Use this slot to provide an `sbb-step`.",
-              "name": "step"
+              "description": "Use this to display an icon in the label bubble.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -117452,747 +117393,175 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-stepper'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ stepchange: 'stepchange', }",
-              "type": {
-                "text": "{\n    stepchange: 'stepchange',\n  }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_observer",
-              "privacy": "private",
-              "default": "new IntersectionController(this, { target: null, callback: (entries) => { entries.forEach((e) => { if (e.intersectionRatio > 0) { this._setStepperHeight(this.selected); this._setMarkerSize(); } }); }, })",
-              "description": "If the sbb-stepper is used in a sbb-dialog, the marker on the selected element will not appear,\nbecause the calculations are done when the dialog is closed, so the marker has a width of 0;\nthe same happens for the stepper height.\nWe need to recalculate it when the element becomes visible."
-            },
-            {
-              "kind": "field",
-              "name": "linear",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "If set to true, only the current and previous labels can be clicked and selected.",
-              "attribute": "linear"
-            },
-            {
-              "kind": "field",
-              "name": "horizontalFrom",
-              "privacy": "public",
-              "description": "Overrides the behavior of `orientation` property.",
-              "type": {
-                "text": "SbbHorizontalFrom | null"
-              },
-              "attribute": "horizontal-from",
-              "reflects": true,
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_horizontalFrom",
-              "type": {
-                "text": "SbbHorizontalFrom | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "SbbOrientation"
               },
-              "privacy": "public",
-              "default": "'horizontal'",
-              "description": "Steps orientation, either horizontal or vertical.",
-              "attribute": "orientation",
-              "reflects": true
+              "default": "'sbb-step-label'"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "role",
               "type": {
-                "text": "'s' | 'm'"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "Size variant, either s or m.",
-              "default": "'m' / 's' (lean)",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "privacy": "public",
-              "description": "The currently selected step.",
-              "type": {
-                "text": "SbbStepElement | null"
+              "static": true,
+              "readonly": true,
+              "default": "'tab'",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_requestedSelected",
+              "name": "step",
               "type": {
                 "text": "SbbStepElement | null"
               },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "selectedIndex",
               "privacy": "public",
-              "description": "The currently selected step index.",
-              "type": {
-                "text": "number | null"
-              },
-              "attribute": "selected-index"
+              "description": "The step controlled by the label.",
+              "readonly": true,
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_requestedSelectedIndex",
+              "name": "_step",
               "type": {
-                "text": "number | null"
+                "text": "SbbStepElement | null"
               },
               "privacy": "private",
               "default": "null"
             },
             {
               "kind": "field",
-              "name": "steps",
+              "name": "stepper",
               "type": {
-                "text": "SbbStepElement[]"
+                "text": "SbbStepperElement | null"
               },
               "privacy": "public",
-              "description": "The steps of the stepper.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_enabledSteps",
-              "type": {
-                "text": "SbbStepElement[]"
-              },
-              "privacy": "private",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "_loaded",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Whether the component is disabled.",
+              "default": "false",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_resizeObserverTimeout",
+              "name": "_previousOrientation",
               "type": {
-                "text": "ReturnType<typeof setTimeout> | null"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_mediaMatcher",
-              "privacy": "private",
-              "default": "new SbbMediaMatcherController(this, {})"
-            },
-            {
-              "kind": "method",
-              "name": "next",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Selects the next step."
-            },
-            {
-              "kind": "method",
-              "name": "previous",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Selects the previous step."
-            },
-            {
-              "kind": "method",
-              "name": "reset",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "_previousSize",
+              "type": {
+                "text": "string | undefined"
               },
-              "description": "Resets the form in which the stepper is nested or every form of each step, if any."
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_isSelectable",
+              "name": "_isNotDeactivatedByLinearMode",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "step is SbbStepElement"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
                   "name": "step",
                   "type": {
-                    "text": "SbbStepElement | null"
+                    "text": "SbbStepElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_select",
+              "name": "_assignStep",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "step",
-                  "type": {
-                    "text": "SbbStepElement | null"
-                  }
-                }
-              ]
+              }
             },
             {
-              "kind": "method",
-              "name": "_setMarkerSize",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_setStepperHeight",
-              "privacy": "private",
+              "name": "renderIconSlot",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
               "parameters": [
                 {
-                  "name": "step",
+                  "name": "classname",
+                  "optional": true,
                   "type": {
-                    "text": "SbbStepElement | null"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Sets the stepper height based on the height of the provided step."
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_calculateLabelOffsetTop",
-              "privacy": "private",
+              "name": "renderIconName",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "number | undefined"
+                  "text": "string"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_onSelectedStepResize",
+              "name": "_renderIconName",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_configure",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateLabels",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_checkOrientation",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_onStepperResize",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_configureLinearMode",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "SbbStepChangeEvent"
-              },
-              "description": "Emits whenever a step was changed.",
-              "name": "stepchange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "linear",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If set to true, only the current and previous labels can be clicked and selected.",
-              "fieldName": "linear"
-            },
-            {
-              "name": "horizontal-from",
-              "description": "Overrides the behavior of `orientation` property.",
-              "type": {
-                "text": "SbbHorizontalFrom | null"
-              },
-              "fieldName": "horizontalFrom"
-            },
-            {
-              "name": "orientation",
-              "type": {
-                "text": "SbbOrientation"
-              },
-              "default": "'horizontal'",
-              "description": "Steps orientation, either horizontal or vertical.",
-              "fieldName": "orientation"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'s' | 'm'"
-              },
-              "description": "Size variant, either s or m.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size"
-            },
-            {
-              "name": "selected-index",
-              "description": "The currently selected step index.",
-              "type": {
-                "text": "number | null"
-              },
-              "fieldName": "selectedIndex"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-stepper",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "currentIndex"
-        },
-        {
-          "kind": "variable",
-          "name": "currentStep"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbStepChangeEvent",
-          "declaration": {
-            "name": "SbbStepChangeEvent",
-            "module": "stepper/stepper/stepper.component.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SbbStepperElement",
-          "declaration": {
-            "name": "SbbStepperElement",
-            "module": "stepper/stepper/stepper.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "stepper/step-label/step-label.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Combined with a `sbb-stepper`, it displays a step's label.",
-          "name": "SbbStepLabelElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to provide a label.",
-              "name": ""
-            },
-            {
-              "description": "Use this to display an icon in the label bubble.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-step-label'"
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'tab'",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "step",
-              "type": {
-                "text": "SbbStepElement | null"
-              },
-              "privacy": "public",
-              "description": "The step controlled by the label.",
-              "readonly": true,
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_step",
-              "type": {
-                "text": "SbbStepElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "stepper",
-              "type": {
-                "text": "SbbStepperElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "Whether the component is disabled.",
-              "default": "false",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_previousOrientation",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_previousSize",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_isNotDeactivatedByLinearMode",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "step",
-                  "type": {
-                    "text": "SbbStepElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_assignStep",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
-              "attribute": "icon-name",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderIconSlot",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "classname",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderIconName",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_renderIconName",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
+                  "text": "string"
                 }
               },
               "inheritedFrom": {
@@ -118958,6 +118327,637 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "stepper/stepper/stepper.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbStepChangeEvent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selectedIndex",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "description": "The index of the newly selected step.",
+              "default": "selectedIndex"
+            },
+            {
+              "kind": "field",
+              "name": "previousIndex",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "description": "The index of the previously selected step.",
+              "default": "previousIndex"
+            },
+            {
+              "kind": "field",
+              "name": "selectedStep",
+              "type": {
+                "text": "SbbStepElement | null"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "description": "The newly selected step element.",
+              "default": "selectedStep"
+            },
+            {
+              "kind": "field",
+              "name": "previousStep",
+              "type": {
+                "text": "SbbStepElement | null"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "description": "The previously selected step element.",
+              "default": "previousStep"
+            }
+          ],
+          "superclass": {
+            "name": "Event",
+            "module": "stepper/stepper/stepper.component.js"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "Provides a structured, step-by-step workflow for user interactions.",
+          "name": "SbbStepperElement",
+          "slots": [
+            {
+              "description": "Provide a `sbb-expansion-panel-header` and a `sbb-expansion-panel-content` to the stepper.",
+              "name": ""
+            },
+            {
+              "description": "Use this slot to provide an `sbb-step-label`.",
+              "name": "step-label"
+            },
+            {
+              "description": "Use this slot to provide an `sbb-step`.",
+              "name": "step"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-stepper'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ stepchange: 'stepchange', }",
+              "type": {
+                "text": "{\n    stepchange: 'stepchange',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_observer",
+              "privacy": "private",
+              "default": "new IntersectionController(this, { target: null, callback: (entries) => { entries.forEach((e) => { if (e.intersectionRatio > 0) { this._setStepperHeight(this.selected); this._setMarkerSize(); } }); }, })",
+              "description": "If the sbb-stepper is used in a sbb-dialog, the marker on the selected element will not appear,\nbecause the calculations are done when the dialog is closed, so the marker has a width of 0;\nthe same happens for the stepper height.\nWe need to recalculate it when the element becomes visible."
+            },
+            {
+              "kind": "field",
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "If set to true, only the current and previous labels can be clicked and selected.",
+              "attribute": "linear"
+            },
+            {
+              "kind": "field",
+              "name": "horizontalFrom",
+              "privacy": "public",
+              "description": "Overrides the behavior of `orientation` property.",
+              "type": {
+                "text": "SbbHorizontalFrom | null"
+              },
+              "attribute": "horizontal-from",
+              "reflects": true,
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_horizontalFrom",
+              "type": {
+                "text": "SbbHorizontalFrom | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "SbbOrientation"
+              },
+              "privacy": "public",
+              "default": "'horizontal'",
+              "description": "Steps orientation, either horizontal or vertical.",
+              "attribute": "orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm'"
+              },
+              "privacy": "public",
+              "description": "Size variant, either s or m.",
+              "default": "'m' / 's' (lean)",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "privacy": "public",
+              "description": "The currently selected step.",
+              "type": {
+                "text": "SbbStepElement | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_requestedSelected",
+              "type": {
+                "text": "SbbStepElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "selectedIndex",
+              "privacy": "public",
+              "description": "The currently selected step index.",
+              "type": {
+                "text": "number | null"
+              },
+              "attribute": "selected-index"
+            },
+            {
+              "kind": "field",
+              "name": "_requestedSelectedIndex",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "steps",
+              "type": {
+                "text": "SbbStepElement[]"
+              },
+              "privacy": "public",
+              "description": "The steps of the stepper.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_enabledSteps",
+              "type": {
+                "text": "SbbStepElement[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_loaded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_resizeObserverTimeout",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_mediaMatcher",
+              "privacy": "private",
+              "default": "new SbbMediaMatcherController(this, {})"
+            },
+            {
+              "kind": "method",
+              "name": "next",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Selects the next step."
+            },
+            {
+              "kind": "method",
+              "name": "previous",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Selects the previous step."
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Resets the form in which the stepper is nested or every form of each step, if any."
+            },
+            {
+              "kind": "method",
+              "name": "_isSelectable",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "step is SbbStepElement"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "SbbStepElement | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_select",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "SbbStepElement | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setMarkerSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setStepperHeight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "step",
+                  "type": {
+                    "text": "SbbStepElement | null"
+                  }
+                }
+              ],
+              "description": "Sets the stepper height based on the height of the provided step."
+            },
+            {
+              "kind": "method",
+              "name": "_calculateLabelOffsetTop",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onSelectedStepResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_configure",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateLabels",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_checkOrientation",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_onStepperResize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_configureLinearMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "SbbStepChangeEvent"
+              },
+              "description": "Emits whenever a step was changed.",
+              "name": "stepchange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If set to true, only the current and previous labels can be clicked and selected.",
+              "fieldName": "linear"
+            },
+            {
+              "name": "horizontal-from",
+              "description": "Overrides the behavior of `orientation` property.",
+              "type": {
+                "text": "SbbHorizontalFrom | null"
+              },
+              "fieldName": "horizontalFrom"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "SbbOrientation"
+              },
+              "default": "'horizontal'",
+              "description": "Steps orientation, either horizontal or vertical.",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm'"
+              },
+              "description": "Size variant, either s or m.",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size"
+            },
+            {
+              "name": "selected-index",
+              "description": "The currently selected step index.",
+              "type": {
+                "text": "number | null"
+              },
+              "fieldName": "selectedIndex"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-stepper",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "currentIndex"
+        },
+        {
+          "kind": "variable",
+          "name": "currentStep"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbStepChangeEvent",
+          "declaration": {
+            "name": "SbbStepChangeEvent",
+            "module": "stepper/stepper/stepper.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbStepperElement",
+          "declaration": {
+            "name": "SbbStepperElement",
+            "module": "stepper/stepper/stepper.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "table/table-wrapper/table-wrapper.component.js",