@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777554721 → 5.0.0-next.1-dev.1777673087

package/custom-elements.json

@@ -125113,51 +125113,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "link/block-link-static/block-link-static.component.js",
+      "path": "link/common/block-link-common.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a static link enhanced with the SBB Design.",
-          "name": "SbbBlockLinkStaticElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add content to the `sbb-block-link-static`.",
-              "name": ""
-            },
-            {
-              "description": "Slot used to display the icon, if one is set.",
-              "name": "icon"
-            }
-          ],
+          "description": "",
+          "name": "SbbBlockLinkCommonElementMixinType",
           "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-block-link-static'"
-            },
-            {
-              "kind": "field",
-              "name": "styles",
+              "name": "iconPlacement",
               "type": {
-                "text": "CSSResultGroup"
+                "text": "SbbIconPlacement"
               },
-              "privacy": "public",
-              "static": true,
-              "default": "[unsafeCSS(blockStyle)]",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -125165,30 +125134,20 @@
               "type": {
                 "text": "SbbLinkSize"
               },
-              "privacy": "public",
-              "description": "Size variant, either xs, s or m.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbBlockLinkCommonElementMixin",
-                "module": "link/common/block-link-common.js"
-              }
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "iconPlacement",
+              "name": "styles",
               "type": {
-                "text": "SbbIconPlacement"
+                "text": "CSSResultGroup"
               },
               "privacy": "public",
-              "default": "'start'",
-              "description": "Moves the icon to the end of the component if set to true.",
-              "attribute": "icon-placement",
-              "reflects": true,
+              "static": true,
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
-                "name": "SbbBlockLinkCommonElementMixin",
-                "module": "link/common/block-link-common.js"
+                "name": "SbbLinkCommonElementMixin",
+                "module": "link/common/link-common.js"
               }
             },
             {
@@ -125206,6 +125165,22 @@
                 "module": "core/base-elements/action-base-element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "elementDependencies",
@@ -125286,50 +125261,6 @@
                 "module": "icon/icon-name-mixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "Whether the component is disabled.",
-              "default": "false",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#disabled",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isDisabledExternally",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
             {
               "kind": "field",
               "name": "maybeDisabled",
@@ -125384,6 +125315,20 @@
                 "module": "core/base-elements/element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "role",
@@ -125643,45 +125588,30 @@
           ],
           "mixins": [
             {
-              "name": "SbbBlockLinkCommonElementMixin",
-              "module": "link/common/block-link-common.js"
+              "name": "SbbLinkCommonElementMixin",
+              "module": "link/common/link-common.js"
             },
             {
-              "name": "SbbDisabledMixin",
-              "module": "core.js"
+              "name": "SbbIconNameMixin",
+              "module": "icon.pure.js"
             }
           ],
           "superclass": {
             "name": "SbbActionBaseElement",
             "module": "core.js"
           },
-          "tagName": "sbb-block-link-static",
-          "customElement": true,
           "attributes": [
             {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Size variant, either xs, s or m.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbBlockLinkCommonElementMixin",
-                "module": "link/common/block-link-common.js"
-              }
-            },
-            {
-              "name": "icon-placement",
+              "name": "negative",
               "type": {
-                "text": "SbbIconPlacement"
+                "text": "boolean"
               },
-              "default": "'start'",
-              "description": "Moves the icon to the end of the component if set to true.",
-              "fieldName": "iconPlacement",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
               "inheritedFrom": {
-                "name": "SbbBlockLinkCommonElementMixin",
-                "module": "link/common/block-link-common.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
             },
             {
@@ -125696,50 +125626,27 @@
                 "name": "SbbIconNameMixin",
                 "module": "icon/icon-name-mixin.js"
               }
-            },
-            {
-              "name": "disabled",
-              "description": "Whether the component is disabled.",
-              "default": "false",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
             }
           ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbBlockLinkStaticElement",
-          "declaration": {
-            "name": "SbbBlockLinkStaticElement",
-            "module": "link/block-link-static/block-link-static.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "link/common/block-link-common.js",
-      "declarations": [
+        },
         {
-          "kind": "class",
+          "kind": "mixin",
           "description": "",
-          "name": "SbbBlockLinkCommonElementMixinType",
+          "name": "SbbBlockLinkCommonElementMixin",
           "members": [
             {
               "kind": "field",
-              "name": "iconPlacement",
+              "name": "styles",
               "type": {
-                "text": "SbbIconPlacement"
+                "text": "CSSResultGroup"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "static": true,
+              "default": "[unsafeCSS(blockStyle)]",
+              "inheritedFrom": {
+                "name": "SbbLinkCommonElementMixin",
+                "module": "link/common/link-common.js"
+              }
             },
             {
               "kind": "field",
@@ -125747,21 +125654,23 @@
               "type": {
                 "text": "SbbLinkSize"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "description": "Size variant, either xs, s or m.",
+              "default": "'s' / 'xs' (lean)",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "iconPlacement",
               "type": {
-                "text": "CSSResultGroup"
+                "text": "SbbIconPlacement"
               },
               "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
+              "default": "'start'",
+              "description": "Moves the icon to the end of the component if set to true.",
+              "attribute": "icon-placement",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -125772,10 +125681,9 @@
                   "text": "TemplateResult"
                 }
               },
-              "description": "Override this method to render the component template.",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbLinkCommonElementMixin",
+                "module": "link/common/link-common.js"
               }
             },
             {
@@ -125802,12 +125710,12 @@
               },
               "privacy": "public",
               "static": true,
+              "default": "[SbbIconElement]",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "[SbbIconElement]"
-            },
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "iconName",
@@ -125873,6 +125781,156 @@
                 "name": "SbbIconNameMixin",
                 "module": "icon/icon-name-mixin.js"
               }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SbbLinkSize"
+              },
+              "description": "Size variant, either xs, s or m.",
+              "default": "'s' / 'xs' (lean)",
+              "fieldName": "size"
+            },
+            {
+              "name": "icon-placement",
+              "type": {
+                "text": "SbbIconPlacement"
+              },
+              "default": "'start'",
+              "description": "Moves the icon to the end of the component if set to true.",
+              "fieldName": "iconPlacement"
+            },
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.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"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbLinkCommonElementMixin",
+              "module": "link/common/link-common.js"
+            },
+            {
+              "name": "SbbIconNameMixin",
+              "module": "icon.pure.js"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbBlockLinkCommonElementMixinType",
+          "declaration": {
+            "name": "SbbBlockLinkCommonElementMixinType",
+            "module": "link/common/block-link-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbBlockLinkCommonElementMixin",
+          "declaration": {
+            "name": "SbbBlockLinkCommonElementMixin",
+            "module": "link/common/block-link-common.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "link/common/inline-link-common.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbInlineLinkCommonElementMixinType",
+          "mixins": [
+            {
+              "name": "SbbLinkCommonElementMixin",
+              "module": "link/common/link-common.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbActionBaseElement",
+            "module": "core.js"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
+              "inheritedFrom": {
+                "name": "SbbLinkCommonElementMixin",
+                "module": "link/common/link-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": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
             },
             {
               "kind": "field",
@@ -125942,6 +126000,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",
@@ -126199,20 +126270,6 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbLinkCommonElementMixin",
-              "module": "link/common/link-common.js"
-            },
-            {
-              "name": "SbbIconNameMixin",
-              "module": "icon.pure.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbActionBaseElement",
-            "module": "core.js"
-          },
           "attributes": [
             {
               "name": "negative",
@@ -126226,26 +126283,13 @@
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins/negative-mixin.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"
-              }
             }
           ]
         },
         {
           "kind": "mixin",
           "description": "",
-          "name": "SbbBlockLinkCommonElementMixin",
+          "name": "SbbInlineLinkCommonElementMixin",
           "members": [
             {
               "kind": "field",
@@ -126255,36 +126299,12 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[unsafeCSS(blockStyle)]",
+              "default": "[unsafeCSS(inlineStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Size variant, either xs, s or m.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "iconPlacement",
-              "type": {
-                "text": "SbbIconPlacement"
-              },
-              "privacy": "public",
-              "default": "'start'",
-              "description": "Moves the icon to the end of the component if set to true.",
-              "attribute": "icon-placement",
-              "reflects": true
-            },
             {
               "kind": "method",
               "name": "renderTemplate",
@@ -126314,111 +126334,27 @@
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins/negative-mixin.js"
               }
-            },
+            }
+          ],
+          "mixins": [
             {
-              "kind": "field",
-              "name": "elementDependencies",
+              "name": "SbbLinkCommonElementMixin",
+              "module": "link/common/link-common.js"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
               "type": {
-                "text": "SbbElementType[]"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[SbbIconElement]",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "text": "T"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "iconName",
+              "name": "negative",
               "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"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Size variant, either xs, s or m.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size"
-            },
-            {
-              "name": "icon-placement",
-              "type": {
-                "text": "SbbIconPlacement"
-              },
-              "default": "'start'",
-              "description": "Moves the icon to the end of the component if set to true.",
-              "fieldName": "iconPlacement"
-            },
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
+                "text": "boolean"
               },
               "default": "false",
               "description": "Negative coloring variant flag.",
@@ -126427,37 +126363,6 @@
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins/negative-mixin.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"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbLinkCommonElementMixin",
-              "module": "link/common/link-common.js"
-            },
-            {
-              "name": "SbbIconNameMixin",
-              "module": "icon.pure.js"
-            }
-          ],
-          "parameters": [
-            {
-              "name": "superClass",
-              "type": {
-                "text": "T"
-              }
             }
           ]
         }
@@ -126465,70 +126370,56 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbBlockLinkCommonElementMixinType",
+          "name": "SbbInlineLinkCommonElementMixinType",
           "declaration": {
-            "name": "SbbBlockLinkCommonElementMixinType",
-            "module": "link/common/block-link-common.js"
+            "name": "SbbInlineLinkCommonElementMixinType",
+            "module": "link/common/inline-link-common.js"
           }
         },
         {
           "kind": "js",
-          "name": "SbbBlockLinkCommonElementMixin",
+          "name": "SbbInlineLinkCommonElementMixin",
           "declaration": {
-            "name": "SbbBlockLinkCommonElementMixin",
-            "module": "link/common/block-link-common.js"
+            "name": "SbbInlineLinkCommonElementMixin",
+            "module": "link/common/inline-link-common.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "link/common/inline-link-common.js",
+      "path": "link/common/link-common.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SbbInlineLinkCommonElementMixinType",
+          "name": "SbbLinkCommonElementMixinType",
           "mixins": [
             {
-              "name": "SbbLinkCommonElementMixin",
-              "module": "link/common/link-common.js"
+              "name": "SbbNegativeMixin",
+              "module": "core.js"
             }
           ],
           "superclass": {
             "name": "SbbActionBaseElement",
             "module": "core.js"
           },
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "styles",
+              "name": "negative",
               "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+                "text": "boolean"
               },
-              "description": "Override this method to render the component template.",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "negative",
@@ -126585,6 +126476,21 @@
                 "module": "core/base-elements/action-base-element.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": "['_$sbbElement$']",
@@ -126882,27 +126788,12 @@
                 "module": "core/base-elements/element.js"
               }
             }
-          ],
-          "attributes": [
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            }
           ]
         },
         {
           "kind": "mixin",
           "description": "",
-          "name": "SbbInlineLinkCommonElementMixin",
+          "name": "SbbLinkCommonElementMixin",
           "members": [
             {
               "kind": "field",
@@ -126912,11 +126803,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[unsafeCSS(inlineStyle)]",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
+              "default": "[boxSizingStyles, unsafeCSS(style)]"
             },
             {
               "kind": "method",
@@ -126926,10 +126813,6 @@
                 "type": {
                   "text": "TemplateResult"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
               }
             },
             {
@@ -126951,8 +126834,8 @@
           ],
           "mixins": [
             {
-              "name": "SbbLinkCommonElementMixin",
-              "module": "link/common/link-common.js"
+              "name": "SbbNegativeMixin",
+              "module": "core.js"
             }
           ],
           "parameters": [
@@ -126983,80 +126866,112 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbInlineLinkCommonElementMixinType",
+          "name": "SbbLinkCommonElementMixinType",
           "declaration": {
-            "name": "SbbInlineLinkCommonElementMixinType",
-            "module": "link/common/inline-link-common.js"
+            "name": "SbbLinkCommonElementMixinType",
+            "module": "link/common/link-common.js"
           }
         },
         {
           "kind": "js",
-          "name": "SbbInlineLinkCommonElementMixin",
+          "name": "SbbLinkCommonElementMixin",
           "declaration": {
-            "name": "SbbInlineLinkCommonElementMixin",
-            "module": "link/common/inline-link-common.js"
+            "name": "SbbLinkCommonElementMixin",
+            "module": "link/common/link-common.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "link/common/link-common.js",
+      "path": "link/block-link-static/block-link-static.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "SbbLinkCommonElementMixinType",
-          "mixins": [
+          "description": "It displays a static link enhanced with the SBB Design.",
+          "name": "SbbBlockLinkStaticElement",
+          "slots": [
             {
-              "name": "SbbNegativeMixin",
-              "module": "core.js"
+              "description": "Use the unnamed slot to add content to the `sbb-block-link-static`.",
+              "name": ""
+            },
+            {
+              "description": "Slot used to display the icon, if one is set.",
+              "name": "icon"
             }
           ],
-          "superclass": {
-            "name": "SbbActionBaseElement",
-            "module": "core.js"
-          },
-          "attributes": [
+          "members": [
             {
-              "name": "negative",
+              "kind": "field",
+              "name": "elementName",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "'sbb-block-link-static'"
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[unsafeCSS(blockStyle)]",
+              "inheritedFrom": {
+                "name": "SbbLinkCommonElementMixin",
+                "module": "link/common/link-common.js"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "negative",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "SbbLinkSize"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "attribute": "negative",
+              "description": "Size variant, either xs, s or m.",
+              "default": "'s' / 'xs' (lean)",
+              "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
               }
             },
             {
               "kind": "field",
-              "name": "maybeDisabled",
+              "name": "iconPlacement",
               "type": {
-                "text": "boolean | undefined"
+                "text": "SbbIconPlacement"
               },
+              "privacy": "public",
+              "default": "'start'",
+              "description": "Moves the icon to the end of the component if set to true.",
+              "attribute": "icon-placement",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
               "privacy": "protected",
-              "readonly": true,
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Override this method to render the component template.",
               "inheritedFrom": {
                 "name": "SbbActionBaseElement",
                 "module": "core/base-elements/action-base-element.js"
@@ -127064,82 +126979,177 @@
             },
             {
               "kind": "field",
-              "name": "maybeDisabledInteractive",
+              "name": "elementDependencies",
               "type": {
-                "text": "boolean | undefined"
+                "text": "SbbElementType[]"
               },
-              "privacy": "protected",
-              "readonly": true,
+              "privacy": "public",
+              "static": true,
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "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": "setupBaseEventHandlers",
+              "name": "renderIconSlot",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderTemplate",
+              "name": "renderIconName",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "string"
                 }
               },
-              "description": "Override this method to render the component template.",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "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": "['_$sbbElement$']",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Whether the component is disabled.",
+              "default": "false",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
+              "attribute": "disabled",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "elementName",
+              "name": "#disabled",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "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": "elementDependencies",
+              "name": "maybeDisabledInteractive",
               "type": {
-                "text": "SbbElementType[] | 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"
@@ -127401,76 +127411,74 @@
                 "module": "core/base-elements/element.js"
               }
             }
-          ]
-        },
-        {
-          "kind": "mixin",
-          "description": "",
-          "name": "SbbLinkCommonElementMixin",
-          "members": [
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]"
-            },
+          ],
+          "mixins": [
             {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
+              "name": "SbbBlockLinkCommonElementMixin",
+              "module": "link/common/block-link-common.js"
             },
             {
-              "kind": "field",
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "attribute": "negative",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbNegativeMixin",
+              "name": "SbbDisabledMixin",
               "module": "core.js"
             }
           ],
-          "parameters": [
+          "superclass": {
+            "name": "SbbActionBaseElement",
+            "module": "core.js"
+          },
+          "tagName": "sbb-block-link-static",
+          "customElement": true,
+          "attributes": [
             {
-              "name": "superClass",
+              "name": "size",
               "type": {
-                "text": "T"
+                "text": "SbbLinkSize"
+              },
+              "description": "Size variant, either xs, s or m.",
+              "default": "'s' / 'xs' (lean)",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "negative",
+              "name": "icon-placement",
               "type": {
-                "text": "boolean"
+                "text": "SbbIconPlacement"
+              },
+              "default": "'start'",
+              "description": "Moves the icon to the end of the component if set to true.",
+              "fieldName": "iconPlacement",
+              "inheritedFrom": {
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-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": "disabled",
+              "description": "Whether the component is disabled.",
               "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             }
           ]
@@ -127479,18 +127487,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbLinkCommonElementMixinType",
-          "declaration": {
-            "name": "SbbLinkCommonElementMixinType",
-            "module": "link/common/link-common.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SbbLinkCommonElementMixin",
+          "name": "SbbBlockLinkStaticElement",
           "declaration": {
-            "name": "SbbLinkCommonElementMixin",
-            "module": "link/common/link-common.js"
+            "name": "SbbBlockLinkStaticElement",
+            "module": "link/block-link-static/block-link-static.component.js"
           }
         }
       ]
@@ -148729,20 +148729,28 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar/sidebar.component.js",
+      "path": "sidebar/sidebar-close-button/sidebar-close-button.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "This component corresponds to a sidebar that can be opened on the sidebar container.",
-          "name": "SbbSidebarElement",
+          "description": "Sidebar close button, intended to be placed inside sbb-sidebar.",
+          "name": "SbbSidebarCloseButtonElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to slot any content into the sidebar.",
-              "name": ""
+              "description": "Use the unnamed slot to add content to the sidebar-close-button. Not intended to be used in this context.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbSecondaryButtonElement",
+                "module": "button/secondary-button/secondary-button.component.js"
+              }
             },
             {
-              "description": "Use the title slot to add an <sbb-title>.",
-              "name": "title"
+              "description": "Slot used to display the icon, if one is set. Not intended to be used in this context.",
+              "name": "icon",
+              "inheritedFrom": {
+                "name": "SbbSecondaryButtonElement",
+                "module": "button/secondary-button/secondary-button.component.js"
+              }
             }
           ],
           "members": [
@@ -148759,208 +148767,470 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-sidebar'"
+              "default": "'sbb-sidebar-close-button'"
             },
             {
               "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "'white' | 'milk'"
+              "name": "_languageController",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "public",
-              "default": "'white'",
-              "description": "Background color of the sidebar. Either `white` or `milk`.",
-              "attribute": "color",
-              "reflects": true
+              "description": "Override this method to render the component template.",
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "size",
               "type": {
-                "text": "'side' | 'over'"
+                "text": "SbbButtonSize"
               },
               "privacy": "public",
-              "default": "'side'",
-              "description": "Mode of the sidebar; one of 'side' or 'over'.",
-              "attribute": "mode",
-              "reflects": true
+              "description": "Size variant, either l, m or s.",
+              "default": "'s'",
+              "attribute": "size",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
+              }
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "styles",
               "type": {
-                "text": "'start' | 'end'"
+                "text": "CSSResultGroup"
               },
               "privacy": "public",
-              "default": "'start'",
-              "description": "The side that the sidebar is attached to.",
-              "attribute": "position",
-              "reflects": true
+              "static": true,
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
+              "inheritedFrom": {
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
+              }
             },
             {
               "kind": "field",
-              "name": "opened",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
-              "attribute": "opened",
-              "reflects": true
+              "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
+              }
             },
             {
               "kind": "field",
-              "name": "focusOnOpen",
+              "name": "negative",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
-              "attribute": "focus-on-open"
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "container",
+              "name": "elementDependencies",
               "type": {
-                "text": "SbbSidebarContainerElement | null"
+                "text": "SbbElementType[]"
               },
               "privacy": "public",
-              "description": "Returns the SbbSidebarContainerElement where this sidebar is contained.",
-              "readonly": true,
-              "default": "null"
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "[SbbIconElement]"
             },
             {
               "kind": "field",
-              "name": "_container",
+              "name": "iconName",
               "type": {
-                "text": "SbbSidebarContainerElement | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "null"
+              "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": "field",
-              "name": "_lastFocusedElement",
-              "type": {
-                "text": "HTMLElement | null"
+              "kind": "method",
+              "name": "renderIconSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "private",
-              "default": "null"
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
-              "kind": "field",
-              "name": "_focusTrapController",
+              "kind": "method",
+              "name": "_renderIconName",
               "privacy": "private",
-              "default": "new SbbFocusTrapController(this)"
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_escapableOverlayController",
-              "privacy": "private",
-              "default": "new SbbEscapableOverlayController(this)"
+              "name": "disabledInteractive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "attribute": "disabled-interactive",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_closeOnNavigation",
-              "privacy": "private"
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Whether the component is disabled.",
+              "default": "false",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#disabled",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "toggle",
-              "privacy": "public",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "Toggles the sidebar visibility."
+              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
-              "kind": "method",
-              "name": "open",
+              "kind": "field",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "type": {
+                "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",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               },
-              "description": "Opens the sidebar.",
+              "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",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_isZeroAnimationDuration",
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "public",
+              "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": "_formId",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "default": "''",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_handleButtonClick",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleOpening",
+              "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": "method",
-              "name": "close",
+              "kind": "field",
+              "name": "_formKeyDown",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
+              "type": {
+                "text": "string"
               },
-              "description": "Closes the sidebar.",
+              "attribute": "name",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_handleClosing",
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
+              "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": "validationMessage",
+              "type": {
+                "text": "string"
+              },
+              "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": "willValidate",
+              "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"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_validityStates",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "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": "_takeFocus",
-              "privacy": "private",
+              "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": "cedeFocus",
-              "privacy": "protected",
+              "name": "reportValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
+              },
+              "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": "_updateSidebarWidth",
-              "privacy": "private",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -148968,44 +149238,65 @@
               },
               "parameters": [
                 {
-                  "name": "oldPosition",
-                  "optional": true,
+                  "name": "message",
                   "type": {
-                    "text": "this['position']"
+                    "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": "_buildCssWidthVar",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateFormValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "position",
-                  "default": "this.position"
-                }
-              ]
+              "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": "_isModeOver",
-              "privacy": "private",
+              "name": "formState",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "FormRestoreState"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_onTransitionEnd",
-              "privacy": "private",
+              "name": "setValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -149013,230 +149304,209 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "flag",
                   "type": {
-                    "text": "TransitionEvent"
+                    "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": "_detectScrolledState",
-              "privacy": "private",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isAnimating",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the component is currently animating.",
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "animationComplete",
-              "type": {
-                "text": "Promise<void>"
-              },
-              "privacy": "public",
-              "description": "Returns a promise which completes whenever an animation ends.\nWhen a new animation starts, a new Promise is returned.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_animationPromise",
-              "type": {
-                "text": "Promise<void>"
               },
-              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "startAnimation",
+              "name": "validate",
               "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "To be called whenever the current element needs to be validated.",
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "stopAnimation",
+              "name": "shouldValidate",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "Overriding stopAnimation() breaks functionality.",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "PropertyKey | undefined"
+                  }
+                }
+              ],
+              "description": "Whether validation should be run on a property change with the given name.",
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_enqueueAnimation",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
+              "name": "role",
               "type": {
-                "text": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
+                "text": "ElementInternals['role']"
               },
+              "privacy": "public",
+              "static": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "state",
-              "privacy": "protected",
-              "description": "The state of the component.",
-              "type": {
-                "text": "SbbOpenedClosedState"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               },
-              "default": "'closed'",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
+              "readonly": true,
+              "default": "'button'"
             },
             {
               "kind": "field",
-              "name": "_state",
-              "type": {
-                "text": "SbbOpenedClosedState"
-              },
+              "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "isOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Whether the element is open.",
-              "readonly": true,
+              "name": "_removeActiveMarker",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "escapeStrategy",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
+              "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"
                 }
-              },
-              "description": "The method which is called on escape key press. Defaults to calling close()",
+              ],
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "dispatchBeforeOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "kind": "field",
+              "name": "_dispatchClickEvent",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "dispatchOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "maybeDisabled",
+              "type": {
+                "text": "boolean | undefined"
               },
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "dispatchBeforeCloseEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
+              "type": {
+                "text": "boolean | undefined"
               },
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "dispatchCloseEvent",
+              "name": "setupBaseEventHandlers",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -149253,32 +149523,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",
-              "type": {
-                "text": "ElementInternals['role'] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
             {
               "kind": "field",
               "name": "_controllers",
@@ -149463,754 +149707,460 @@
               "return": {
                 "type": {
                   "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_observeTextNodesInSlot",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasSlottedContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "color",
-              "type": {
-                "text": "'white' | 'milk'"
-              },
-              "default": "'white'",
-              "description": "Background color of the sidebar. Either `white` or `milk`.",
-              "fieldName": "color"
-            },
-            {
-              "name": "mode",
-              "type": {
-                "text": "'side' | 'over'"
-              },
-              "default": "'side'",
-              "description": "Mode of the sidebar; one of 'side' or 'over'.",
-              "fieldName": "mode"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "'start' | 'end'"
-              },
-              "default": "'start'",
-              "description": "The side that the sidebar is attached to.",
-              "fieldName": "position"
-            },
-            {
-              "name": "opened",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
-              "fieldName": "opened"
-            },
-            {
-              "name": "focus-on-open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
-              "fieldName": "focusOnOpen"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbAnimationCompleteMixin",
-              "module": "core.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbOpenCloseBaseElement",
-            "module": "core.js"
-          },
-          "tagName": "sbb-sidebar",
-          "customElement": true,
-          "events": [
-            {
-              "name": "beforeopen",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component is opened.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "beforeclose",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "close",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component is closed.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSidebarElement",
-          "declaration": {
-            "name": "SbbSidebarElement",
-            "module": "sidebar/sidebar/sidebar.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-close-button/sidebar-close-button.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Sidebar close button, intended to be placed inside sbb-sidebar.",
-          "name": "SbbSidebarCloseButtonElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add content to the sidebar-close-button. Not intended to be used in this context.",
-              "name": "",
-              "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
-              }
-            },
-            {
-              "description": "Slot used to display the icon, if one is set. Not intended to be used in this context.",
-              "name": "icon",
-              "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
+                }
               },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-sidebar-close-button'"
-            },
-            {
-              "kind": "field",
-              "name": "_languageController",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)"
+              }
             },
             {
               "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
+              "name": "_observeTextNodesInSlot",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
-              "description": "Override this method to render the component template.",
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderIconName",
-              "privacy": "protected",
+              "name": "_hasSlottedContent",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "boolean"
                 }
               },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
-            },
+            }
+          ],
+          "superclass": {
+            "name": "SbbSecondaryButtonElement",
+            "module": "button.pure.js"
+          },
+          "tagName": "sbb-sidebar-close-button",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
               "name": "size",
               "type": {
                 "text": "SbbButtonSize"
               },
-              "privacy": "public",
               "description": "Size variant, either l, m or s.",
-              "default": "'s'",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbButtonCommonElementMixin",
-                "module": "button/common/button-common.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size",
               "inheritedFrom": {
                 "name": "SbbButtonCommonElementMixin",
                 "module": "button/common/button-common.js"
               }
             },
             {
-              "kind": "field",
               "name": "loading",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
               "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
-              "attribute": "loading",
-              "reflects": true,
+              "fieldName": "loading",
               "inheritedFrom": {
                 "name": "SbbButtonCommonElementMixin",
                 "module": "button/common/button-common.js"
               }
             },
             {
-              "kind": "field",
               "name": "negative",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
               "description": "Negative coloring variant flag.",
-              "attribute": "negative",
-              "reflects": true,
+              "fieldName": "negative",
               "inheritedFrom": {
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins/negative-mixin.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",
+              "name": "icon-name",
               "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": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
+              "fieldName": "iconName",
               "inheritedFrom": {
                 "name": "SbbIconNameMixin",
                 "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "disabledInteractive",
+              "name": "disabled-interactive",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
               "description": "Whether the button should be aria-disabled but stay interactive.",
-              "attribute": "disabled-interactive",
-              "reflects": true,
+              "fieldName": "disabledInteractive",
               "inheritedFrom": {
                 "name": "SbbDisabledInteractiveMixin",
                 "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
-              "kind": "field",
               "name": "disabled",
-              "privacy": "public",
               "description": "Whether the component is disabled.",
               "default": "false",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#disabled",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isDisabledExternally",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "fieldName": "disabled",
               "inheritedFrom": {
                 "name": "SbbDisabledMixin",
                 "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_elementsOnWhichEnterPressTriggersSubmit",
-              "type": {
-                "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",
-              "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",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "public",
-              "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": "_formId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
               "default": "''",
+              "description": "Value of the form element.",
+              "fieldName": "value",
               "inheritedFrom": {
                 "name": "SbbButtonBaseElement",
                 "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_handleButtonClick",
-              "privacy": "private",
+              "name": "type",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
+              "type": {
+                "text": "SbbButtonType"
+              },
+              "fieldName": "type",
               "inheritedFrom": {
                 "name": "SbbButtonBaseElement",
                 "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_requestSubmit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "form",
+              "description": "The `<form>` element to associate the button with.",
+              "type": {
+                "text": "HTMLFormElement | null"
               },
-              "parameters": [
-                {
-                  "name": "form",
-                  "type": {
-                    "text": "HTMLFormElement"
-                  }
-                }
-              ],
+              "fieldName": "form",
               "inheritedFrom": {
                 "name": "SbbButtonBaseElement",
                 "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_formKeyDown",
-              "privacy": "private",
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "description": "The delay before the loading animation starts, when setting the button into loading state.",
+              "name": "--sbb-button-loading-delay",
+              "default": "300ms",
+              "inheritedFrom": {
+                "name": "SbbSecondaryButtonElement",
+                "module": "button/secondary-button/secondary-button.component.js"
               }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSidebarCloseButtonElement",
+          "declaration": {
+            "name": "SbbSidebarCloseButtonElement",
+            "module": "sidebar/sidebar-close-button/sidebar-close-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar/sidebar.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "This component corresponds to a sidebar that can be opened on the sidebar container.",
+          "name": "SbbSidebarElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to slot any content into the sidebar.",
+              "name": ""
             },
+            {
+              "description": "Use the title slot to add an <sbb-title>.",
+              "name": "title"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "elementName",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
               "static": true,
-              "default": "true",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "'sbb-sidebar'"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "color",
+              "type": {
+                "text": "'white' | 'milk'"
+              },
               "privacy": "public",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "default": "'white'",
+              "description": "Background color of the sidebar. Either `white` or `milk`.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "mode",
               "type": {
-                "text": "string"
+                "text": "'side' | 'over'"
               },
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "privacy": "public",
+              "default": "'side'",
+              "description": "Mode of the sidebar; one of 'side' or 'over'.",
+              "attribute": "mode",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "position",
               "type": {
-                "text": "ValidityState"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "default": "'start'",
+              "description": "The side that the sidebar is attached to.",
+              "attribute": "position",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "opened",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "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"
-              }
+              "default": "false",
+              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
+              "attribute": "opened",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "willValidate",
+              "name": "focusOnOpen",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "default": "false",
+              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
+              "attribute": "focus-on-open"
+            },
+            {
+              "kind": "field",
+              "name": "container",
+              "type": {
+                "text": "SbbSidebarContainerElement | null"
+              },
+              "privacy": "public",
+              "description": "Returns the SbbSidebarContainerElement where this sidebar is contained.",
               "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_validityStates",
+              "name": "_container",
+              "type": {
+                "text": "SbbSidebarContainerElement | null"
+              },
               "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "formDisabled",
+              "name": "_lastFocusedElement",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | null"
               },
-              "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",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_focusTrapController",
+              "privacy": "private",
+              "default": "new SbbFocusTrapController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_escapableOverlayController",
+              "privacy": "private",
+              "default": "new SbbEscapableOverlayController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_closeOnNavigation",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "checkValidity",
+              "name": "toggle",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "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"
-              }
+              "description": "Toggles the sidebar visibility."
             },
             {
               "kind": "method",
-              "name": "reportValidity",
+              "name": "open",
               "privacy": "public",
               "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.",
+              "description": "Opens the sidebar.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_isZeroAnimationDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleOpening",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
+              "name": "close",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "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.",
+              "description": "Closes the sidebar.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_hasDisabledAncestor",
+              "name": "_handleClosing",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
+              "name": "_takeFocus",
+              "privacy": "private",
               "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",
+              "name": "cedeFocus",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "FormRestoreState"
+                  "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "setValidityFlag",
-              "privacy": "protected",
+              "name": "_updateSidebarWidth",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -150218,35 +150168,44 @@
               },
               "parameters": [
                 {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "flagValue",
+                  "name": "oldPosition",
                   "optional": true,
                   "type": {
-                    "text": "ValidityStateFlags[T]"
+                    "text": "this['position']"
                   }
                 }
-              ],
-              "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": "_buildCssWidthVar",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "position",
+                  "default": "this.position"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isModeOver",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "removeValidityFlag",
-              "privacy": "protected",
+              "name": "_onTransitionEnd",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -150254,173 +150213,230 @@
               },
               "parameters": [
                 {
-                  "name": "flag",
+                  "name": "event",
                   "type": {
-                    "text": "T"
+                    "text": "TransitionEvent"
                   }
                 }
-              ],
-              "description": "Removes the validity state flag entry and updates validity state.",
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_detectScrolledState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isAnimating",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the component is currently animating.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "animationComplete",
+              "type": {
+                "text": "Promise<void>"
+              },
+              "privacy": "public",
+              "description": "Returns a promise which completes whenever an animation ends.\nWhen a new animation starts, a new Promise is returned.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_animationPromise",
+              "type": {
+                "text": "Promise<void>"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "validate",
+              "name": "startAnimation",
               "privacy": "protected",
               "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"
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "shouldValidate",
+              "name": "stopAnimation",
               "privacy": "protected",
               "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.",
+              "description": "Overriding stopAnimation() breaks functionality.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_setInternalValidity",
+              "name": "_enqueueAnimation",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "ElementInternals['role']"
-              },
+              "name": "events",
               "privacy": "public",
               "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
               "readonly": true,
-              "default": "'button'"
+              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
+              "type": {
+                "text": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
             },
             {
               "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"
-                }
-              ],
+              "name": "state",
+              "privacy": "protected",
+              "description": "The state of the component.",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
+              "default": "'closed'",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_removeActiveMarker",
+              "name": "_state",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
               "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-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"
+              "name": "isOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether the element is open.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "escapeStrategy",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
+              },
+              "description": "The method which is called on escape key press. Defaults to calling close()",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_dispatchClickEvent",
-              "privacy": "private",
+              "kind": "method",
+              "name": "dispatchBeforeOpenEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "maybeDisabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
+              "kind": "method",
+              "name": "dispatchOpenEvent",
               "privacy": "protected",
-              "readonly": true,
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "maybeDisabledInteractive",
-              "type": {
-                "text": "boolean | undefined"
-              },
+              "kind": "method",
+              "name": "dispatchBeforeCloseEvent",
               "privacy": "protected",
-              "readonly": true,
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "setupBaseEventHandlers",
+              "name": "dispatchCloseEvent",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
@@ -150437,6 +150453,32 @@
                 "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",
+              "type": {
+                "text": "ElementInternals['role'] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_controllers",
@@ -150681,150 +150723,108 @@
               }
             }
           ],
-          "superclass": {
-            "name": "SbbSecondaryButtonElement",
-            "module": "button.pure.js"
-          },
-          "tagName": "sbb-sidebar-close-button",
-          "customElement": true,
           "attributes": [
             {
-              "name": "size",
-              "type": {
-                "text": "SbbButtonSize"
-              },
-              "description": "Size variant, either l, m or s.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbButtonCommonElementMixin",
-                "module": "button/common/button-common.js"
-              }
-            },
-            {
-              "name": "loading",
+              "name": "color",
               "type": {
-                "text": "boolean"
+                "text": "'white' | 'milk'"
               },
-              "default": "false",
-              "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
-              "fieldName": "loading",
-              "inheritedFrom": {
-                "name": "SbbButtonCommonElementMixin",
-                "module": "button/common/button-common.js"
-              }
+              "default": "'white'",
+              "description": "Background color of the sidebar. Either `white` or `milk`.",
+              "fieldName": "color"
             },
             {
-              "name": "negative",
+              "name": "mode",
               "type": {
-                "text": "boolean"
+                "text": "'side' | 'over'"
               },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
+              "default": "'side'",
+              "description": "Mode of the sidebar; one of 'side' or 'over'.",
+              "fieldName": "mode"
             },
             {
-              "name": "icon-name",
+              "name": "position",
               "type": {
-                "text": "string"
+                "text": "'start' | 'end'"
               },
-              "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"
-              }
+              "default": "'start'",
+              "description": "The side that the sidebar is attached to.",
+              "fieldName": "position"
             },
             {
-              "name": "disabled-interactive",
+              "name": "opened",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "fieldName": "disabledInteractive",
-              "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
+              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
+              "fieldName": "opened"
             },
             {
-              "name": "disabled",
-              "description": "Whether the component is disabled.",
-              "default": "false",
+              "name": "focus-on-open",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
+              "default": "false",
+              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
+              "fieldName": "focusOnOpen"
+            }
+          ],
+          "mixins": [
             {
-              "name": "value",
+              "name": "SbbAnimationCompleteMixin",
+              "module": "core.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbOpenCloseBaseElement",
+            "module": "core.js"
+          },
+          "tagName": "sbb-sidebar",
+          "customElement": true,
+          "events": [
+            {
+              "name": "beforeopen",
               "type": {
-                "text": "string"
+                "text": "Event"
               },
-              "default": "''",
-              "description": "Value of the form element.",
-              "fieldName": "value",
+              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "name": "type",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
+              "name": "open",
               "type": {
-                "text": "SbbButtonType"
+                "text": "Event"
               },
-              "fieldName": "type",
+              "description": "Emits whenever the component is opened.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "name": "form",
-              "description": "The `<form>` element to associate the button with.",
+              "name": "beforeclose",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "Event"
               },
-              "fieldName": "form",
+              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "close",
               "type": {
-                "text": "string"
+                "text": "Event"
               },
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            }
-          ],
-          "cssProperties": [
-            {
-              "description": "The delay before the loading animation starts, when setting the button into loading state.",
-              "name": "--sbb-button-loading-delay",
-              "default": "300ms",
+              "description": "Emits whenever the component is closed.",
               "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             }
           ]
@@ -150833,10 +150833,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarCloseButtonElement",
+          "name": "SbbSidebarElement",
           "declaration": {
-            "name": "SbbSidebarCloseButtonElement",
-            "module": "sidebar/sidebar-close-button/sidebar-close-button.component.js"
+            "name": "SbbSidebarElement",
+            "module": "sidebar/sidebar/sidebar.component.js"
           }
         }
       ]