@sbb-esta/lyne-elements-dev 4.0.0-dev.1776065430 → 4.0.0-dev.1776072012

package/custom-elements.json

@@ -118373,6 +118373,22 @@
                 "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,
+              "inheritedFrom": {
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
+              }
+            },
             {
               "kind": "field",
               "name": "iconPlacement",
@@ -118404,22 +118420,6 @@
                 "module": "core/base-elements/action-base-element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "elementDependencies",
@@ -118998,29 +118998,29 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "icon-placement",
+              "name": "size",
               "type": {
-                "text": "SbbIconPlacement"
+                "text": "SbbLinkSize"
               },
-              "default": "'start'",
-              "description": "Moves the icon to the end of the component if set to true.",
-              "fieldName": "iconPlacement",
+              "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": "size",
+              "name": "icon-placement",
               "type": {
-                "text": "SbbLinkSize"
+                "text": "SbbIconPlacement"
               },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
+              "default": "'start'",
+              "description": "Moves the icon to the end of the component if set to true.",
+              "fieldName": "iconPlacement",
               "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
               }
             },
             {
@@ -119189,6 +119189,22 @@
                 "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,
+              "inheritedFrom": {
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
+              }
+            },
             {
               "kind": "field",
               "name": "iconPlacement",
@@ -119220,22 +119236,6 @@
                 "module": "core/base-elements/action-base-element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "elementDependencies",
@@ -120145,29 +120145,29 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "icon-placement",
+              "name": "size",
               "type": {
-                "text": "SbbIconPlacement"
+                "text": "SbbLinkSize"
               },
-              "default": "'start'",
-              "description": "Moves the icon to the end of the component if set to true.",
-              "fieldName": "iconPlacement",
+              "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": "size",
+              "name": "icon-placement",
               "type": {
-                "text": "SbbLinkSize"
+                "text": "SbbIconPlacement"
               },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
+              "default": "'start'",
+              "description": "Moves the icon to the end of the component if set to true.",
+              "fieldName": "iconPlacement",
               "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
               }
             },
             {
@@ -120321,6 +120321,22 @@
                 "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,
+              "inheritedFrom": {
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
+              }
+            },
             {
               "kind": "field",
               "name": "iconPlacement",
@@ -120352,22 +120368,6 @@
                 "module": "core/base-elements/action-base-element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "elementDependencies",
@@ -120797,29 +120797,29 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "icon-placement",
+              "name": "size",
               "type": {
-                "text": "SbbIconPlacement"
+                "text": "SbbLinkSize"
               },
-              "default": "'start'",
-              "description": "Moves the icon to the end of the component if set to true.",
-              "fieldName": "iconPlacement",
+              "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": "size",
+              "name": "icon-placement",
               "type": {
-                "text": "SbbLinkSize"
+                "text": "SbbIconPlacement"
               },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
+              "default": "'start'",
+              "description": "Moves the icon to the end of the component if set to true.",
+              "fieldName": "iconPlacement",
               "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
+                "name": "SbbBlockLinkCommonElementMixin",
+                "module": "link/common/block-link-common.js"
               }
             },
             {
@@ -120881,29 +120881,21 @@
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "size",
               "type": {
-                "text": "CSSResultGroup"
+                "text": "SbbLinkSize"
               },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "styles",
               "type": {
-                "text": "SbbLinkSize"
+                "text": "CSSResultGroup"
               },
               "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
+              "static": true,
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -121336,19 +121328,6 @@
             "module": "core.js"
           },
           "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "name": "negative",
               "type": {
@@ -121396,6 +121375,18 @@
                 "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",
@@ -121422,22 +121413,6 @@
                 "module": "link/common/link-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "negative",
@@ -121536,6 +121511,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SbbLinkSize"
+              },
+              "description": "Size variant, either xs, s or m.",
+              "default": "'s' / 'xs' (lean)",
+              "fieldName": "size"
+            },
             {
               "name": "icon-placement",
               "type": {
@@ -121545,19 +121529,6 @@
               "description": "Moves the icon to the end of the component if set to true.",
               "fieldName": "iconPlacement"
             },
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "name": "negative",
               "type": {
@@ -121642,60 +121613,16 @@
             "name": "SbbActionBaseElement",
             "module": "core.js"
           },
-          "attributes": [
+          "members": [
             {
-              "name": "size",
+              "kind": "field",
+              "name": "styles",
               "type": {
-                "text": "SbbLinkSize"
+                "text": "CSSResultGroup"
               },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.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": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
+              "privacy": "public",
+              "static": true,
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -122045,6 +121972,21 @@
                 "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"
+              }
+            }
           ]
         },
         {
@@ -122066,22 +122008,6 @@
                 "module": "link/common/link-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "method",
               "name": "renderTemplate",
@@ -122128,19 +122054,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "name": "negative",
               "type": {
@@ -122184,15 +122097,32 @@
           "kind": "class",
           "description": "",
           "name": "SbbLinkCommonElementMixinType",
-          "members": [
+          "mixins": [
             {
-              "kind": "field",
-              "name": "size",
+              "name": "SbbNegativeMixin",
+              "module": "core.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbActionBaseElement",
+            "module": "core.js"
+          },
+          "attributes": [
+            {
+              "name": "negative",
               "type": {
-                "text": "SbbLinkSize"
+                "text": "boolean"
               },
-              "privacy": "public"
-            },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "negative",
@@ -122537,31 +122467,6 @@
                 "module": "core/base-elements/element.js"
               }
             }
-          ],
-          "mixins": [
-            {
-              "name": "SbbNegativeMixin",
-              "module": "core.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbActionBaseElement",
-            "module": "core.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"
-              }
-            }
           ]
         },
         {
@@ -122579,18 +122484,6 @@
               "static": true,
               "default": "[boxSizingStyles, unsafeCSS(style)]"
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true
-            },
             {
               "kind": "method",
               "name": "renderTemplate",
@@ -122618,16 +122511,21 @@
               }
             }
           ],
-          "attributes": [
+          "mixins": [
             {
-              "name": "size",
+              "name": "SbbNegativeMixin",
+              "module": "core.js"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
               "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size"
-            },
+                "text": "T"
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "negative",
               "type": {
@@ -122641,20 +122539,6 @@
                 "module": "core/mixins/negative-mixin.js"
               }
             }
-          ],
-          "mixins": [
-            {
-              "name": "SbbNegativeMixin",
-              "module": "core.js"
-            }
-          ],
-          "parameters": [
-            {
-              "name": "superClass",
-              "type": {
-                "text": "T"
-              }
-            }
           ]
         }
       ],
@@ -122721,22 +122605,6 @@
                 "module": "link/common/link-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "method",
               "name": "renderTemplate",
@@ -123278,19 +123146,6 @@
           "tagName": "sbb-link",
           "customElement": true,
           "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "name": "negative",
               "type": {
@@ -123453,22 +123308,6 @@
                 "module": "link/common/link-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "method",
               "name": "renderTemplate",
@@ -124341,19 +124180,6 @@
           "tagName": "sbb-link-button",
           "customElement": true,
           "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "name": "negative",
               "type": {
@@ -124501,22 +124327,6 @@
                 "module": "link/common/link-common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "privacy": "public",
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
             {
               "kind": "method",
               "name": "renderTemplate",
@@ -124910,20 +124720,7 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "size",
-              "type": {
-                "text": "SbbLinkSize"
-              },
-              "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SbbLinkCommonElementMixin",
-                "module": "link/common/link-common.js"
-              }
-            },
-            {
-              "name": "negative",
+              "name": "negative",
               "type": {
                 "text": "boolean"
               },
@@ -143308,20 +143105,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": [
@@ -143338,603 +143143,521 @@
                 "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": "field",
-              "name": "mode",
-              "type": {
-                "text": "'side' | 'over'"
+              "kind": "method",
+              "name": "renderIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "privacy": "public",
-              "default": "'side'",
-              "description": "Mode of the sidebar; one of 'side' or 'over'.",
-              "attribute": "mode",
-              "reflects": true
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "size",
               "type": {
-                "text": "'start' | 'end'"
+                "text": "SbbButtonSize"
               },
               "privacy": "public",
-              "default": "'start'",
-              "description": "The side that the sidebar is attached to.",
-              "attribute": "position",
-              "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": "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"
-            },
-            {
-              "kind": "field",
-              "name": "_container",
-              "type": {
-                "text": "SbbSidebarContainerElement | null"
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "[SbbIconElement]"
             },
             {
               "kind": "field",
-              "name": "_lastFocusedElement",
+              "name": "iconName",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "string"
               },
-              "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": "toggle",
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Toggles the sidebar visibility."
+              "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": "open",
-              "privacy": "public",
+              "name": "renderIconSlot",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
-              "description": "Opens the sidebar.",
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_isZeroAnimationDuration",
+              "name": "_renderIconName",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "string"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_handleOpening",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "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": "method",
-              "name": "close",
+              "kind": "field",
+              "name": "disabled",
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "description": "Whether the component is disabled.",
+              "default": "false",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Closes the sidebar.",
+              "attribute": "disabled",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_handleClosing",
+              "kind": "field",
+              "name": "#disabled",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_takeFocus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "cedeFocus",
+              "name": "isDisabledExternally",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateSidebarWidth",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "parameters": [
-                {
-                  "name": "oldPosition",
-                  "optional": true,
-                  "type": {
-                    "text": "this['position']"
-                  }
-                }
-              ]
+              "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": "_buildCssWidthVar",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "type": {
+                "text": "array"
               },
-              "parameters": [
-                {
-                  "name": "position",
-                  "default": "this.position"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isModeOver",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "readonly": true,
+              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_onTransitionEnd",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TransitionEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_detectScrolledState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "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": "isAnimating",
+              "name": "type",
+              "privacy": "public",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
               "type": {
-                "text": "boolean"
+                "text": "SbbButtonType"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the component is currently animating.",
+              "attribute": "type",
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "animationComplete",
+              "name": "form",
               "type": {
-                "text": "Promise<void>"
+                "text": "HTMLFormElement | null"
               },
               "privacy": "public",
-              "description": "Returns a promise which completes whenever an animation ends.\nWhen a new animation starts, a new Promise is returned.",
-              "readonly": true,
+              "description": "The `<form>` element to associate the button with.",
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "attribute": "form"
             },
             {
               "kind": "field",
-              "name": "_animationPromise",
+              "name": "_formId",
               "type": {
-                "text": "Promise<void>"
+                "text": "string"
               },
               "privacy": "private",
+              "default": "''",
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "startAnimation",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "kind": "field",
+              "name": "_handleButtonClick",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "stopAnimation",
-              "privacy": "protected",
+              "name": "_requestSubmit",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Overriding stopAnimation() breaks functionality.",
+              "parameters": [
+                {
+                  "name": "form",
+                  "type": {
+                    "text": "HTMLFormElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_enqueueAnimation",
+              "kind": "field",
+              "name": "_formKeyDown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
               "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "events",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
               "static": true,
-              "readonly": true,
-              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
+              "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": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
+                "text": "string"
               },
+              "attribute": "name",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "state",
-              "privacy": "protected",
-              "description": "The state of the component.",
+              "name": "validity",
               "type": {
-                "text": "SbbOpenedClosedState"
+                "text": "ValidityState"
               },
-              "default": "'closed'",
+              "privacy": "public",
+              "description": "Returns the ValidityState object for this element.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_state",
+              "name": "validationMessage",
               "type": {
-                "text": "SbbOpenedClosedState"
+                "text": "string"
               },
-              "privacy": "private",
+              "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "isOpen",
+              "name": "willValidate",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "Whether the element is open.",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
               "readonly": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.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()",
+              "kind": "field",
+              "name": "_validityStates",
+              "privacy": "private",
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "dispatchBeforeOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "dispatchOpenEvent",
-              "privacy": "protected",
+              "name": "checkValidity",
+              "privacy": "public",
               "return": {
                 "type": {
                   "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "dispatchBeforeCloseEvent",
-              "privacy": "protected",
+              "name": "reportValidity",
+              "privacy": "public",
               "return": {
                 "type": {
                   "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "dispatchCloseEvent",
-              "privacy": "protected",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "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.",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-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"
-              }
-            },
-            {
-              "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"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
+              "kind": "method",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
+              "kind": "method",
+              "name": "updateFormValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "private",
+              "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": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_textObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
+              "kind": "method",
+              "name": "formState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "FormRestoreState"
+                }
               },
-              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
             {
               "kind": "method",
-              "name": "toggleState",
+              "name": "setValidityFlag",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -143943,28 +143666,35 @@
               },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "message",
                   "type": {
                     "text": "string"
                   }
                 },
                 {
-                  "name": "force",
+                  "name": "flagValue",
                   "optional": true,
                   "type": {
-                    "text": "boolean"
+                    "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": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_slotchangeHandler",
-              "privacy": "private",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -143972,786 +143702,803 @@
               },
               "parameters": [
                 {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                },
-                {
-                  "name": "slot",
+                  "name": "flag",
                   "type": {
-                    "text": "HTMLSlotElement"
+                    "text": "T"
                   }
                 }
               ],
+              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleSlotChangeForSlottedState",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
+              "description": "To be called whenever the current element needs to be validated.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_updateSlottedState",
-              "privacy": "private",
+              "name": "shouldValidate",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "slot",
+                  "name": "name",
                   "type": {
-                    "text": "HTMLSlotElement"
+                    "text": "PropertyKey | undefined"
                   }
                 }
               ],
+              "description": "Whether validation should be run on a property change with the given name.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_observeTextNodesInSlot",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "ElementInternals['role']"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "readonly": true,
+              "default": "'button'"
+            },
+            {
+              "kind": "field",
+              "name": "_preventScrollOnSpaceKeydown",
+              "privacy": "private",
+              "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
               "parameters": [
                 {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
+                  "description": "The origin event.",
+                  "name": "event"
                 }
               ],
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_hasSlottedContent",
+              "kind": "field",
+              "name": "_removeActiveMarker",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dispatchClickEventOnSpaceKeyup",
+              "privacy": "private",
+              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
               "parameters": [
                 {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
+                  "description": "The origin event.",
+                  "name": "event"
                 }
               ],
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "color",
+              "kind": "field",
+              "name": "_dispatchClickEvent",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabled",
               "type": {
-                "text": "'white' | 'milk'"
+                "text": "boolean | undefined"
               },
-              "default": "'white'",
-              "description": "Background color of the sidebar. Either `white` or `milk`.",
-              "fieldName": "color"
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
             },
             {
-              "name": "mode",
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
               "type": {
-                "text": "'side' | 'over'"
+                "text": "boolean | undefined"
               },
-              "default": "'side'",
-              "description": "Mode of the sidebar; one of 'side' or 'over'.",
-              "fieldName": "mode"
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
             },
             {
-              "name": "position",
-              "type": {
-                "text": "'start' | 'end'"
+              "kind": "method",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "'start'",
-              "description": "The side that the sidebar is attached to.",
-              "fieldName": "position"
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
             },
             {
-              "name": "opened",
+              "kind": "field",
+              "name": "['_$sbbElement$']",
               "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"
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
-              "name": "focus-on-open",
+              "kind": "field",
+              "name": "_controllers",
               "type": {
-                "text": "boolean"
+                "text": "Set<SbbReactiveController> | undefined"
               },
-              "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": [
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
             {
-              "name": "beforeopen",
+              "kind": "field",
+              "name": "_hydrationRequired",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
-              "name": "open",
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
               "type": {
-                "text": "Event"
+                "text": "(hydrationRequired: boolean) => void"
               },
-              "description": "Emits whenever the component is opened.",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
-              "name": "beforeclose",
+              "kind": "field",
+              "name": "_textObserver",
               "type": {
-                "text": "Event"
+                "text": "MutationObserver | undefined"
               },
-              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
-              "name": "close",
+              "kind": "field",
+              "name": "hydrationRequired",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "Emits whenever the component is closed.",
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
               "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": [
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
             {
-              "description": "Use the unnamed slot to add content to the sidebar-close-button. Not intended to be used in this context.",
-              "name": "",
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
-              "description": "Slot used to display the icon, if one is set. Not intended to be used in this context.",
-              "name": "icon",
+              "kind": "method",
+              "name": "_slotchangeHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                },
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
-            }
-          ],
-          "members": [
+            },
             {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
+              "kind": "method",
+              "name": "_handleSlotChangeForSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-sidebar-close-button'"
+              }
             },
             {
-              "kind": "field",
-              "name": "_languageController",
+              "kind": "method",
+              "name": "_updateSlottedState",
               "privacy": "private",
-              "default": "new SbbLanguageController(this)"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
               "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,
+              "default": "'l' / '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"
@@ -144759,35 +144506,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"
@@ -144795,173 +144551,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"
               }
             },
             {
@@ -144978,6 +144791,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",
@@ -145198,150 +145037,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": "'l' / '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"
               }
             }
           ]
@@ -145350,10 +145147,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"
           }
         }
       ]