@sbb-esta/lyne-elements-dev 4.0.0-dev.1776057157 → 4.0.0-dev.1776065413

package/custom-elements.json

@@ -113008,27 +113008,19 @@
     },
     {
       "kind": "javascript-module",
-      "path": "header/header/header.component.js",
+      "path": "header/header-button/header-button.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a header section for the page.",
-          "name": "SbbHeaderElement",
-          "cssProperties": [
+          "description": "It displays a button element that can be used in the `sbb-header` component.",
+          "name": "SbbHeaderButtonElement",
+          "slots": [
             {
-              "description": "Can be used to modify the z-index of the header.",
-              "name": "--sbb-header-z-index",
-              "default": "10"
+              "description": "Slot used to render the button icon.",
+              "name": "icon"
             },
             {
-              "description": "Can be used to modify height of the header.",
-              "name": "--sbb-header-height",
-              "default": "zero-small:var(--sbb-spacing-fixed-14x);large-ultra:var(--sbb-spacing-fixed-24x)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add actions, content and logo to the header.",
+              "description": "Use the unnamed slot to add content to the `sbb-header-button`.",
               "name": ""
             }
           ],
@@ -113042,159 +113034,376 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-header'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              }
+              },
+              "default": "'sbb-header-button'"
             },
             {
               "kind": "field",
-              "name": "_headerScrollOrigins",
-              "privacy": "private",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
               "static": true,
-              "default": "new Set<HTMLElement>()"
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
+              "inheritedFrom": {
+                "name": "SbbHeaderActionCommonElementMixin",
+                "module": "header/common/header-action-common.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_headerElements",
-              "privacy": "private",
-              "static": true,
-              "default": "new Set<SbbHeaderElement>()"
+              "name": "expandFrom",
+              "type": {
+                "text": "SbbHorizontalFrom"
+              },
+              "privacy": "public",
+              "default": "'large'",
+              "description": "Used to set the minimum breakpoint from which the text is displayed.\nE.g. if set to 'large', the text will be visible for breakpoints large and ultra,\nand hidden for all the others. Ignored if no icon is set.",
+              "attribute": "expand-from",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbHeaderActionCommonElementMixin",
+                "module": "header/common/header-action-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Override this method to render the component template.",
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "elementDependencies",
               "type": {
-                "text": "boolean"
+                "text": "SbbElementType[]"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether to allow the header content to stretch to full width.\nBy default, the content has the appropriate page size.",
-              "attribute": "expanded",
-              "reflects": true
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "[SbbIconElement]"
             },
             {
               "kind": "field",
-              "name": "scrollOrigin",
+              "name": "iconName",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "string"
               },
               "privacy": "public",
-              "default": "null",
-              "description": "The element's id or the element on which the scroll listener is attached.\n\nFor attribute usage, provide an id reference.",
-              "attribute": "scroll-origin"
+              "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"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "hideOnScroll",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
               "type": {
-                "text": "boolean"
+                "text": "array"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the header should hide and show on scroll.",
-              "attribute": "hide-on-scroll",
-              "reflects": true
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "default": "''",
+              "description": "Value of the form element.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "type",
+              "privacy": "public",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
               "type": {
-                "text": "'m' | 's'"
+                "text": "SbbButtonType"
+              },
+              "attribute": "type",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
               },
               "privacy": "public",
-              "description": "Size of the header, either m or s.",
-              "default": "'m' / 's' (lean)",
-              "attribute": "size",
-              "reflects": true
+              "description": "The `<form>` element to associate the button with.",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "attribute": "form"
             },
             {
               "kind": "field",
-              "name": "_headerOnTop",
+              "name": "_formId",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "true"
+              "default": "''",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollElement",
+              "name": "_handleButtonClick",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_requestSubmit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "form",
+                  "type": {
+                    "text": "HTMLFormElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_formKeyDown",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
               "type": {
-                "text": "HTMLElement | Document | null | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollEventsController",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
-                "text": "AbortController"
+                "text": "string"
               },
-              "privacy": "private"
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollFunction",
+              "name": "validity",
               "type": {
-                "text": "(() => void) | undefined"
+                "text": "ValidityState"
               },
-              "privacy": "private"
+              "privacy": "public",
+              "description": "Returns the ValidityState object for this element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_lastScroll",
+              "name": "validationMessage",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "0"
+              "privacy": "public",
+              "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollOriginFromObserver",
+              "name": "willValidate",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "boolean"
               },
+              "privacy": "public",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_validityStates",
               "privacy": "private",
-              "default": "null"
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_initializeScrollOriginObserver",
-              "privacy": "private",
-              "static": true,
+              "name": "checkValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
+              },
+              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_findAndHandleScrollOrigins",
-              "privacy": "private",
-              "static": true,
+              "name": "reportValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "parameters": [
-                {
-                  "name": "root",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_handleScrollOriginElement",
-              "privacy": "private",
-              "static": true,
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -113202,131 +113411,286 @@
               },
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "message",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 }
-              ]
+              ],
+              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_updateHeaderElements",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_updateScrollListener",
-              "privacy": "private",
+              "name": "updateFormValue",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "FormRestoreState"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_getScrollFunction",
-              "privacy": "private",
+              "name": "setValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Returns the correct function to attach on scroll."
+              "parameters": [
+                {
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "flagValue",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags[T]"
+                  }
+                }
+              ],
+              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_getCurrentScrollProperty",
-              "privacy": "private",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "property",
+                  "name": "flag",
                   "type": {
-                    "text": "'scrollTop' | 'scrollHeight'"
+                    "text": "T"
                   }
                 }
               ],
-              "description": "Returns the requested property of the scrollContext."
+              "description": "Removes the validity state flag entry and updates validity state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_scrollListener",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Sets the correct value for `scrollTop`, then:\n- apply the shadow if the element/document has been scrolled down;\n- hides the header, remove the shadow and possibly close any open menu on the header if it is not visible anymore;\n- shows the header and re-apply the shadow if the element/document has been scrolled up."
+              "description": "To be called whenever the current element needs to be validated.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_scrollShadowListener",
-              "privacy": "private",
+              "name": "shouldValidate",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "Apply the shadow if the element/document has been scrolled down."
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "PropertyKey | undefined"
+                  }
+                }
+              ],
+              "description": "Whether validation should be run on a property change with the given name.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_closeOpenOverlays",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "['_$sbbElement$']",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "ElementInternals['role']"
               },
               "privacy": "public",
               "static": true,
-              "default": "true",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
+              },
+              "readonly": true,
+              "default": "'button'"
+            },
+            {
+              "kind": "field",
+              "name": "_preventScrollOnSpaceKeydown",
+              "privacy": "private",
+              "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
+              "parameters": [
+                {
+                  "description": "The origin event.",
+                  "name": "event"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "elementDependencies",
+              "name": "_removeActiveMarker",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dispatchClickEventOnSpaceKeyup",
+              "privacy": "private",
+              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
+              "parameters": [
+                {
+                  "description": "The origin event.",
+                  "name": "event"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dispatchClickEvent",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabled",
               "type": {
-                "text": "SbbElementType[] | undefined"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "static": true,
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "maybeDisabledInteractive",
               "type": {
-                "text": "ElementInternals['role'] | undefined"
+                "text": "boolean | undefined"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "public",
               "static": true,
+              "default": "true",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -113552,461 +113916,279 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to allow the header content to stretch to full width.\nBy default, the content has the appropriate page size.",
-              "fieldName": "expanded"
-            },
-            {
-              "name": "scroll-origin",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null",
-              "description": "The element's id or the element on which the scroll listener is attached.\n\nFor attribute usage, provide an id reference.",
-              "fieldName": "scrollOrigin"
-            },
-            {
-              "name": "hide-on-scroll",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the header should hide and show on scroll.",
-              "fieldName": "hideOnScroll"
-            },
+          "mixins": [
             {
-              "name": "size",
-              "type": {
-                "text": "'m' | 's'"
-              },
-              "description": "Size of the header, either m or s.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size"
+              "name": "SbbHeaderActionCommonElementMixin",
+              "module": "header/common/header-action-common.js"
             }
           ],
           "superclass": {
-            "name": "SbbElement",
+            "name": "SbbButtonBaseElement",
             "module": "core.js"
           },
-          "tagName": "sbb-header",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbHeaderElement",
-          "declaration": {
-            "name": "SbbHeaderElement",
-            "module": "header/header/header.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "header/header-button/header-button.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays a button element that can be used in the `sbb-header` component.",
-          "name": "SbbHeaderButtonElement",
-          "slots": [
-            {
-              "description": "Slot used to render the button icon.",
-              "name": "icon"
-            },
-            {
-              "description": "Use the unnamed slot to add content to the `sbb-header-button`.",
-              "name": ""
-            }
-          ],
-          "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-header-button'"
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]",
-              "inheritedFrom": {
-                "name": "SbbHeaderActionCommonElementMixin",
-                "module": "header/common/header-action-common.js"
-              }
-            },
+          "tagName": "sbb-header-button",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "expandFrom",
+              "name": "expand-from",
               "type": {
                 "text": "SbbHorizontalFrom"
               },
-              "privacy": "public",
               "default": "'large'",
               "description": "Used to set the minimum breakpoint from which the text is displayed.\nE.g. if set to 'large', the text will be visible for breakpoints large and ultra,\nand hidden for all the others. Ignored if no icon is set.",
-              "attribute": "expand-from",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbHeaderActionCommonElementMixin",
-                "module": "header/common/header-action-common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "description": "Override this method to render the component template.",
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[]"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "[SbbIconElement]"
-            },
-            {
-              "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"
-                }
-              },
+              "fieldName": "expandFrom",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbHeaderActionCommonElementMixin",
+                "module": "header/common/header-action-common.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "name": "icon-name",
               "type": {
-                "text": "array"
+                "text": "string"
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "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.",
+              "fieldName": "iconName",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
+              "default": "''",
+              "description": "Value of the form element.",
+              "fieldName": "value",
               "inheritedFrom": {
                 "name": "SbbButtonBaseElement",
                 "module": "core/base-elements/button-base-element.js"
-              },
-              "default": "''",
-              "description": "Value of the form element.",
-              "attribute": "value"
+              }
             },
             {
-              "kind": "field",
               "name": "type",
-              "privacy": "public",
               "description": "The type attribute to use for the button.",
               "default": "'button'",
               "type": {
                 "text": "SbbButtonType"
               },
-              "attribute": "type",
+              "fieldName": "type",
               "inheritedFrom": {
                 "name": "SbbButtonBaseElement",
                 "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "field",
               "name": "form",
+              "description": "The `<form>` element to associate the button with.",
               "type": {
                 "text": "HTMLFormElement | null"
               },
-              "privacy": "public",
-              "description": "The `<form>` element to associate the button with.",
+              "fieldName": "form",
               "inheritedFrom": {
                 "name": "SbbButtonBaseElement",
                 "module": "core/base-elements/button-base-element.js"
-              },
-              "attribute": "form"
+              }
             },
             {
-              "kind": "field",
-              "name": "_formId",
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
-              "default": "''",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbHeaderButtonElement",
+          "declaration": {
+            "name": "SbbHeaderButtonElement",
+            "module": "header/header-button/header-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "header/header/header.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays a header section for the page.",
+          "name": "SbbHeaderElement",
+          "cssProperties": [
+            {
+              "description": "Can be used to modify the z-index of the header.",
+              "name": "--sbb-header-z-index",
+              "default": "10"
             },
+            {
+              "description": "Can be used to modify height of the header.",
+              "name": "--sbb-header-height",
+              "default": "zero-small:var(--sbb-spacing-fixed-14x);large-ultra:var(--sbb-spacing-fixed-24x)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add actions, content and logo to the header.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_handleButtonClick",
-              "privacy": "private",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-header'",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_requestSubmit",
+              "kind": "field",
+              "name": "_headerScrollOrigins",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "form",
-                  "type": {
-                    "text": "HTMLFormElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+              "static": true,
+              "default": "new Set<HTMLElement>()"
             },
             {
               "kind": "field",
-              "name": "_formKeyDown",
+              "name": "_headerElements",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+              "static": true,
+              "default": "new Set<SbbHeaderElement>()"
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "expanded",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "default": "false",
+              "description": "Whether to allow the header content to stretch to full width.\nBy default, the content has the appropriate page size.",
+              "attribute": "expanded",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
-              "privacy": "public",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "scrollOrigin",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | null"
               },
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "privacy": "public",
+              "default": "null",
+              "description": "The element's id or the element on which the scroll listener is attached.\n\nFor attribute usage, provide an id reference.",
+              "attribute": "scroll-origin"
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "hideOnScroll",
               "type": {
-                "text": "ValidityState"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "default": "false",
+              "description": "Whether the header should hide and show on scroll.",
+              "attribute": "hide-on-scroll",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'m' | 's'"
               },
               "privacy": "public",
-              "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "description": "Size of the header, either m or s.",
+              "default": "'m' / 's' (lean)",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "willValidate",
+              "name": "_headerOnTop",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "privacy": "private",
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "_validityStates",
-              "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "name": "_scrollElement",
+              "type": {
+                "text": "HTMLElement | Document | null | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "formDisabled",
+              "name": "_scrollEventsController",
               "type": {
-                "text": "boolean"
+                "text": "AbortController"
               },
-              "privacy": "protected",
-              "default": "false",
-              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "_scrollFunction",
+              "type": {
+                "text": "(() => void) | undefined"
               },
-              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_lastScroll",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_scrollOriginFromObserver",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
+              "name": "_initializeScrollOriginObserver",
+              "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
-              },
-              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
+              "name": "_findAndHandleScrollOrigins",
+              "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
                   "text": "void"
@@ -114014,286 +114196,150 @@
               },
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "root",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 }
-              ],
-              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_hasDisabledAncestor",
+              "name": "_handleScrollOriginElement",
               "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
+              "name": "_updateHeaderElements",
+              "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "formState",
-              "privacy": "protected",
+              "name": "_updateScrollListener",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "FormRestoreState"
+                  "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "setValidityFlag",
-              "privacy": "protected",
+              "name": "_getScrollFunction",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "flagValue",
-                  "optional": true,
-                  "type": {
-                    "text": "ValidityStateFlags[T]"
-                  }
-                }
-              ],
-              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "description": "Returns the correct function to attach on scroll."
             },
             {
               "kind": "method",
-              "name": "removeValidityFlag",
-              "privacy": "protected",
+              "name": "_getCurrentScrollProperty",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
               "parameters": [
                 {
-                  "name": "flag",
+                  "name": "property",
                   "type": {
-                    "text": "T"
+                    "text": "'scrollTop' | 'scrollHeight'"
                   }
                 }
               ],
-              "description": "Removes the validity state flag entry and updates validity state.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "description": "Returns the requested property of the scrollContext."
             },
             {
               "kind": "method",
-              "name": "validate",
-              "privacy": "protected",
+              "name": "_scrollListener",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "To be called whenever the current element needs to be validated.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "description": "Sets the correct value for `scrollTop`, then:\n- apply the shadow if the element/document has been scrolled down;\n- hides the header, remove the shadow and possibly close any open menu on the header if it is not visible anymore;\n- shows the header and re-apply the shadow if the element/document has been scrolled up."
             },
             {
               "kind": "method",
-              "name": "shouldValidate",
-              "privacy": "protected",
+              "name": "_scrollShadowListener",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "PropertyKey | undefined"
-                  }
-                }
-              ],
-              "description": "Whether validation should be run on a property change with the given name.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "description": "Apply the shadow if the element/document has been scrolled down."
             },
             {
               "kind": "method",
-              "name": "_setInternalValidity",
+              "name": "_closeOpenOverlays",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "['_$sbbElement$']",
               "type": {
-                "text": "ElementInternals['role']"
+                "text": "boolean"
               },
               "privacy": "public",
               "static": true,
+              "default": "true",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "readonly": true,
-              "default": "'button'"
-            },
-            {
-              "kind": "field",
-              "name": "_preventScrollOnSpaceKeydown",
-              "privacy": "private",
-              "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
-              "parameters": [
-                {
-                  "description": "The origin event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_removeActiveMarker",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_dispatchClickEventOnSpaceKeyup",
-              "privacy": "private",
-              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
-              "parameters": [
-                {
-                  "description": "The origin event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_dispatchClickEvent",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maybeDisabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "maybeDisabledInteractive",
+              "name": "elementDependencies",
               "type": {
-                "text": "boolean | undefined"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setupBaseEventHandlers",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "SbbElementType[] | undefined"
               },
+              "privacy": "public",
+              "static": true,
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "['_$sbbElement$']",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "ElementInternals['role'] | undefined"
               },
               "privacy": "public",
               "static": true,
-              "default": "true",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -114519,105 +114565,59 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbHeaderActionCommonElementMixin",
-              "module": "header/common/header-action-common.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbButtonBaseElement",
-            "module": "core.js"
-          },
-          "tagName": "sbb-header-button",
-          "customElement": true,
           "attributes": [
             {
-              "name": "expand-from",
-              "type": {
-                "text": "SbbHorizontalFrom"
-              },
-              "default": "'large'",
-              "description": "Used to set the minimum breakpoint from which the text is displayed.\nE.g. if set to 'large', the text will be visible for breakpoints large and ultra,\nand hidden for all the others. Ignored if no icon is set.",
-              "fieldName": "expandFrom",
-              "inheritedFrom": {
-                "name": "SbbHeaderActionCommonElementMixin",
-                "module": "header/common/header-action-common.js"
-              }
-            },
-            {
-              "name": "icon-name",
-              "type": {
-                "text": "string"
-              },
-              "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.",
-              "fieldName": "iconName",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
-            {
-              "name": "value",
+              "name": "expanded",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Value of the form element.",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+              "default": "false",
+              "description": "Whether to allow the header content to stretch to full width.\nBy default, the content has the appropriate page size.",
+              "fieldName": "expanded"
             },
             {
-              "name": "type",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
+              "name": "scroll-origin",
               "type": {
-                "text": "SbbButtonType"
+                "text": "HTMLElement | null"
               },
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+              "default": "null",
+              "description": "The element's id or the element on which the scroll listener is attached.\n\nFor attribute usage, provide an id reference.",
+              "fieldName": "scrollOrigin"
             },
             {
-              "name": "form",
-              "description": "The `<form>` element to associate the button with.",
+              "name": "hide-on-scroll",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "boolean"
               },
-              "fieldName": "form",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+              "default": "false",
+              "description": "Whether the header should hide and show on scroll.",
+              "fieldName": "hideOnScroll"
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'m' | 's'"
               },
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "description": "Size of the header, either m or s.",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core.js"
+          },
+          "tagName": "sbb-header",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbHeaderButtonElement",
+          "name": "SbbHeaderElement",
           "declaration": {
-            "name": "SbbHeaderButtonElement",
-            "module": "header/header-button/header-button.component.js"
+            "name": "SbbHeaderElement",
+            "module": "header/header/header.component.js"
           }
         }
       ]
@@ -153347,12 +153347,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "teaser-product/teaser-product-static/teaser-product-static.component.js",
+      "path": "teaser-product/teaser-product/teaser-product.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Displays a text and a footnote, combined with an image, to tease a product.",
-          "name": "SbbTeaserProductStaticElement",
+          "description": "Displays a text and a footnote, combined with an image, to tease a product",
+          "name": "SbbTeaserProductElement",
           "cssProperties": [
             {
               "description": "At which percentage the background should start getting transparent.",
@@ -153393,7 +153393,21 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-teaser-product-static'"
+              "default": "'sbb-teaser-product'"
+            },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[]"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "[SbbScreenReaderOnlyElement]"
             },
             {
               "kind": "field",
@@ -153442,6 +153456,155 @@
                 "module": "core/mixins/negative-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The href value you want to link to.",
+              "attribute": "href",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "LinkTargetType | string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Where to display the linked URL.",
+              "attribute": "target",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The relationship of the linked URL as space-separated link types.",
+              "attribute": "rel",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityLabel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "This will be forwarded as aria-label to the inner anchor element.",
+              "attribute": "accessibility-label",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityCurrent",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "This will be forwarded as aria-current to the inner anchor element.",
+              "attribute": "accessibility-current",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "language",
+              "privacy": "protected",
+              "default": "new SbbLanguageController(this)",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "anchorRole",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_evaluateRelAttribute",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLink",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "renderContent",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "maybeDisabled",
@@ -153496,19 +153659,6 @@
                 "module": "core/base-elements/element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -153749,10 +153899,10 @@
             }
           ],
           "superclass": {
-            "name": "SbbActionBaseElement",
+            "name": "SbbLinkBaseElement",
             "module": "core.js"
           },
-          "tagName": "sbb-teaser-product-static",
+          "tagName": "sbb-teaser-product",
           "customElement": true,
           "attributes": [
             {
@@ -153780,6 +153930,84 @@
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins/negative-mixin.js"
               }
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The href value you want to link to.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "LinkTargetType | string"
+              },
+              "default": "''",
+              "description": "Where to display the linked URL.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The relationship of the linked URL as space-separated link types.",
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "accessibility-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "This will be forwarded as aria-label to the inner anchor element.",
+              "fieldName": "accessibilityLabel",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "accessibility-current",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "This will be forwarded as aria-current to the inner anchor element.",
+              "fieldName": "accessibilityCurrent",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
             }
           ]
         }
@@ -153787,22 +154015,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTeaserProductStaticElement",
+          "name": "SbbTeaserProductElement",
           "declaration": {
-            "name": "SbbTeaserProductStaticElement",
-            "module": "teaser-product/teaser-product-static/teaser-product-static.component.js"
+            "name": "SbbTeaserProductElement",
+            "module": "teaser-product/teaser-product/teaser-product.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "teaser-product/teaser-product/teaser-product.component.js",
+      "path": "teaser-product/teaser-product-static/teaser-product-static.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Displays a text and a footnote, combined with an image, to tease a product",
-          "name": "SbbTeaserProductElement",
+          "description": "Displays a text and a footnote, combined with an image, to tease a product.",
+          "name": "SbbTeaserProductStaticElement",
           "cssProperties": [
             {
               "description": "At which percentage the background should start getting transparent.",
@@ -153843,21 +154071,7 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-teaser-product'"
-            },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[]"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "[SbbScreenReaderOnlyElement]"
+              "default": "'sbb-teaser-product-static'"
             },
             {
               "kind": "field",
@@ -153906,155 +154120,6 @@
                 "module": "core/mixins/negative-mixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "The href value you want to link to.",
-              "attribute": "href",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "LinkTargetType | string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "Where to display the linked URL.",
-              "attribute": "target",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "The relationship of the linked URL as space-separated link types.",
-              "attribute": "rel",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the browser will show the download dialog on click.",
-              "attribute": "download",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "accessibilityLabel",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "This will be forwarded as aria-label to the inner anchor element.",
-              "attribute": "accessibility-label",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "accessibilityCurrent",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "This will be forwarded as aria-current to the inner anchor element.",
-              "attribute": "accessibility-current",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "language",
-              "privacy": "protected",
-              "default": "new SbbLanguageController(this)",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "anchorRole",
-              "type": {
-                "text": "string | null"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "default": "null",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_evaluateRelAttribute",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderLink",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "renderContent",
-                  "type": {
-                    "text": "TemplateResult"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
             {
               "kind": "field",
               "name": "maybeDisabled",
@@ -154109,6 +154174,19 @@
                 "module": "core/base-elements/element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "role",
@@ -154349,10 +154427,10 @@
             }
           ],
           "superclass": {
-            "name": "SbbLinkBaseElement",
+            "name": "SbbActionBaseElement",
             "module": "core.js"
           },
-          "tagName": "sbb-teaser-product",
+          "tagName": "sbb-teaser-product-static",
           "customElement": true,
           "attributes": [
             {
@@ -154380,84 +154458,6 @@
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins/negative-mixin.js"
               }
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The href value you want to link to.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "LinkTargetType | string"
-              },
-              "default": "''",
-              "description": "Where to display the linked URL.",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The relationship of the linked URL as space-separated link types.",
-              "fieldName": "rel",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "download",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the browser will show the download dialog on click.",
-              "fieldName": "download",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "accessibility-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "This will be forwarded as aria-label to the inner anchor element.",
-              "fieldName": "accessibilityLabel",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "accessibility-current",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "This will be forwarded as aria-current to the inner anchor element.",
-              "fieldName": "accessibilityCurrent",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
             }
           ]
         }
@@ -154465,10 +154465,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTeaserProductElement",
+          "name": "SbbTeaserProductStaticElement",
           "declaration": {
-            "name": "SbbTeaserProductElement",
-            "module": "teaser-product/teaser-product/teaser-product.component.js"
+            "name": "SbbTeaserProductStaticElement",
+            "module": "teaser-product/teaser-product-static/teaser-product-static.component.js"
           }
         }
       ]